.tdp{background:var(--hz-card,#fffdf8);box-shadow:0 0 0 1.8px var(--hz-ink,#2a2421),4px 4px 0 var(--hz-ink,#2a2421);color:var(--hz-ink,#2a2421);border-radius:16px;flex-direction:column;gap:12px;margin:14px 0;padding:16px;display:flex}.tdp-head{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.tdp-head-text{flex-direction:column;flex:1;gap:4px;min-width:220px;display:flex}.tdp-head-text small{color:var(--hz-ink-2,#7a6f66);font-size:12.5px;font-weight:700}.tdp-head-text h2{margin:0;font-size:19px;font-weight:900}.tdp-ring{flex:none;place-items:center;width:76px;height:76px;display:grid;position:relative}.tdp-ring svg{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.tdp-ring circle{fill:none;stroke-width:7px}.tdp-ring .bg{stroke:var(--hz-paper-2,#efe6d8)}.tdp-ring .fg{stroke:var(--hz-red,#c1272d);stroke-linecap:round;transition:stroke-dashoffset .5s}.tdp-ring b{margin-top:-6px;font-size:19px;font-weight:900;line-height:1;position:relative}.tdp-ring small{color:var(--hz-ink-2,#7a6f66);font-size:9.5px;font-weight:800;position:absolute;bottom:17px}.tdp-goals{flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px;display:flex}.tdp-goals>span{color:var(--hz-ink-2,#7a6f66);font-size:12px;font-weight:700}.tdp-goals button{background:var(--hz-paper-2,#f4ede1);height:26px;box-shadow:0 0 0 1.2px var(--hz-ink,#2a2421);color:inherit;font:inherit;cursor:pointer;border:0;border-radius:99px;padding:0 9px;font-size:12px;font-weight:800}.tdp-goals button.on{background:var(--hz-ink,#2a2421);color:#fff}.tdp-tasks{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.tdp-tasks a{background:var(--hz-paper,#fbf6ee);box-shadow:0 0 0 1.4px var(--hz-ink,#2a2421);color:inherit;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;text-decoration:none;transition:transform .12s;display:flex}.tdp-tasks a:hover{box-shadow:0 0 0 1.4px var(--hz-ink,#2a2421),2px 2px 0 var(--hz-ink,#2a2421);transform:translate(-1px,-1px)}.tdp-tasks em{color:var(--hz-ink-2,#7a6f66);flex:none;font-size:12.5px;font-style:normal;font-weight:800}.tdp-tasks li.done a{background:#ecfdf3}.tdp-tasks li.done em{color:#15803d}.tdp-tasks li.done b{opacity:.75;text-decoration:line-through;text-decoration-thickness:1.5px}.tdp-n{background:var(--hz-mark,#ffd977);width:26px;height:26px;box-shadow:0 0 0 1.3px var(--hz-ink,#2a2421);border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:900;display:grid}.tdp-n svg{width:15px;height:15px}li.done .tdp-n{color:#fff;background:#22c55e}.tdp-ico{width:34px;height:34px;color:var(--hz-red,#c1272d);background:#c1272d1a;border-radius:10px;flex:none;place-items:center;display:grid}.tdp-ico svg{width:19px;height:19px}.tdp-t{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.tdp-t b{font-size:14.5px}.tdp-t small{color:var(--hz-ink-2,#7a6f66);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.tdp-exam{font-size:13.5px}.tdp-exam p{background:#fff7e6;border:1.4px dashed #e0b25a;border-radius:12px;flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:9px 12px;display:flex}.tdp-exam svg{color:#b45309;width:17px;height:17px}.tdp-exam button{font:inherit;color:var(--hz-red,#c1272d);cursor:pointer;background:0 0;border:0;font-size:12.5px;font-weight:800;text-decoration:underline}.tdp-exam-form{background:#fff7e6;border:1.4px dashed #e0b25a;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;padding:9px 12px;display:flex}.tdp-exam-form>span{flex-basis:100%;align-items:center;gap:6px;font-weight:700;display:flex}.tdp-exam-form select,.tdp-exam-form input{border:1.4px solid var(--hz-ink,#2a2421);height:34px;font:inherit;color:inherit;background:#fff;border-radius:9px;padding:0 8px;font-size:13px}.tdp-exam-form .tdp-save{background:var(--hz-ink,#2a2421);color:#fff;border-radius:9px;height:34px;padding:0 14px;text-decoration:none}.tdp-exam-form .tdp-save:disabled{opacity:.45}html[data-theme=dark] .tdp-tasks a{background:#ffffff0a}html[data-theme=dark] .tdp-tasks li.done a{background:#22c55e1f}html[data-theme=dark] .tdp-exam p,html[data-theme=dark] .tdp-exam-form{background:#f59e0b14}html[data-theme=dark] .tdp-exam-form select,html[data-theme=dark] .tdp-exam-form input{background:0 0}