:root{--ink:#1c201e;--muted:#737a72;--lime:#d5f45b;--lime-dark:#637c15;--line:#e3e7df;--paper:#f8f9f5;--dark:#1b211d;--font:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-family:var(--font);color:var(--ink);background:var(--paper);font-synthesis:none;color-scheme:light}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit}button,a,input,select{outline-offset:4px}:focus-visible{outline:2px solid #819d2a}svg{width:20px;height:20px;flex:none}h1,h2,h3,p{margin:0}h1{font-size:clamp(1.8rem,3vw,2.7rem);letter-spacing:-.045em;line-height:1.3}h2{font-size:1.25rem;letter-spacing:-.02em}h3{font-size:1.05rem;line-height:1.5}p{line-height:1.8}small{font-size:.78rem;line-height:1.7}.skip-link{position:fixed;top:-70px;left:20px;background:var(--lime);padding:12px;z-index:99}.skip-link:focus{top:12px}.app-shell{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:32px 24px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-size:1.3rem;font-weight:750;letter-spacing:-.06em}.brand-mark{display:grid;place-items:center;width:39px;height:39px;background:var(--dark);color:var(--lime);border-radius:12px;font-weight:600;font-size:1.65rem}.brand-dot{color:#809932}.app-name{margin:40px 12px 30px;display:flex;flex-direction:column;gap:8px}.tiny-label{font-size:.65rem;letter-spacing:.17em;color:var(--muted);font-weight:650}.app-name strong{font-size:1.12rem;font-weight:650;letter-spacing:.08em}.app-nav{display:flex;flex-direction:column;gap:8px}.nav-item{display:flex;align-items:center;gap:12px;padding:13px 15px;border-radius:10px;text-decoration:none;color:#6a7268;font-size:.9rem}.nav-item:hover{background:#f3f5ee}.nav-item[aria-current=page]{background:#eff5dc;color:#435817;font-weight:650}.nav-item svg{width:19px;height:19px}.sidebar-note{margin-top:auto;padding:30px 10px 20px;display:flex;align-items:start;gap:9px;color:#858b82;font-size:.75rem;line-height:1.9}.note-dot{width:6px;height:6px;background:#a9c451;border-radius:50%;margin-top:7px}.back-link{padding:18px 10px 0;border-top:1px solid var(--line);font-size:.75rem;color:#757e6b;text-decoration:none;display:flex;justify-content:space-between}.workspace{min-width:0}.topbar{height:83px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 44px;background:#ffffff80}.breadcrumb{font-size:.78rem;color:#92988c;display:inline-flex;gap:12px;align-items:center}.breadcrumb strong{font-weight:550;color:#56604f}.mobile-brand{display:none}.quiet-button{border:1px solid var(--line);background:#fff;border-radius:8px;min-height:36px;padding:8px 13px;font-size:.78rem;color:#606957;display:inline-flex;align-items:center;justify-content:center;gap:8px}.quiet-button:hover{background:#f0f4e7}.stop-square{display:block;width:9px;height:9px;background:currentColor;border-radius:2px}main{max-width:1250px;margin:0 auto;padding:37px 44px 45px;outline:none}.page-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:25px}.page-heading p{color:var(--muted);font-size:.9rem;margin-top:10px}.page-heading .tiny-label{display:block;margin-bottom:12px}.date-tag{padding-top:9px;white-space:nowrap;font-size:.72rem;color:#858d7d}.hero{display:grid;grid-template-columns:1.35fr .85fr;background:var(--dark);color:#fff;border-radius:22px;overflow:hidden;position:relative;min-height:286px}.hero-copy{padding:36px}.hero-kicker{color:#baca97;font-size:.7rem;letter-spacing:.14em;display:flex;align-items:center;gap:9px}.hero-kicker::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--lime)}.hero h2{font-size:clamp(1.8rem,3vw,2.65rem);line-height:1.35;letter-spacing:-.05em;font-weight:650;margin:15px 0 14px}.hero h2 em{font-style:normal;color:var(--lime)}.hero p{font-size:.88rem;color:#abb6a9;max-width:31rem}.hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:23px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:12px 19px;border:1px solid transparent;background:var(--lime);color:#354710;border-radius:9px;font-weight:650;font-size:.87rem;text-decoration:none}.button:hover{background:#e3ff7c}.button.secondary{background:#fff;border-color:var(--line);color:#525e43}.button.dark-secondary{background:#ffffff08;border-color:#ffffff25;color:#dce4d4}.button.small{min-height:36px;padding:8px 13px;font-size:.78rem}.hero-art{display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;min-height:245px;background:radial-gradient(ellipse at center,#96b74013,transparent 68%)}.ear-disc{width:204px;height:204px;border-radius:50%;border:1px solid #c3e66424;position:relative;display:grid;place-items:center;box-shadow:0 0 0 29px #c3e66405,0 0 0 30px #c3e6640a}.ear-disc::before,.ear-disc::after{content:"";position:absolute;inset:22px;border:1px solid #c3e66430;border-radius:50%}.ear-disc::after{inset:43px;border-color:#c3e66420}.ear-disc svg{width:63px;height:63px;color:var(--lime);z-index:1}.orbit-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--lime);top:11px;left:54px;box-shadow:0 0 22px #d5f45b60}.art-label{position:absolute;bottom:24px;left:0;right:0;text-align:center;font-size:.61rem;letter-spacing:.22em;color:#6d816a}.notice{border:1px solid #dde6c3;background:#f1f5e6;border-radius:11px;padding:13px 17px;margin-top:19px;display:flex;gap:11px;align-items:flex-start;color:#596947;font-size:.8rem;line-height:1.8}.notice svg{width:17px;height:17px;margin-top:4px}.notice strong{font-weight:650}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:31px 0 16px}.section-heading span,.text-link{font-size:.78rem;color:#78856b}.text-link{background:none;border:0;padding:3px;text-decoration:none}.text-link:hover{text-decoration:underline}.course-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.course-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:22px;display:flex;flex-direction:column;min-width:0}.course-card.pending{background:#f6f7f2}.course-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.course-icon{width:37px;height:37px;border-radius:10px;display:grid;place-items:center;background:#f0f3e8;color:#657d43}.course-icon svg{width:20px;height:20px}.badge{display:inline-flex;align-items:center;padding:4px 9px;background:#f0f4e7;color:#738258;border-radius:5px;font-size:.65rem;letter-spacing:.02em}.badge.pending{background:#e9ece3;color:#8c9581}.course-card p{margin-top:8px;font-size:.8rem;color:var(--muted)}.course-bottom{margin-top:auto;padding-top:19px;display:flex;justify-content:space-between;align-items:center;gap:15px}.course-meta{font-size:.71rem;color:#96a08b}.course-action{background:none;border:0;color:#536929;font-weight:600;font-size:.77rem;padding:6px 0;display:flex;gap:6px;align-items:center}.course-action svg{width:15px;height:15px}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:21px}.stat-card{border:1px solid var(--line);background:#fff;border-radius:13px;padding:20px 22px}.stat-card .stat-label{font-size:.76rem;color:#85907c}.stat-card strong{display:block;font-size:1.8rem;letter-spacing:-.06em;margin:9px 0 3px;font-weight:650}.stat-card small{color:#909a86;font-size:.7rem}.method-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:17px;gap:14px}.method-step{padding:17px 0;border-top:1px solid var(--line)}.method-step .step-number{font-size:.68rem;letter-spacing:.1em;color:#97a389}.method-step h3{font-size:.88rem;margin:8px 0 5px}.method-step p{font-size:.73rem;color:#86917b}.app-footer{max-width:1250px;margin:0 auto;padding:0 44px 30px;display:flex;justify-content:space-between;gap:20px;color:#9aa28f;font-size:.68rem}.course-section-note{font-size:.8rem;color:var(--muted);margin-bottom:18px}.training-layout{max-width:950px;margin:0 auto}.session-meta{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px;font-size:.78rem;color:#7b886d}.session-dots{display:flex;gap:5px}.session-dot{height:4px;width:18px;border-radius:5px;background:#e0e6d6}.session-dot.done{background:#a1b759}.session-dot.current{background:var(--ink)}.task-title{font-size:clamp(1.4rem,2.3vw,2rem);margin:10px 0 11px;line-height:1.45}.task-intro{font-size:.82rem;color:#7c8971;margin-bottom:21px}.player{border-radius:17px;background:var(--dark);padding:24px;color:#d4dfca;position:relative}.player-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:.7rem;color:#90a184;letter-spacing:.05em}.player-heading>span:first-child{display:flex;align-items:center;gap:7px}.player-status-dot{width:5px;height:5px;border-radius:50%;background:#708367}.player[data-playing=true] .player-status-dot{background:var(--lime)}.versions{display:flex;gap:11px;margin:23px 0 20px}.version-button{flex:1;min-height:84px;border:1px solid #46523d;border-radius:11px;background:#252e24;color:#dce5d4;text-align:left;padding:13px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative}.version-button:hover{background:#303d28}.version-button[aria-pressed=true]{border-color:var(--lime);background:#d5f45b;color:#314412}.version-letter{font-size:1.65rem;font-weight:650;line-height:1.1}.version-caption{display:block;font-size:.7rem;margin-top:6px;font-weight:400;opacity:.7}.version-button svg{width:19px;height:19px}.timeline{position:relative;height:4px;background:#46513b;border-radius:5px;overflow:hidden}.timeline span{position:absolute;top:0;bottom:0;left:0;width:0;background:var(--lime);border-radius:5px;transition:width .1s linear}.player-controls{display:flex;align-items:center;gap:12px;margin-top:12px;flex-wrap:wrap}.player-controls .time{font-size:.68rem;color:#809371;font-variant-numeric:tabular-nums;margin-right:auto}.player-button{display:flex;align-items:center;justify-content:center;gap:6px;min-width:34px;min-height:34px;border:1px solid #414e37;background:none;color:#aabf96;border-radius:7px;font-size:.7rem;padding:6px 9px}.player-button:hover{color:#d7f0b9;border-color:#768b61}.player-button svg{width:14px;height:14px}.volume-control{display:flex;align-items:center;gap:7px;font-size:.68rem;color:#8fa47b}.volume-control input{width:73px;accent-color:var(--lime);height:22px}.audio-note{font-size:.72rem;color:#92a282;margin-top:14px}.answer-section{padding:26px 0 0}.answer-section h2{font-size:.92rem;margin-bottom:12px}.choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;border:0;padding:0;margin:0;min-width:0}.choices.three{grid-template-columns:repeat(3,minmax(0,1fr))}.choice{display:flex;align-items:center;gap:11px;min-height:65px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:14px 16px;font-size:.83rem;line-height:1.6;cursor:pointer}.choice:has(input:checked){border-color:#95ac57;background:#f0f5e4}.choice input{accent-color:#738e34;width:16px;height:16px;flex:none}.confidence-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:21px;flex-wrap:wrap}.confidence-row>span{font-size:.76rem;color:#7b886c}.confidence-options{display:flex;gap:5px;border:0;margin:0;padding:0}.confidence-option{font-size:.73rem;padding:8px 11px;border-radius:7px;background:#edf0e7;color:#76856a;cursor:pointer}.confidence-option:has(input:checked){background:#dde8c6;color:#466126}.confidence-option input{position:absolute;opacity:0;pointer-events:none}.confidence-option:focus-within{outline:2px solid #819d2a;outline-offset:2px}.answer-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:23px;padding-top:22px;border-top:1px solid var(--line)}.answer-footer small{display:block;color:#8c977f;font-size:.7rem;margin-top:8px;max-width:30rem}.submit-wrap{text-align:right}.hint{padding:15px 18px;background:#eef3e3;border:1px solid #dbe5c7;border-radius:9px;font-size:.8rem;color:#617445;margin-top:17px}.control-card{background:#fff;border:1px solid var(--line);padding:19px 23px;border-radius:12px}.control-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:.85rem}.control-value{font-size:1rem;font-weight:600;font-variant-numeric:tabular-nums}.wide-range{width:100%;accent-color:#8d9f3f;min-height:33px;margin:16px 0 4px}.range-labels{display:flex;justify-content:space-between;color:#8b977d;font-size:.68rem}.feedback-box{background:#fff;border:1px solid var(--line);border-radius:16px;padding:27px;margin-top:24px}.feedback-header{display:flex;align-items:center;gap:12px}.feedback-symbol{height:38px;width:38px;border-radius:50%;display:grid;place-items:center;background:#eaf3d8;color:#6d8b35;font-size:1.3rem}.feedback-symbol.review{background:#f4eedb;color:#8d7531}.feedback-box h2{font-size:1.14rem}.feedback-box p{font-size:.83rem;color:#727f63;margin-top:14px}.feedback-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:22px;padding-top:21px;border-top:1px solid var(--line)}.feedback-grid h3{font-size:.76rem;color:#586c43}.feedback-grid p{font-size:.78rem;margin-top:7px}.feedback-actions{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-top:24px;flex-wrap:wrap}.score-context{font-size:.7rem;color:#8a967c}.summary-card{max-width:750px;background:#fff;border:1px solid var(--line);padding:37px;border-radius:18px;margin:10px auto}.summary-card .tiny-label{display:block;margin-bottom:16px}.summary-stats{display:flex;gap:35px;margin:27px 0}.summary-stat strong{font-size:2rem;font-weight:650;letter-spacing:-.04em;display:block}.summary-stat span{font-size:.76rem;color:#859277}.summary-card p{font-size:.85rem;color:#7c896e}.summary-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:28px}.panel{padding:25px;border:1px solid var(--line);border-radius:15px;background:#fff;min-width:0}.panel+.panel{margin-top:19px}.panel h2{margin-bottom:9px}.panel p{font-size:.82rem;color:#7b896c}.progress-list{margin-top:20px}.progress-row{display:grid;grid-template-columns:1fr 1.2fr;gap:20px;align-items:center;padding:19px 0;border-top:1px solid var(--line)}.progress-row h3{font-size:.88rem}.progress-row p{font-size:.72rem;margin-top:5px}.metric-row{display:flex;gap:20px;justify-content:flex-end}.metric{text-align:right}.metric strong{display:block;font-size:1.2rem;font-weight:650}.metric small{font-size:.66rem;color:#8e9a81}.empty-state{padding:30px 0 12px;color:#87967a}.empty-state h3{font-size:1rem;color:#596b4c;margin-bottom:8px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:21px;margin-top:18px}.settings-field{display:flex;flex-direction:column;gap:9px;font-size:.78rem;color:#6e7e5e}.settings-field select,.settings-field input[type=number]{border:1px solid var(--line);border-radius:8px;padding:10px;background:#f8faf4;color:#586a47;min-width:0;width:100%;min-height:42px}.settings-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:23px}.danger-link{border:0;background:transparent;color:#a07860;font-size:.75rem;padding:10px}.file-label{display:flex;flex-direction:column;gap:11px;padding:22px;border:1px dashed #c4d0b2;border-radius:12px;background:#f8faf3;color:#657a4f;font-size:.82rem;min-width:0}.file-label input{width:100%;font-size:.7rem;color:#8a977c}.file-label input::file-selector-button{border:1px solid #d0d9c0;border-radius:7px;padding:8px 11px;background:#fff;color:#5b7042;margin-right:10px}.file-label small{font-size:.7rem;color:#8b987e}.room-files{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:22px 0}.room-controls{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:21px 0}.room-status{margin-top:15px;font-size:.78rem;color:#79886a}.room-player{margin-top:22px}.checklist{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:20px}.checklist article{border-top:1px solid var(--line);padding:15px 0}.checklist h3{font-size:.82rem}.checklist p{font-size:.75rem;margin-top:5px}.modal{position:fixed;inset:0;display:grid;place-items:center;padding:25px;background:#131a1370;z-index:100}.modal-panel{background:#fff;max-width:540px;border-radius:19px;padding:30px;box-shadow:0 30px 90px #0002}.modal-panel h2{font-size:1.3rem}.modal-panel p{font-size:.85rem;color:#748267;margin-top:15px}.modal-steps{margin:22px 0;padding-left:20px;color:#6b7c5d;font-size:.83rem;line-height:2}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.storage-status{margin:15px 44px 0;background:#fff1d8;border:1px solid #e9d2ac;border-radius:10px;padding:12px 17px;color:#927143;font-size:.8rem}.loading-screen{padding:70px 20px;text-align:center}.loading-screen h1{font-size:1.5rem;margin-top:21px}.loading-screen p{font-size:.85rem;color:var(--muted);margin-top:10px}.loading-orbit{display:inline-block;width:37px;height:37px;border:3px solid #e1e8d5;border-top-color:#a3bf4b;border-radius:50%;animation:spin 1s linear infinite}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:110;max-width:min(90vw,650px);padding:13px 20px;background:#243020;color:#e6f2d7;border-radius:10px;font-size:.81rem;box-shadow:0 5px 25px #0002}.no-script{padding:24px;background:#fff}html:has(.modal){overflow:hidden}[hidden]{display:none!important}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1450px){main{padding-top:45px}.hero{min-height:315px}.hero-copy{padding:41px}.hero-art{min-height:280px}}
@media(max-width:1100px){.app-shell{grid-template-columns:192px minmax(0,1fr)}.sidebar{padding:28px 17px}.topbar{padding:0 29px}main{padding:29px}.app-footer{padding:0 29px 25px}.hero-copy{padding:29px}.hero{grid-template-columns:1.4fr .7fr}.ear-disc{width:157px;height:157px}.ear-disc svg{width:47px;height:47px}.method-row{grid-template-columns:repeat(2,1fr)}.course-card{padding:19px}.storage-status{margin:15px 29px 0}}
@media(max-width:780px),(max-width:950px) and (orientation:landscape){.app-shell{display:block}.sidebar{position:fixed;top:auto;bottom:0;left:0;right:0;height:auto;border:0;border-top:1px solid var(--line);padding:7px 13px calc(7px + env(safe-area-inset-bottom));z-index:20;background:#fff}.sidebar .brand,.app-name,.sidebar-note,.back-link{display:none}.app-nav{flex-direction:row;justify-content:space-around;gap:0}.nav-item{flex:1;flex-direction:column;gap:4px;font-size:.62rem;padding:8px 3px;border-radius:8px;white-space:nowrap}.nav-item svg{width:19px;height:19px}.topbar{height:63px;padding:0 22px}.mobile-brand{display:inline-block;color:#7e9833;font-weight:700;font-size:1.5rem;margin-right:10px}.breadcrumb{font-size:.7rem;gap:7px}.stop-all{font-size:.65rem;padding:7px 10px;min-height:33px}main{padding:27px 22px 35px}.workspace{padding-bottom:79px}.page-heading{margin-bottom:22px}.page-heading .tiny-label{font-size:.58rem}.page-heading h1{font-size:1.75rem}.date-tag{display:none}.page-heading p{font-size:.81rem}.hero{grid-template-columns:1.2fr .65fr;min-height:250px;border-radius:16px}.hero-copy{padding:25px}.hero h2{font-size:1.72rem}.hero p{font-size:.75rem}.hero-kicker{font-size:.6rem}.hero-art{min-height:225px}.ear-disc{width:112px;height:112px;box-shadow:0 0 0 20px #c3e66405,0 0 0 21px #c3e6640a}.ear-disc::before{inset:13px}.ear-disc::after{inset:25px}.ear-disc svg{width:36px;height:36px}.orbit-dot{left:25px;top:5px}.art-label{font-size:.48rem;letter-spacing:.17em}.hero-actions{gap:8px;margin-top:20px}.button{font-size:.77rem;min-height:40px;padding:10px 15px}.notice{font-size:.72rem;padding:12px 14px;margin-top:15px}.course-grid{gap:11px}.course-card{padding:17px;border-radius:12px}.course-card h3{font-size:.95rem}.course-card p{font-size:.75rem}.course-icon{width:31px;height:31px}.course-top{margin-bottom:11px}.badge{font-size:.59rem;padding:3px 6px}.course-bottom{padding-top:13px;gap:7px}.course-meta{font-size:.64rem}.course-action{font-size:.7rem}.stats-grid{gap:10px}.stat-card{padding:17px 14px}.stat-card .stat-label{font-size:.67rem}.stat-card strong{font-size:1.4rem}.stat-card small{font-size:.61rem}.section-heading{margin-top:26px}.section-heading h2{font-size:1.1rem}.app-footer{padding:0 22px 19px;flex-direction:column;gap:5px;font-size:.62rem}.player{padding:20px}.version-button{padding:13px;min-height:78px}.version-letter{font-size:1.45rem}.task-title{font-size:1.45rem}.task-intro{font-size:.76rem}.choices.three{grid-template-columns:1fr}.feedback-box{padding:23px}.feedback-grid{gap:18px}.summary-card{padding:25px}.settings-grid{gap:15px}.room-files{gap:13px}.room-controls{gap:15px}.checklist{grid-template-columns:1fr;gap:0}.panel{padding:22px}.storage-status{margin:12px 22px 0}.progress-row{gap:15px}.metric-row{gap:15px}.metric strong{font-size:1.05rem}}
@media(max-width:480px){main{padding:24px 18px 28px}.topbar{padding:0 18px}.hero{display:block}.hero-copy{padding:26px 23px}.hero-art{display:none}.hero h2{font-size:1.88rem}.hero p{font-size:.8rem}.hero-actions .button{padding:11px 16px}.course-grid{grid-template-columns:1fr}.course-card{padding:20px}.course-card p{font-size:.78rem}.course-top{margin-bottom:13px}.course-icon{width:35px;height:35px}.course-bottom{padding-top:17px}.course-meta,.course-action{font-size:.72rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-card:last-child{grid-column:1/-1;display:flex;align-items:center;gap:15px;padding-top:12px;padding-bottom:12px}.stat-card:last-child strong{margin:0;font-size:1.2rem}.stat-card:last-child small{margin-left:auto}.method-row{gap:10px}.method-step p{font-size:.69rem}.versions{gap:8px;margin:18px 0}.version-button{padding:12px;min-height:76px}.version-caption{font-size:.62rem}.version-button svg{width:15px;height:15px}.player{padding:18px}.player-heading{font-size:.63rem}.player-controls{gap:7px}.audio-note{font-size:.65rem}.choices{grid-template-columns:1fr}.choice{min-height:57px}.confidence-row{align-items:flex-start;flex-direction:column;gap:10px}.answer-footer{align-items:start;gap:10px}.submit-wrap small{font-size:.64rem}.feedback-grid{grid-template-columns:1fr;gap:15px}.feedback-box{padding:21px}.feedback-actions .button{width:100%}.feedback-actions .quiet-button{width:100%}.settings-grid,.room-files,.room-controls{grid-template-columns:1fr}.progress-row{grid-template-columns:1fr}.metric-row{justify-content:flex-start}.metric{text-align:left}.settings-actions{gap:8px}.modal{padding:19px}.modal-panel{padding:24px}.session-dots{gap:3px}.session-dot{width:12px}.summary-stats{gap:25px}.panel{padding:20px}.app-footer{padding-left:18px;padding-right:18px}.storage-status{margin-left:18px;margin-right:18px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
@media(max-width:360px){.hero h2{font-size:1.55rem}.hero-copy{padding:23px 21px}.hero-actions .button{padding:10px 13px;font-size:.73rem}.topbar{padding:0 16px}.breadcrumb{font-size:.62rem;gap:5px}}
.source-credit{margin:16px 0;padding:14px 16px;border:1px solid var(--line);border-radius:10px;font-size:.8rem;overflow-wrap:anywhere}.source-credit summary{cursor:pointer;font-weight:600}.source-credit p{margin-top:10px}.source-credit a{color:#526e21}.review-versions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.review-fields{display:grid;gap:16px;margin:18px 0}.review-fields fieldset{border:1px solid var(--line);border-radius:9px;padding:16px;min-width:0}.review-fields legend{font-size:.84rem;font-weight:600}.review-fields label{display:inline-flex;align-items:center;gap:6px;margin:8px 14px 0 0;font-size:.8rem}.review-panel p,.review-fields+label{margin-top:12px}.review-wave,.feedback-wave{margin-top:18px;min-width:0}.feedback-wave h3{margin-bottom:12px}.feedback-wave small{display:block;margin-top:10px}.settings-field textarea{font:inherit;padding:12px;resize:vertical;border:1px solid var(--line);border-radius:8px;width:100%;min-width:0}.review-panel{margin-top:22px}[data-review-status]{font-size:.8rem;color:var(--muted)}@media(max-width:780px),(max-width:950px) and (orientation:landscape){.nav-item[href="#review"]{display:none}.review-versions .button{flex:1 1 125px}}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.practical-courses{margin-bottom:26px}.practical-courses .course-grid{margin-top:15px}.course-review-note{padding-top:10px;border-top:1px solid var(--line)}.learning-intro,.prepared-settings{margin:0 0 18px;padding:16px 18px;background:#f0f5e6;border:1px solid #d6e2bf;border-radius:12px;min-width:0;overflow-wrap:anywhere}.learning-intro p,.prepared-settings p{font-size:.8rem;color:#6a7c57;margin:8px 0}.learning-intro p:first-child{margin-top:0}.learning-intro p:last-child{margin-bottom:0}.learning-intro strong{display:block;font-size:.8rem;color:#536b3b;margin-bottom:3px}.prepared-settings>strong{font-size:.86rem}.prepared-settings small{display:block;font-size:.75rem;color:#708160;margin-top:10px}.prepared-control .control-heading{flex-wrap:wrap}.prepared-control .range-labels{gap:12px;flex-wrap:wrap}.prepared-control .wide-range{touch-action:pan-y}.parameter-status{font-size:.8rem;color:#637b4b;margin-top:12px;min-height:1.5em;overflow-wrap:anywhere}.prepared-settings,.prepared-control,.learning-intro{max-width:100%}
.learning-intro strong{display:inline;margin-right:7px}.prepared-settings{background:#fff;padding:10px 16px}.prepared-settings .prepared-compact{margin:0;font-weight:600}.prepared-settings summary{font-size:.77rem;color:#6a7c57;cursor:pointer;min-height:44px;display:flex;align-items:center}.prepared-settings details[open] summary{border-bottom:1px solid var(--line)}
.relisten-count{margin-top:12px}.relisten-list{margin:16px 0}.relisten-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 0;border-top:1px solid var(--line);min-width:0}.relisten-row>div{min-width:0;overflow-wrap:anywhere}.relisten-row h3{font-size:.88rem}.relisten-row p,.relisten-row small{font-size:.76rem}.relisten-row .button{flex:none}.relisten-saved{margin:16px 0 20px;padding:16px 18px;background:#f0f5e6;border:1px solid #d6e2bf;border-radius:12px;overflow-wrap:anywhere}.relisten-saved strong{font-size:.87rem}.relisten-saved p{font-size:.8rem;color:#6a7c57;margin-top:7px}@media(max-width:480px){.relisten-row{align-items:stretch;flex-direction:column;gap:10px}.relisten-row .button{align-self:flex-start;min-height:48px}}
.local-window{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;padding:16px 18px;margin:0 0 18px;border:1px solid #d6e2bf;border-radius:12px;background:#f0f5e6;min-width:0;overflow-wrap:anywhere}.local-window strong{font-size:.9rem;font-variant-numeric:tabular-nums}.local-window p{grid-column:1/-1;color:#6a7c57;font-size:.8rem}.control-scope{margin:10px 0 0;font-size:.77rem;color:#748267;overflow-wrap:anywhere}.gain-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:13px}.gain-steps button{border:1px solid var(--line);border-radius:8px;background:#f6f8f1;font-variant-numeric:tabular-nums;min-width:0}.local-listen-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;min-width:0}.local-listen-actions button{border:1px solid var(--line);border-radius:8px;min-width:0;text-align:center;justify-content:center}.local-control .control-heading{flex-wrap:wrap}.local-control .range-labels{gap:8px;flex-wrap:wrap}.local-control .range-labels span:nth-child(2){text-align:center}.local-control .wide-range{touch-action:pan-y}.local-listen-actions+.button{margin-left:auto}
.course-top,.course-bottom,.session-meta,.feedback-header,.player-controls>*{min-width:0}
.course-card,.course-card p,.badge,.task-title,.task-intro,.score-context,.summary-card,.progress-row,.notice>div{overflow-wrap:anywhere}
.badge{white-space:normal}
.course-review-link{display:inline-flex;align-items:center;min-height:44px;margin-top:9px;color:#637c32;font-size:.76rem;text-underline-offset:3px}
button,.button,.nav-item,.confidence-option,.source-credit summary{min-height:44px}
button,.button{min-width:44px;max-width:100%;white-space:normal}
.confidence-option{display:inline-flex;align-items:center;justify-content:center}
.wide-range,.volume-control,.volume-control input,.review-fields label{min-height:44px}
@media(max-width:780px),(max-width:950px) and (orientation:landscape){
  .sidebar{padding:7px calc(13px + env(safe-area-inset-right,0px)) calc(7px + env(safe-area-inset-bottom,0px)) calc(13px + env(safe-area-inset-left,0px))}
  .topbar{height:auto;min-height:68px;padding:calc(8px + env(safe-area-inset-top,0px)) calc(22px + env(safe-area-inset-right,0px)) 8px calc(22px + env(safe-area-inset-left,0px));gap:12px}
  .topbar>div{min-width:0}.breadcrumb{flex-wrap:wrap}
  main{padding:27px calc(22px + env(safe-area-inset-right,0px)) 35px calc(22px + env(safe-area-inset-left,0px))}
  .workspace{padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))}
  .app-footer{padding-left:calc(22px + env(safe-area-inset-left,0px));padding-right:calc(22px + env(safe-area-inset-right,0px))}
  .storage-status{margin-left:calc(22px + env(safe-area-inset-left,0px));margin-right:calc(22px + env(safe-area-inset-right,0px))}
  input,select,textarea,.settings-field select,.settings-field input[type=number],.settings-field textarea,.file-label input{font-size:16px}
  .settings-field select,.settings-field input[type=number],.settings-field textarea{min-height:48px}
  .file-label input::file-selector-button{min-height:44px}
  .button,.quiet-button,.course-action,.player-button,.stop-all{min-height:48px}
  .versions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .version-button:nth-child(3){grid-column:1/-1}
  .player-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .player-controls .time,.player-controls .volume-control{grid-column:1/-1}
  .player-controls .time{margin-right:0}
  .player-controls .volume-control{display:flex;gap:12px}
  .player-controls .volume-control input{width:auto;min-width:0;flex:1}
  .confidence-options{width:100%;min-width:0}.confidence-option{flex:1}
  .session-meta{flex-wrap:wrap;gap:10px}.course-top{align-items:flex-start}
  .source-credit summary{display:flex;align-items:center}
}
@media(max-width:480px){
  main{padding:24px calc(18px + env(safe-area-inset-right,0px)) 28px calc(18px + env(safe-area-inset-left,0px))}
  .topbar{padding-left:calc(18px + env(safe-area-inset-left,0px));padding-right:calc(18px + env(safe-area-inset-right,0px))}
  .app-footer{padding-left:calc(18px + env(safe-area-inset-left,0px));padding-right:calc(18px + env(safe-area-inset-right,0px))}
  .storage-status{margin-left:calc(18px + env(safe-area-inset-left,0px));margin-right:calc(18px + env(safe-area-inset-right,0px))}
  .answer-footer{flex-direction:column;align-items:stretch}.submit-wrap{text-align:left}.submit-wrap .button{width:100%}
  .course-bottom{flex-wrap:wrap}.course-action{margin-left:auto}
  .stat-card:last-child{flex-wrap:wrap}.stat-card:last-child small{margin-left:0}
}
.lesson-entry small,.lesson-note{display:block;color:var(--muted);font-size:.8rem;line-height:1.65;margin-top:12px}.lesson-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.lesson-grid .panel,.lesson-panel,.lesson-context{min-width:0;overflow-wrap:anywhere}.lesson-grid h2,.lesson-panel h2{margin-bottom:10px}.lesson-field{display:flex;flex-direction:column;gap:8px;margin-top:16px;font-size:.9rem;min-width:0}.lesson-field input,.lesson-field select,.lesson-field textarea{width:100%;max-width:100%;min-width:0;min-height:48px;border:1px solid var(--line);border-radius:9px;background:#fff;padding:11px 12px;font-family:inherit;font-size:16px;color:var(--ink)}.lesson-field textarea{min-height:90px;resize:vertical}.lesson-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.lesson-actions button,.lesson-history-row button,.lesson-panel>.button{min-height:48px;min-width:44px}.lesson-status{margin:16px 0;font-size:.85rem;line-height:1.7;overflow-wrap:anywhere}.lesson-status.error{color:#9b431d}.lesson-history summary{min-height:44px;display:flex;align-items:center;cursor:pointer;margin-top:18px}.lesson-history-row{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--line);padding:12px 0;font-size:.8rem}.lesson-field :focus-visible,.lesson-actions :focus-visible,.lesson-history :focus-visible{outline:3px solid var(--lime-dark);outline-offset:3px}.lesson-context{margin-top:24px}@media(max-width:600px){.lesson-grid{grid-template-columns:minmax(0,1fr)}.lesson-history-row{align-items:stretch;flex-direction:column}.lesson-actions>*{flex:1 1 150px}}