*{box-sizing:border-box}body{color:#f5f7ff;background:#0b0f14;min-height:100vh;margin:0;font-family:Poppins,Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}#root{min-height:100vh}.app-shell{background:#000;gap:0;width:min(430px,100vw);min-height:100dvh;margin:0 auto;padding:0;display:grid}.top-tabs{z-index:10;background:#05070a;justify-content:space-between;align-items:center;min-height:54px;padding:10px 12px;display:flex}.brand{color:#f7f8ff;letter-spacing:.03em;margin:0;font-size:17px;font-weight:700}.tabbar{gap:8px;display:flex}.tab{color:#cfdae8;background:#0b132673;border:1px solid #ffffff1f;border-radius:8px;padding:7px 12px;font-weight:600}.tab-active{color:#f8fbff;border-color:#6fbfffe6}.content-area{gap:0;min-height:calc(100dvh - 54px);display:grid}.panel{background:#111820;border:1px solid #ffffff24;border-radius:8px;padding:14px}h1,h2,h3{margin:0 0 12px}.heading{color:#f3f6ff;margin:0 0 4px;font-size:36px;line-height:1.1}.subtitle{color:#8cc3ff;margin:0 0 14px;font-size:20px;font-weight:600}.scene-meta{color:#a0aec7;justify-content:space-between;gap:8px;margin-bottom:8px;font-size:12px;display:flex}.scene-meta p,.episode-index,.line-progress{margin:0}.line-box{background:#0a0e13d1;border:1px solid #ffffff1f;border-radius:8px;margin-top:0;padding:12px;box-shadow:0 12px 36px #00000052}.dialogue-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.speaker{color:#8fd3ff;text-transform:uppercase;letter-spacing:0;margin:0;font-size:12px;font-weight:700}.line-text,.line-translation{margin:0}.line-text{font-size:18px;line-height:1.34}.line-translation{color:#abb8cc;margin-top:6px;font-size:13px}.line-state{color:#d4def0;margin:0;font-size:12px}.action-zone,.auth-actions{gap:8px;margin-top:8px;display:flex}.drama-player .action-zone{z-index:6;margin:0;position:absolute;bottom:18px;left:12px;right:12px}button{cursor:pointer;color:#eef4ff;border:1px solid #0000;border-radius:8px;padding:10px 14px}.primary{background:#2563eb;border-color:#64b5ffb8}.ghost{background:0 0;border-color:#ffffff3d}.hold-btn{width:100%;min-height:48px;font-size:15px}.primary:disabled,.ghost:disabled{opacity:.55;cursor:not-allowed}.end-panel{z-index:10;text-align:center;background:#06090deb;border:1px solid #ffffff2e;border-radius:8px;gap:12px;margin-top:0;padding:22px 18px;animation:1.3s ease-in-out forwards episodeGatePulse;display:grid;position:absolute;inset:34% 18px auto;box-shadow:0 22px 56px #0000007a}.end-panel h3{color:#f7fbff;margin:0;font-size:26px;line-height:1.1}.end-panel p{color:#bfd0ea;margin:0}.end-kicker{color:#9cc7ff;text-transform:uppercase;font-size:12px;font-weight:700}.prompt{color:#ffe08a;font-weight:700}.feedback{border:1px solid #ffffff24;border-radius:10px;margin-top:10px;padding:12px}.drama-player .feedback{z-index:7;margin:0;position:absolute;inset:70px 12px auto}.feedback.pass{background:#1a57424d;border-color:#46ffb4b3}.feedback.fail{background:#64161c73;border-color:#ff787899}.drama-player{background:#000;border:0;border-radius:0;min-height:calc(100dvh - 54px);padding:0;display:block;position:relative;overflow:hidden}.scene-stage{background-color:#000;border:0;border-radius:0;height:calc(100dvh - 54px);min-height:calc(100dvh - 54px);position:relative;overflow:hidden}.scene-stage:after{content:"";z-index:1;pointer-events:none;background:#0000002e;position:absolute;inset:0}.pixi-stage{z-index:0;position:absolute;inset:0}.pixi-stage canvas{width:100%;height:100%;display:block}.scene-stage.is-episode-transitioning .pixi-stage{animation:.76s cubic-bezier(.2,.84,.22,1) episodeSceneSlideUp}.scene-stage.is-episode-transitioning .dialogue-overlay,.scene-stage.is-episode-transitioning .action-zone,.scene-stage.is-episode-transitioning .episode-chip,.scene-stage.is-episode-transitioning .role-chip{animation:.68s ease-out episodeOverlayFadeIn}.episode-transition-card{z-index:9;color:#f7fbff;text-align:center;pointer-events:none;background:#06090ddb;border:1px solid #ffffff2e;border-radius:8px;padding:16px;animation:1.2s cubic-bezier(.2,.84,.22,1) forwards episodeCardSlideUp;position:absolute;top:42%;left:18px;right:18px;box-shadow:0 18px 42px #0006}.episode-transition-card p{color:#9cc7ff;text-transform:uppercase;letter-spacing:0;margin:0 0 6px;font-size:13px;font-weight:700}.episode-transition-card strong{font-size:18px;line-height:1.25;display:block}@keyframes episodeSceneSlideUp{0%{opacity:.35;transform:translateY(42%)}to{opacity:1;transform:translateY(0)}}@keyframes episodeOverlayFadeIn{0%,36%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes episodeCardSlideUp{0%{opacity:0;transform:translateY(78px)}18%,72%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-34px)}}@keyframes episodeGatePulse{0%{opacity:0;transform:translateY(42px)scale(.98)}18%,78%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-34px)scale(.99)}}@media (prefers-reduced-motion:reduce){.scene-stage.is-episode-transitioning .pixi-stage,.scene-stage.is-episode-transitioning .dialogue-overlay,.scene-stage.is-episode-transitioning .action-zone,.scene-stage.is-episode-transitioning .episode-chip,.scene-stage.is-episode-transitioning .role-chip,.episode-transition-card,.end-panel{animation:none}}.scene-meta{z-index:8;color:#f5f7ffd1;text-shadow:0 1px 6px #00000080;justify-content:space-between;gap:8px;margin:0;font-size:12px;display:flex;position:absolute;top:10px;left:12px;right:12px}.episode-chip,.role-chip{z-index:7;color:#e8eef8;background:#080d12c7;border-radius:8px;padding:6px 9px;font-size:12px;position:absolute;top:34px}.episode-chip{left:10px}.role-chip{right:10px}.dialogue-overlay{z-index:5;position:absolute;bottom:92px;left:12px;right:12px}.stage-status{z-index:7;color:#f5f7ffc7;margin:0;font-size:12px;position:absolute;bottom:18px;left:12px;right:12px}.card{text-align:left;background:#0f1626b3;border:1px solid #ffffff24;border-radius:10px;width:100%;margin:10px 0 14px;padding:14px 16px}.title{color:#eff2ff;margin:0;font-size:17px;font-weight:700}.drama-card p{margin:0 0 6px}.episode-grid{gap:8px;display:grid}.episode-row{color:#e8f0ff;text-align:left;background:#ffffff08;border:1px solid #ffffff24;border-radius:10px;padding:12px}.episode-row.is-locked{opacity:.55}.episode-title{margin:0 0 6px;font-weight:600}.episode-meta,.episode-lock{color:#a8b9d0;margin:0;font-size:14px}.episode-lock{color:#ffd46f}.me-panel{gap:16px;display:grid}.auth-form{gap:12px;display:grid}label{color:#d8e2f6;gap:6px;display:grid}input,select{color:#eaf2ff;background:#10182ac7;border:1px solid #ffffff38;border-radius:8px;padding:10px}.auth-switch{color:#a9b9d1;align-items:center;gap:8px;margin:0;font-size:14px;display:flex}.link-btn{color:#7ee2ff;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700}.paywall{z-index:20;background:#05091399;place-items:center;display:grid;position:fixed;inset:0}.paywall article{color:#e6efff;background:#0e1a2e;border:1px solid #fff3;border-radius:12px;width:min(380px,100vw - 48px);padding:18px}.paywall-copy{color:#b8c6dd}.checkout-panel{gap:12px;display:grid}.checkout-price{background:#ffffff12;border-radius:8px;align-items:baseline;gap:6px;padding:12px;display:flex}.checkout-price strong{color:#f7fbff;font-size:30px;line-height:1}.checkout-price span{color:#aebdd2}.empty{color:#9baecc}.attempt-row{text-align:left;background:#ffffff0a;border:1px solid #ffffff29;border-radius:10px;width:100%;margin:8px 0;padding:10px}.attempt-row p{margin:0 0 8px}.empty-state{color:#95a3b7;margin:0}.todo-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.todo-list li{background:#ffffff14;border-radius:8px;padding:14px 16px}@media (width<=640px){.app-shell{width:100%;padding:0}.top-tabs{min-height:50px;padding:8px 10px}.brand{font-size:15px}.tabbar{gap:4px}.tab{padding:6px 9px;font-size:13px}.panel{padding:10px}.drama-player{min-height:calc(100dvh - 50px);padding:0}.scene-stage{height:calc(100dvh - 50px);min-height:calc(100dvh - 50px)}.episode-chip,.role-chip{text-overflow:ellipsis;white-space:nowrap;max-width:calc(50% - 16px);font-size:11px;overflow:hidden}.line-box{padding:10px}.dialogue-overlay{bottom:84px;left:10px;right:10px}.drama-player .action-zone{bottom:14px;left:10px;right:10px}.line-text{font-size:16px}.line-translation{font-size:12px}.hold-btn{min-height:44px}}