*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--surface-base: #0C0A09;--surface-1: #181311;--surface-2: #221915;--surface-elevated: #1E1714;--border-subtle: rgba(255,255,255,.12);--border-strong: rgba(255,255,255,.16);--text-primary: #FFFFFF;--text-secondary: rgba(255,255,255,.65);--text-mute: rgba(255,255,255,.45);--text-disabled: rgba(255,255,255,.3);--brand-orange: #FF7A18;--brand-amber: #FFB02E;--brand-pink: #E94699;--brand-coral: #FF4F7A;--brand-purple: #A855F7;--brand-indigo: #7C3AED;--gradient-brand: linear-gradient(135deg, #FFB02E 0%, #FF7A18 32%, #FF4F7A 60%, #E94699 80%, #A855F7 100%);--gradient-brand-soft: linear-gradient(135deg, rgba(255,122,24,.15), rgba(233,70,153,.15), rgba(168,85,247,.15));--accent-success: #2BD96A;--accent-danger: #E24B4A;--accent-warning: #FFA85C;--font-sans: "DM Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Courier New", monospace;--shell-max-width: 680px;--bottom-nav-height: 76px;--bottom-nav-offset: calc(var(--bottom-nav-height) + env(safe-area-inset-bottom, 12px))}html,body{background:var(--surface-base);color:var(--text-primary)}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;margin:0}input,textarea,select{font-size:16px!important}h1,h2,h3{color:var(--text-primary);line-height:1.15;letter-spacing:-.02em}h1{font-size:clamp(28px,5vw,40px);font-weight:700}h2{font-size:clamp(20px,3vw,26px);font-weight:600}h3{font-size:18px;font-weight:600}p{color:var(--text-secondary);line-height:1.7}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--font-sans);border:none;background:none}button,a{-webkit-tap-highlight-color:transparent;min-height:44px}.page-content{max-width:var(--shell-max-width);margin:0 auto;padding:1.25rem 1rem;padding-bottom:calc(var(--bottom-nav-offset) + 16px);min-height:100dvh}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 20px;border-radius:12px;font-size:15px;font-weight:600;font-family:var(--font-sans);transition:all .18s cubic-bezier(.4,0,.2,1);border:none;cursor:pointer;white-space:nowrap}.btn-primary{background:var(--gradient-brand);color:#fff;box-shadow:0 8px 32px #ff80284d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 36px #ff802866}.btn-primary:active{transform:translateY(1px)}.btn-full{width:100%}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:100;display:flex;align-items:stretch;justify-content:space-around;gap:4px;min-height:var(--bottom-nav-height);padding:8px 8px calc(env(safe-area-inset-bottom,12px) + 8px);background:#14121ce0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border-subtle);box-shadow:0 -8px 30px #00000073}.nav-btn{flex:1;min-width:64px;min-height:56px;padding:6px 8px 8px;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;font-size:11px;font-weight:600;font-family:var(--font-sans);text-transform:none;letter-spacing:0;color:var(--text-mute);background:transparent;border:none;cursor:pointer;transition:color .18s ease,background-color .18s ease,transform .18s ease}.nav-btn .nav-icon{display:flex;align-items:center;justify-content:center;transition:transform .18s ease}.nav-btn:hover{color:var(--text-primary)}.nav-btn:active{transform:translateY(1px)}.nav-btn.active{color:#fff;font-weight:700;background:linear-gradient(135deg,#e946992e,#a855f72e)}.nav-btn.active .nav-icon{transform:translateY(-1px) scale(1.06)}@media (min-width: 720px){.bottom-nav,.top-header{width:100%;max-width:var(--shell-max-width);left:50%;right:auto;transform:translate(-50%);border-left:1px solid var(--border-subtle);border-right:1px solid var(--border-subtle)}.bottom-nav{border-radius:20px 20px 0 0}}.screen{display:none}.screen.active{display:block;animation:slideUp .35s cubic-bezier(.16,1,.3,1)}@keyframes mic-pulse{0%{box-shadow:0 0 #e24b4a8c,0 4px 16px #e24b4a66}70%{box-shadow:0 0 0 22px #e24b4a00,0 4px 16px #e24b4a66}to{box-shadow:0 0 #e24b4a00,0 4px 16px #e24b4a66}}@keyframes mic-idle-pulse{0%{box-shadow:0 0 #ff802866,0 8px 32px #ff80284d}70%{box-shadow:0 0 0 18px #ff802800,0 8px 32px #ff80284d}to{box-shadow:0 0 #ff802800,0 8px 32px #ff80284d}}@keyframes shimmer{0%,to{opacity:.5}50%{opacity:1}}@media (prefers-reduced-motion: reduce){@keyframes mic-pulse{0%,to{box-shadow:0 4px 16px #e24b4a66}}@keyframes mic-idle-pulse{0%,to{box-shadow:0 8px 32px #ff80284d}}}.font-mono{font-family:var(--font-mono)}.focus-ring:focus{outline:2px solid var(--brand-pink);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sp-card{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:24px;padding:24px 20px;margin-top:24px}.sp-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.sp-phase-label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--brand-orange)}.sp-topic-link{font-size:12px;color:var(--text-mute);font-weight:600;text-decoration:underline;text-underline-offset:4px;cursor:pointer;transition:color .2s}.sp-topic-link:hover{color:var(--brand-orange)}.sp-theme-label{font-size:12px;color:var(--text-mute);font-weight:600}.sp-subtitle{font-size:14px;color:var(--text-secondary);margin-bottom:12px;line-height:1.5}.sp-question-display{font-size:20px;font-weight:700;color:var(--text-primary);line-height:1.5;text-align:center;margin-bottom:8px}@media (min-width: 480px){.sp-question-display{font-size:23px}}.sp-change-btn{display:block;margin:0 auto 20px;background:none;border:none;color:var(--text-mute);font-size:12px;font-weight:500;cursor:pointer;padding:4px 10px;border-radius:6px;transition:color .2s,background .2s;font-family:inherit}.sp-change-btn:hover{color:var(--text-secondary);background:#ffffff0f}.sp-mic-area{display:flex;flex-direction:column;align-items:center;margin:16px 0 32px;position:relative}.sp-timer-wrapper{position:relative;width:160px;height:160px;display:flex;align-items:center;justify-content:center}.sp-timer-ring-pos{position:absolute;top:0;right:0;bottom:0;left:0}.sp-mic-btn{width:80px;height:80px;border-radius:50%;border:none;color:#fff;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .2s ease}.sp-stop-indicator{display:inline-block;width:24px;height:24px;border-radius:6px;background:#fff}.sp-status-btn{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;margin:20px auto 0;padding:12px 20px;min-height:44px;border-radius:24px;display:block}.sp-blocked-notice{margin-top:12px;padding:14px 16px;border-radius:16px;background:#f5852914;border:1px solid rgba(245,133,41,.18);color:#ff4f7a;text-align:center;max-width:360px;line-height:1.65}.sp-blocked-notice__title{font-size:14px;font-weight:700;margin-bottom:8px}.sp-blocked-notice__body{font-size:13px}.sp-hint{font-size:12px;color:var(--text-mute);margin-top:8px;font-style:italic}.sp-error{font-size:12px;margin-top:8px;color:#ff6b6b;font-weight:500;text-align:center}.sp-collapsibles{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.sp-help-section{margin-bottom:4px}.sp-expand-btn{width:100%;display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:14px;color:var(--text-primary);font-size:14px;font-weight:700;cursor:pointer}.sp-expand-btn__left{display:flex;align-items:center;gap:8px}.sp-expand-btn__right{font-size:12px;color:var(--text-mute);display:flex;align-items:center;gap:8px}.sp-expand-btn__tap-hint{font-weight:500}.sp-expand-body{display:flex;flex-direction:column;gap:12px;margin-top:12px}.sp-panel{background:var(--surface-2);border-radius:14px;overflow:hidden;border:1px solid var(--border-subtle)}.sp-panel-btn{width:100%;display:flex;justify-content:space-between;padding:14px 16px;background:transparent;border:none;color:var(--text-primary);font-size:14px;font-weight:600;cursor:pointer}.sp-panel-btn__left{display:flex;align-items:center;gap:8px}.sp-panel-btn__chevron{font-size:12px;color:var(--text-mute)}.sp-question-body{padding:0 16px 16px;font-size:15px;color:var(--text-secondary);line-height:1.5}.sp-transcript-body{padding:0 16px 16px;min-height:60px}.sp-transcript-text{font-size:18px;font-weight:600;line-height:1.5;color:var(--text-primary)}.sp-transcript-empty{font-size:14px;color:var(--text-mute);font-style:italic;line-height:1.6}.sp-next-btn{width:100%;padding:16px;border-radius:14px;font-size:15px;font-weight:700;color:var(--text-primary);cursor:pointer;background:#dd2a7b26;border:1.5px solid rgba(221,42,123,.35);box-shadow:none}@media (max-width: 640px){.vr-card{padding:1.25rem 1rem!important;margin-bottom:14px!important}.tj-progress-track{margin-bottom:16px!important}.tj-orbit-wrap{padding:6px 0 90px!important}.vr-actions,.vr-cta-wrap{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 8px)}}.exit-dialog-btn{outline:none}.exit-dialog-btn:focus-visible{box-shadow:0 0 0 2px #ff7a18;border-radius:8px}