.hard{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:24px;align-items:start}@media (max-width:880px){.hard{grid-template-columns:1fr}}.hard-score{position:sticky;top:90px;display:flex;flex-direction:column;align-items:center;text-align:center;padding:26px 22px;border:1px solid var(--line-2);border-radius:var(--radius-lg);background:radial-gradient(ellipse 80% 55% at 50% -10%,rgba(79,123,255,.08),transparent 70%),linear-gradient(180deg,var(--bg-2),var(--bg-1))}@media (max-width:880px){.hard-score{position:static}}.hard-ring{position:relative;width:168px;height:168px}.hard-ring svg{width:100%;height:100%;transform:rotate(-90deg);overflow:visible}.hard-ring-track{fill:none;stroke:var(--line);stroke-width:8}.hard-ring-val{fill:none;stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset .6s cubic-bezier(.16,1,.3,1),stroke .3s ease}.hard-score[data-status="0"] .hard-ring-val{stroke:var(--danger)}.hard-score[data-status="1"] .hard-ring-val{stroke:var(--warn)}.hard-score[data-status="2"] .hard-ring-val{stroke:var(--primary)}.hard-score[data-status="3"] .hard-ring-val{stroke:var(--ok)}.hard-ring-num{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:flex-start;gap:1px}.hard-pct{font-size:44px;font-weight:800;line-height:1;color:var(--text);font-variant-numeric:tabular-nums}.hard-pct-sign{font-size:18px;color:var(--text-3);margin-top:5px}.hard-status{margin-top:16px;font-size:18px;font-weight:700;letter-spacing:-.01em}.hard-score[data-status="0"] .hard-status{color:var(--danger)}.hard-score[data-status="1"] .hard-status{color:var(--warn)}.hard-score[data-status="2"] .hard-status{color:var(--primary-2)}.hard-score[data-status="3"] .hard-status{color:var(--ok)}.hard-count{margin-top:4px;font-size:13px;color:var(--text-3);font-variant-numeric:tabular-nums}.hard-reset{margin-top:16px;border:1px solid var(--line-2);background:transparent;color:var(--text-2);border-radius:999px;padding:7px 16px;font:inherit;font-size:13px;cursor:pointer;transition:border-color .18s ease,color .18s ease}.hard-reset:hover{color:var(--text);border-color:var(--line-bright)}.hard-hint{margin:14px 0 0;font-size:12px;color:var(--text-3);line-height:1.5}.hard-list{gap:22px}.hard-group,.hard-list{display:flex;flex-direction:column}.hard-group{border:0;margin:0;padding:0;gap:8px}.hard-group legend{padding:0;margin-bottom:6px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3)}.hard-item{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-1);cursor:pointer;transition:border-color .18s ease,background .18s ease}.hard-item:hover{border-color:var(--line-2)}.hard-item input{position:absolute;opacity:0;width:0;height:0}.hard-box{width:22px;height:22px;margin-top:1px;border-radius:7px;border:1.5px solid var(--line-bright);background:var(--bg-2);display:grid;place-items:center;flex:none;transition:background .18s ease,border-color .18s ease}.hard-box:after{content:"✓";font-size:13px;font-weight:700;color:var(--bg);opacity:0;transform:scale(.5);transition:opacity .15s ease,transform .15s ease}.hard-item.is-done .hard-box{background:var(--ok);border-color:var(--ok)}.hard-item.is-done .hard-box:after{opacity:1;transform:scale(1)}.hard-item input:focus-visible+.hard-box{outline:2px solid var(--primary);outline-offset:2px}.hard-text{display:flex;flex-direction:column;gap:3px;min-width:0}.hard-title{font-size:14.5px;font-weight:600;color:var(--text)}.hard-item.is-done .hard-title{color:var(--text-2)}.hard-desc{font-size:13px;color:var(--text-3);line-height:1.5}.hard-desc a{color:var(--primary-2)}@media (prefers-reduced-motion:reduce){.hard-box,.hard-box:after,.hard-ring-val{transition:none}}