:root{--visual-progress:0deg}.visual-hero{padding-bottom:clamp(18px,2.5vw,34px)}.visual-hero-inner{max-width:min(1280px,100vw - 44px)}.visual-hero .inner-hero-title{max-width:28ch}.visual-hero .hero-lead{max-width:70ch}.visual-hero .hero-howto{max-width:70ch;color:var(--ink);border-left:4px solid var(--teal);margin-top:12px;padding-left:14px;font-weight:700;line-height:1.5}.visual-shell{grid-template-columns:minmax(320px,.35fr) minmax(0,.65fr);align-items:start;gap:clamp(18px,2vw,28px);max-width:min(1540px,100vw - 44px);padding-bottom:clamp(56px,8vw,110px);display:grid}.visual-panel,.visual-card{background:var(--surface);border:1px solid var(--line);border-radius:22px;box-shadow:0 20px 70px #13323b14}.visual-control{gap:24px;padding:clamp(22px,2.6vw,34px);display:grid;position:sticky;top:96px}.progress-block{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:18px;display:grid}.progress-block h2{margin-top:6px;font-size:clamp(24px,2vw,32px);line-height:1.08}.visual-ring{aspect-ratio:1;background:radial-gradient(circle at center, var(--surface) 58%, transparent 59%), conic-gradient(var(--teal) var(--visual-progress), #0c20261c 0);width:116px;box-shadow:inset 0 0 0 1px var(--line);transition:background .75s var(--ease), transform var(--t-med) var(--ease);border-radius:50%;place-items:center;display:grid}.progress-block.in .visual-ring{transform:translateY(-2px)}.visual-ring span{font-family:var(--font-display);color:var(--ink);font-size:29px}.context-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.context-grid label{gap:7px;font-size:13.5px;font-weight:800;display:grid}.context-grid input{border:1px solid var(--line);background:var(--surface);width:100%;font:inherit;color:var(--ink);border-radius:13px;padding:11px 13px;font-weight:600}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.quick-grid article{border:1px solid var(--line);background:var(--surface-2);border-radius:16px;padding:14px}.quick-grid h3{margin-bottom:5px;font-size:15px}.quick-grid p{color:var(--ink-3);font-size:13.5px;line-height:1.45}.filter-row{flex-wrap:wrap;gap:10px;display:flex}.filter{appearance:none;border:1px solid var(--line);background:var(--surface-2);color:var(--ink);font:inherit;cursor:pointer;border-radius:999px;padding:9px 13px;font-weight:800}.filter.active{background:var(--teal);border-color:var(--teal);color:#fff}.notes-field{gap:8px;font-weight:800;display:grid}.notes-field textarea{resize:vertical;border:1px solid var(--line);background:var(--surface);width:100%;min-height:128px;font:inherit;color:var(--ink);border-radius:16px;padding:14px;line-height:1.45}.actions-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.tool-btn{appearance:none;font:inherit;color:#fff;background:linear-gradient(120deg, var(--teal), var(--blue));cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-weight:800;display:inline-flex}.tool-btn.ghost{color:var(--ink);background:var(--surface-2);border:1px solid var(--line)}.visual-list{grid-column:2;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.practice-panel{border:1px solid var(--line);background:var(--surface);border-radius:22px;grid-column:2;padding:clamp(22px,2.6vw,34px);box-shadow:0 20px 70px #13323b14}.practice-head{grid-template-columns:minmax(0,.9fr) minmax(280px,.55fr);align-items:end;gap:24px;margin-bottom:22px;display:grid}.practice-head h2{max-width:24ch;margin-top:8px;font-size:clamp(26px,3vw,42px);line-height:1.06}.practice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.practice-card{border:1px solid var(--line);background:var(--surface);border-radius:18px;scroll-margin-top:96px;overflow:hidden}.mock-screen{background:var(--surface-2);border-bottom:1px solid var(--line);min-height:260px;padding:18px;position:relative;overflow:hidden}.mini-hero-screen{background:var(--surface);border:1px solid var(--line);border-radius:18px;grid-template-columns:.48fr .52fr;gap:18px;height:100%;min-height:224px;padding:22px;display:grid}.mini-hero-copy{align-self:center;max-width:148px}.mini-hero-copy span{letter-spacing:.14em;text-transform:uppercase;color:var(--teal);margin-bottom:10px;font-size:10px;font-weight:900;display:inline-block}.mini-hero-copy strong{color:var(--ink);font-family:var(--font-display);font-size:25px;line-height:.98;display:block}.mini-hero-copy p{color:var(--ink-3);margin-top:12px;font-size:12px;line-height:1.35}.mini-empty-space{border:1px dashed var(--line-2);background:0 0;border-radius:18px}.mini-phone-screen{background:var(--surface);border:1px solid var(--line);border-radius:24px;gap:9px;width:min(250px,100%);min-height:224px;margin-inline:auto;padding:14px;display:grid;box-shadow:0 12px 34px #072d3614}.mini-phone-top{color:var(--ink);justify-content:space-between;font-weight:900;display:flex}.mini-phone-top:after{content:"•••";color:var(--ink-3);letter-spacing:1px}.mini-order-card{border:1px solid var(--line);background:var(--surface);border-radius:14px;min-height:58px;padding:12px 52px 12px 12px;position:relative}.mini-order-card strong{color:var(--ink);font-size:13px;display:block}.mini-order-card span{color:var(--ink-3);font-size:12px}.muted-card{opacity:.76}.mini-tiny-actions{gap:3px;display:flex;position:absolute;top:12px;right:8px}.mini-tiny-actions button{border:1px solid var(--line);background:var(--surface-2);width:18px;height:18px;color:var(--ink);border-radius:5px;padding:0;font-size:10px;font-weight:900}.mini-primary{color:#31525b;background:#bcd3da;border:0;border-radius:999px;margin-top:2px;padding:10px;font-weight:900}.mini-loading-screen{grid-template-columns:.56fr .44fr;align-items:start;gap:16px;min-height:224px;display:grid}.mini-final-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;min-height:184px;padding:12px}.mini-image-gap{background:linear-gradient(135deg,#0b2830,#078b96);border-radius:14px;height:92px;margin-bottom:12px}.mini-final-card strong{color:var(--ink);font-size:13px;line-height:1.2}.mini-skeleton-lines{gap:12px;margin-top:18px;display:grid}.mini-skeleton-lines span{background:var(--line-2);border-radius:999px;height:16px}.mini-skeleton-lines span:nth-child(2){width:74%}.mini-skeleton-lines span:nth-child(3){width:46%}.mini-loading-screen p{background:var(--teal);color:#fff;border-radius:999px;grid-column:1/-1;justify-self:end;margin-top:-8px;padding:9px 12px;font-size:12px;font-weight:900;transform:translateY(22px)}.mini-form-screen{background:var(--surface);border:1px solid var(--line);border-radius:18px;min-height:224px;padding:20px}.mini-form-screen label span{color:var(--ink);margin-bottom:8px;font-size:13px;font-weight:900;display:block}.mini-form-screen label div{border:1px solid var(--line);color:var(--ink);border-radius:13px;padding:12px 14px;font-weight:800}.mini-helper{color:#78909a;margin-top:8px;font-size:12px}.mini-error{color:#91a9af;margin:30px 0 14px 96px;font-size:12px;font-weight:800}.mini-form-screen button{background:var(--teal);color:#fff;border:0;border-radius:999px;width:100%;padding:11px 14px;font-weight:900}.practice-body{gap:11px;padding:18px;display:grid}.practice-body h3{font-size:20px;line-height:1.16}.practice-body p{color:var(--ink-3);font-size:14px;line-height:1.48}.clue-row{flex-wrap:wrap;gap:7px;display:flex}.clue-row span{border:1px solid var(--line);background:var(--surface-2);color:var(--ink-3);border-radius:999px;padding:5px 8px;font-size:11.5px;font-weight:800}.practice-reveal{appearance:none;border:1px solid var(--line);background:linear-gradient(120deg, var(--teal), var(--blue));color:#fff;font:inherit;cursor:pointer;border-radius:999px;padding:10px 12px;font-size:13.5px;font-weight:800}.practice-answer{border:1px solid #018b972e;border-left:4px solid var(--teal);background:#018b9712;border-radius:14px;padding:12px 14px;font-weight:700;display:none;color:var(--ink)!important}.practice-answer.open{display:block}.visual-card{overflow:hidden}.visual-card header{border-bottom:1px solid var(--line);background:var(--surface-2);grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:20px 20px 16px;display:grid}.visual-card h2{margin-top:4px;font-size:22px;line-height:1.08}.cat-icon,.cat-count{width:38px;height:38px;color:var(--teal);background:#018b971f;border-radius:13px;place-items:center;font-weight:900;display:grid}.check-list{display:grid}.visual-check{border-bottom:1px solid var(--line);min-height:58px;color:var(--ink-3);grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:12px;padding:13px 16px;line-height:1.45;display:grid}.visual-check:last-child{border-bottom:0}.check-text{padding-top:3px}.state-btn{appearance:none;font:inherit;cursor:pointer;border:1px solid var(--line)}.state-btn:focus-visible{outline-offset:2px;outline:3px solid #018b9747}.pass-btn{background:0 0;border:0;margin-top:1px;padding:0}.box{background:var(--surface-2);border:1px solid var(--line);color:#0000;border-radius:8px;place-items:center;width:25px;height:25px;display:grid}.fail-btn{background:var(--surface-2);color:var(--ink-3);letter-spacing:.01em;border-radius:999px;align-self:start;margin-top:1px;padding:6px 12px;font-size:12px;font-weight:800}.fail-btn:hover{border-color:var(--yt);color:var(--yt-strong)}.visual-check[data-state=pass]{color:var(--ink);background:var(--teal-soft);font-weight:700}.visual-check[data-state=pass] .box{background:var(--teal);border-color:var(--teal);color:var(--on-accent)}.visual-check[data-state=fail]{color:var(--ink);background:var(--yt-soft);font-weight:700}.visual-check[data-state=fail] .box{background:var(--surface-2);border-color:var(--line);color:#0000}.visual-check[data-state=fail] .check-text{border-left:3px solid var(--yt);margin-left:-2px;padding-left:10px}.visual-check[data-state=fail] .fail-btn{background:var(--yt);border-color:var(--yt);color:#fff}@media (width<=1180px){.visual-hero .inner-hero-title{max-width:none}.visual-shell{grid-template-columns:1fr}.visual-control{position:static}.visual-list,.practice-panel{grid-column:auto}.practice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.visual-shell,.visual-hero-inner{max-width:calc(100vw - 28px)}.visual-list,.practice-grid,.practice-head,.quick-grid,.context-grid,.actions-row,.progress-block{grid-template-columns:1fr}.visual-ring{width:108px}}