:root{color-scheme:dark;--bg: #0b0c10;--panel: #16181f;--text: #f4f0e6;--muted: #9b968c;--line: rgba(228, 196, 138, .14);--accent: #e4c48a;--accent-text: #1a140c;--track: #101218;--shadow: 0 18px 40px rgba(0, 0, 0, .32);font-family:Segoe UI Variable Text,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,sans-serif}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;color:var(--text);background:radial-gradient(900px 420px at 50% -8%,rgba(228,196,138,.1),transparent 55%),radial-gradient(700px 380px at 100% 100%,rgba(70,90,130,.12),transparent 50%),var(--bg)}main{max-width:28.5rem;margin:0 auto;padding:calc(1.05rem + env(safe-area-inset-top)) 1rem calc(2.4rem + env(safe-area-inset-bottom))}.brand{display:flex;align-items:center;gap:.75rem}.brand-mark{width:42px;height:42px;border-radius:13px;box-shadow:0 0 0 1px #e4c48a38}.brand-copy{min-width:0}h1{font-size:1.52rem;letter-spacing:-.035em;margin:.08rem 0 0;line-height:1.15}h2{font-size:.92rem;margin:0 0 .45rem;letter-spacing:-.01em}.eyebrow{margin:0;letter-spacing:.08em;text-transform:uppercase;font-size:.66rem;color:var(--accent);font-weight:650}.lede,.note,.status,.meaning{color:var(--muted);line-height:1.5}.lede{margin:.55rem 0 0;font-size:.88rem}.panel{background:linear-gradient(180deg,rgba(255,255,255,.035),transparent 42%),var(--panel);border:1px solid rgba(255,255,255,.06);border-radius:18px;padding:1.15rem 1.1rem 1.2rem;margin-top:.95rem;box-shadow:var(--shadow)}.kicker{margin:0 0 .55rem;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-weight:650}.pattern{font-size:1.62rem;font-weight:730;letter-spacing:-.04em;margin:0 0 .35rem;line-height:1.2}.hero .meaning{margin:0 0 1rem;font-size:1rem}button{width:100%;border:0;border-radius:14px;padding:.98rem .8rem;margin-top:.5rem;font:inherit;font-weight:700;background:var(--accent);color:var(--accent-text);letter-spacing:-.01em}button:active:not(:disabled){transform:translateY(1px)}button.secondary{background:#23262f;color:var(--text);font-weight:650}button.ghost{background:transparent;color:var(--muted);border:1px solid rgba(255,255,255,.1);font-weight:650}button:disabled{opacity:.38}.status{margin:.75rem 0 0;font-size:.88rem}.hero .note{margin:.55rem 0 0;font-size:.86rem}.cue{font-size:1.18rem;font-weight:700;letter-spacing:-.02em;margin:0 0 .3rem;line-height:1.35}.time{margin:0 0 .85rem;font-variant-numeric:tabular-nums;color:var(--muted);font-size:.92rem}audio{width:100%;height:2.5rem;border-radius:12px}.player-actions{display:grid;gap:.2rem;margin-top:.2rem}.player-actions button{margin-top:.5rem}.player-kicker{display:flex;align-items:center;gap:.45rem}.live-dot{width:.48rem;height:.48rem;border-radius:50%;background:#7dcea0;box-shadow:0 0 0 4px #7dcea029;animation:pulse 1.6s ease-in-out infinite}.now-playing.is-paused .live-dot{background:var(--muted);box-shadow:none;animation:none}@keyframes pulse{50%{opacity:.45}}.hidden{display:none!important}.tabs{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.22rem;margin-top:.95rem;padding:.22rem;border-radius:14px;background:var(--track);border:1px solid var(--line)}.tab{margin:0;padding:.68rem .4rem;background:transparent;color:var(--muted);font-weight:650;border-radius:11px}.tab.active{background:var(--accent);color:var(--accent-text);box-shadow:0 8px 18px #e4c48a33}select{width:100%;margin:.35rem 0 1rem;padding:.8rem .7rem;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:var(--track);color:var(--text);font:inherit}.select-label{display:block;font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}#script-body h2,#progress-body h2{margin-top:1.25rem;padding-top:.15rem;color:var(--text)}#script-body ol{margin:0;padding-left:1.15rem;line-height:1.55}#script-body li+li{margin-top:.5rem}#script-body .ko{margin:0;color:var(--muted)}#script-body .en{margin:.15rem 0 0}#script-body .caption{margin:.15rem 0 0;font-size:.76rem;color:var(--muted)}.drills{list-style:decimal;padding-left:1.2rem}.dialogue{list-style:none;padding-left:0}.dialogue li{display:grid;grid-template-columns:1.5rem 1fr;gap:.5rem;padding:.55rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.dialogue li:last-child{border-bottom:0;padding-bottom:0}.speaker{color:var(--accent);font-weight:700}.pattern-line .en{font-weight:700}.plain .en{margin:0}.progress-kicker{margin:0 0 .55rem;font-weight:700;letter-spacing:-.02em}.progress-bar{height:.42rem;background:var(--track);border-radius:999px;overflow:hidden;margin-bottom:.7rem;border:1px solid var(--line)}.progress-bar span{display:block;height:100%;background:linear-gradient(90deg,#c9a56a,var(--accent))}.session-flow{margin:0 0 .7rem;padding-left:1.15rem;line-height:1.55;color:var(--muted)}.session-flow li+li{margin-top:.32rem}#progress-body h3{margin:1.15rem 0 .5rem;font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.progress-list{list-style:none;margin:0;padding:0}.progress-list li+li{margin-top:.4rem}.progress-item{display:grid;grid-template-columns:2.1rem 1fr auto;gap:.55rem;align-items:center;width:100%;margin:0;padding:.78rem .7rem;text-align:left;background:#12141b;color:var(--text);border:1px solid rgba(255,255,255,.06);border-radius:14px;font-weight:500}.progress-item.today{border-color:#e4c48a6b;background:#e4c48a14}.progress-item.todo{opacity:.78}.progress-order{font-variant-numeric:tabular-nums;color:var(--muted);font-weight:700}.progress-item.today .progress-order{color:var(--accent)}.progress-copy{display:grid;gap:.12rem;min-width:0}.progress-copy strong{font-size:.95rem;letter-spacing:-.02em}.progress-copy .meaning{margin:0;font-size:.8rem}.progress-side{display:grid;justify-items:end;gap:.22rem}.progress-badge{font-size:.7rem;color:var(--muted);font-weight:700}.progress-grade{font-size:.68rem;font-weight:700;padding:.16rem .45rem;border-radius:999px}.progress-grade.is-easy{color:var(--muted);background:#ffffff0f}.progress-grade.is-ok{color:var(--accent-text);background:#e4c48ac7}.progress-grade.is-hard{color:#f3efe6;background:#6b3f32}.progress-item.today .progress-badge{color:var(--accent-text);background:var(--accent);padding:.22rem .5rem;border-radius:999px}.install-head{display:grid;grid-template-columns:auto 1fr;gap:.75rem;align-items:start}.install-icon{width:48px;height:48px;border-radius:14px;box-shadow:0 0 0 1px #e4c48a38}.install-card h2{margin-bottom:.2rem}.install-head .note{margin:0}.install-steps{margin:.7rem 0 0;color:var(--muted);line-height:1.5;font-size:.9rem}.install-steps strong,.install-howto strong{color:var(--text);font-weight:650}.install-howto{margin:.65rem 0 0;padding-left:1.2rem;color:var(--muted);line-height:1.5;font-size:.9rem}.install-howto li+li{margin-top:.28rem}#drive-view:has(#player-panel:not(.hidden)) #install-card,#drive-view:has(#review:not(.hidden)) #install-card{display:none}#review h2{margin-bottom:.35rem}