.site-shell{flex-direction:column;min-height:100vh;line-height:1.45;display:flex}.test-banner{z-index:11;color:#78350f;text-align:center;background:#fbbf24;padding:.4rem 1rem;font-size:.88rem;font-weight:600;position:sticky;top:0}.test-banner a{color:#78350f;margin-left:.75rem;text-decoration:underline}.topbar{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--color-surface-blur);border-bottom:1px solid var(--color-border);padding:.75rem 1rem;position:sticky;top:0}.brand{color:var(--color-text-strong);font-weight:700;text-decoration:none}.site-shell .content{flex:1;max-width:1050px;margin:0 auto;padding:1rem}.site-shell h1,.site-shell h2,.site-shell h3,.site-shell p{margin:0}.site-shell p{margin-top:.45rem}.site-shell .muted{color:var(--color-text-muted);font-size:.94rem}.hero-card{padding:.95rem 0}.course-card{margin-top:1.2rem;padding-top:.6rem}.card-grid .course-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;margin-top:0;padding:.95rem}.course-card :is(h2,h3) a{color:inherit;border-bottom:1px solid var(--color-border);text-decoration:none}.course-card :is(h2,h3) a:hover{border-bottom-color:var(--color-primary);color:var(--color-primary)}.card-grid .course-card.locked{opacity:.6;border-style:dashed}.card-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.8rem;margin-top:.8rem;display:grid}.site-shell .button-link,.site-shell button{background:var(--color-primary);color:#fff;border:1px solid var(--color-primary);font:inherit;cursor:pointer;border-radius:8px;margin-top:.7rem;padding:.42rem .7rem;text-decoration:none;display:inline-block}.site-shell button:disabled{opacity:.35;cursor:not-allowed}.site-shell button.small{color:var(--color-text-muted);border-color:var(--color-border);background:#fff;margin-top:0;padding:.22rem .5rem}.site-shell ul{margin:.5rem 0 0;padding-left:1.1rem}.site-shell li+li{margin-top:.32rem}.crumbs{color:var(--color-text-muted);flex-wrap:wrap;align-items:center;gap:.45rem;margin-bottom:.65rem;display:flex}.crumbs a{color:var(--color-primary)}.check-inline{align-items:baseline;gap:.45rem;margin-top:.6rem;display:inline-flex}.section-block+.section-block{margin-top:.85rem;padding-top:.75rem}.task-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.7rem;margin-top:.6rem;display:grid}.task-card{border:1px solid var(--color-border);background:var(--color-surface-alt);border-radius:10px;padding:.65rem}.timer-readout{letter-spacing:.06em;margin-top:.35rem;font-size:1.35rem;font-weight:700}.control-row{flex-wrap:wrap;gap:.4rem;margin-top:.45rem;display:flex}.link-manager{border:1px solid var(--color-border);background:var(--color-surface-alt);border-radius:10px;margin-top:.55rem;padding:.6rem}.site-shell .link-manager input,.site-shell textarea{border:1px solid var(--color-border);width:100%;font:inherit;background:#fff;border-radius:8px;padding:.45rem}.link-manager input+input{margin-top:.45rem}.saved-links{margin-top:.6rem}.saved-links li{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.saved-links a{word-break:break-all}.site-shell textarea{resize:vertical;margin-top:.5rem}.debug-box{border:1px solid var(--color-border);background:var(--color-surface-alt);border-radius:8px;max-height:240px;margin-top:.5rem;padding:.55rem;overflow:auto}.debug-box ul{margin:0;padding-left:1rem}.step-dots{justify-content:center;gap:.5rem;margin-top:.6rem;display:flex}.dot{background:var(--color-border);border:2px solid var(--color-border);border-radius:50%;width:12px;height:12px;transition:all .15s}.dot.done{background:var(--color-done);border-color:var(--color-done)}.dot.active{border-color:var(--color-primary);background:#fff}.practice-card{padding:1.2rem}.practice-card h2{margin-top:.3rem}.practice-nav{justify-content:space-between;gap:.5rem;margin-top:.6rem;display:flex}.practice-complete,.day-complete{text-align:center}.day-complete .control-row{justify-content:center}.task-summary{margin-top:.5rem;padding-left:0;list-style:none}.task-summary li{border-bottom:1px solid var(--color-border-light);align-items:baseline;gap:.5rem;padding:.3rem 0;display:flex}.task-summary li.complete{opacity:.6}.task-summary .muted{white-space:nowrap;margin-left:auto}.practice-cta{text-align:center;margin-top:.7rem;font-weight:600;display:block}.status-dot{background:var(--color-border);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:.35rem;display:inline-block}.status-dot.done{background:var(--color-done)}.done-readout{color:var(--color-done)}.reference-links{border-top:1px dashed var(--color-border-light);margin-top:.8rem;padding-top:.6rem}.reference-links ul{margin-top:.3rem}.task-detail{color:var(--color-text-muted);margin-top:.5rem;font-size:.94rem;line-height:1.55}.task-detail a{color:var(--color-primary)}.recorder-widget{border:1px solid var(--color-border);background:var(--color-surface-alt);border-radius:10px;margin-top:.6rem;padding:.7rem}.recorder-label{color:var(--color-text);margin:0 0 .4rem;font-size:.9rem;font-weight:600}.recording-indicator{align-items:center;gap:.5rem;margin:.4rem 0;display:flex}.rec-dot{background:#ef4444;border-radius:50%;width:12px;height:12px;animation:1s ease-in-out infinite pulse-rec}@keyframes pulse-rec{0%,to{opacity:1}50%{opacity:.4}}.rec-time{color:#ef4444;font-family:SF Mono,Cascadia Mono,monospace;font-size:1.1rem}.recording-error{color:#dc2626;margin-top:.3rem;font-size:.85rem}.recording-slots.multi{flex-direction:column;gap:.5rem;display:flex}.compare-reference{border:1px dashed var(--color-border);background:var(--color-surface-alt);border-radius:10px;margin-bottom:.7rem;padding:.6rem}.playback-widget{margin-top:.3rem}.playback-label{color:var(--color-text-muted);margin:0 0 .25rem;font-size:.85rem}.playback-controls{align-items:center;gap:.5rem;display:flex}.play-btn{border:1px solid var(--color-border);cursor:pointer;background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:.85rem;display:flex}.play-btn:hover{background:var(--color-surface-alt)}.playback-time{color:var(--color-text-muted);flex-shrink:0;font-family:SF Mono,Cascadia Mono,monospace;font-size:.8rem}.playback-bar{background:var(--color-border-light);cursor:pointer;border-radius:3px;flex:1;height:6px;position:relative;overflow:hidden}.playback-bar-fill{background:var(--color-primary);border-radius:3px;height:100%;transition:width .15s linear}.intro-page{max-width:680px;margin:0 auto}.intro-hero{text-align:center;padding:1.5rem 0 .5rem}.intro-subtitle{color:var(--color-text-muted);margin-top:.5rem;font-size:1.08rem}.intro-subtitle a{color:var(--color-primary)}.intro-section{margin-top:1.5rem}.intro-section h2{margin-bottom:.3rem;font-size:1.15rem}.intro-section ul{margin-top:.5rem;padding-left:1.2rem}.intro-section li+li{margin-top:.35rem}.level-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.7rem;margin-top:.7rem;display:grid}.level-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:.75rem}.level-card h3{margin:0;font-size:.95rem}.level-card p{color:var(--color-text-muted);margin-top:.3rem;font-size:.92rem}.intro-cta{text-align:center;margin:2rem 0 1rem}.intro-cta button{padding:.6rem 1.8rem;font-size:1.05rem;font-weight:600}@media (width<=700px){.site-shell .content{padding:.75rem}}