*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overscroll-behavior:none}body{background:#0b1220;color:#e6edf3;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}.app{height:100%}.stage-viewport{position:fixed;inset:0;overflow:hidden;background:radial-gradient(120% 90% at 50% 18%,#16233d,#0b1220 70%);z-index:0}.stage{width:100%;height:100%}.stage canvas{width:100%!important;height:100%!important;display:block}.status-card{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#0b1220d9;text-align:center;padding:24px;z-index:5}.status-card.error p:first-child{font-weight:600;color:#ff7b72}.error-detail{font-size:12px;color:#8b949e;max-width:480px;word-break:break-word}.status-card button{min-height:44px;padding:0 28px;border-radius:10px;border:1px solid #2e4a6b;background:#14304f;color:#e6edf3;font-size:15px}.spinner{width:34px;height:34px;border:3px solid #1d3354;border-top-color:#58a6ff;border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.debug-overlay{position:absolute;top:calc(8px + env(safe-area-inset-top));right:8px;background:#080c16d1;border:1px solid #1d3354;border-radius:10px;padding:10px 12px;font-size:11px;font-family:ui-monospace,SF Mono,Menlo,monospace;max-width:250px;z-index:10}.debug-toggle{position:absolute;top:calc(8px + env(safe-area-inset-top));right:8px;z-index:10;background:#080c16b3;color:#8b949e;border:1px solid #1d3354;border-radius:8px;min-height:32px;padding:0 10px;font-size:11px}.debug-close{position:absolute;top:2px;right:6px;background:none;border:none;color:#8b949e;font-size:16px;min-height:24px}.debug-row{line-height:1.5;white-space:nowrap}.debug-row.big{font-size:17px;font-weight:700;color:#58a6ff}.debug-row.big .dim{font-size:11px;font-weight:400;margin-left:8px}.dim{color:#8b949e}.ua{white-space:normal;word-break:break-all;font-size:9px;margin-top:4px}.show-controls{position:fixed;right:14px;bottom:calc(14px + env(safe-area-inset-bottom));z-index:30;min-height:46px;padding:0 20px;border-radius:24px;border:1px solid #388bfd;background:#1f6febeb;color:#fff;font-size:14px;font-weight:600;box-shadow:0 6px 20px #0006;backdrop-filter:blur(6px)}.panels{position:fixed;left:0;right:0;bottom:0;z-index:20;max-height:62vh;overflow-y:auto;background:#0e1730f0;border-top:1px solid #1d3354;backdrop-filter:blur(8px);padding-bottom:env(safe-area-inset-bottom);transition:transform .25s ease}.panels.hidden{transform:translateY(110%)}.panels-header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#0e1730fa;border-bottom:1px solid #1d3354;z-index:2}.panels-title{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#8b949e}.hide-controls{min-height:36px;padding:0 16px;border-radius:18px;border:1px solid #2e4a6b;background:#14304f;color:#e6edf3;font-size:13px;font-weight:600}.speak-panel{padding:12px 12px 10px;display:flex;flex-direction:column;gap:8px;border-bottom:1px solid #1d3354}.speak-panel textarea{width:100%;background:#0b1220;border:1px solid #2e4a6b;border-radius:10px;color:#e6edf3;font-size:15px;padding:10px;resize:vertical;min-height:52px}.speak-panel select{min-height:40px;background:#14304f;border:1px solid #2e4a6b;border-radius:10px;color:#e6edf3;font-size:13px;padding:0 8px;max-width:46vw}.speak-btn{min-height:48px!important;padding:0 26px!important;font-size:15px!important;font-weight:600;background:#1f6feb!important;border-color:#388bfd!important}.speak-btn:disabled{opacity:.5}.speak-btn.stop{background:#6e2c31!important;border-color:#8b3a40!important}.timings{font-size:11px;font-family:ui-monospace,SF Mono,Menlo,monospace;color:#7ee787}.controls{padding:10px 12px;display:flex;flex-direction:column;gap:10px}.control-group .label,.speak-panel .label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#8b949e;margin-bottom:5px}.btn-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.btn-row button,.seg button{min-height:44px;padding:0 14px;border-radius:10px;border:1px solid #2e4a6b;background:#14304f;color:#e6edf3;font-size:13px}.btn-row button:disabled{opacity:.45}.btn-row button.active,.seg button.active{background:#1f6feb;border-color:#388bfd}.seg{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#8b949e}.seg button{min-height:36px;padding:0 10px;font-size:12px}.slider-label{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:#8b949e}.slider-label input[type=range]{width:130px;accent-color:#1f6feb}.slider-label.wide input[type=range]{width:min(70vw,320px)}.inline-error{background:#2d1416;border:1px solid #6e2c31;color:#ff7b72;border-radius:8px;padding:8px 10px;font-size:12px}