@import "https://fonts.googleapis.com/css2?family=Nunito:wght@500;600;700&display=swap";:root{--bg:#0f0f18;--bg-elevated:#15151f;--accent:#ffd86b;--character-color:#ff7a45;--text:#fff;--text-muted:#fff9;--text-dim:#ffffff21;--font:"Nunito",system-ui,-apple-system,sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font);touch-action:manipulation;-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}body,.app-root{height:100vh;height:100dvh}.app-root{background:radial-gradient(ellipse at center,#1a1a2e 0%,var(--bg)70%);position:relative}.reel-container{scroll-snap-type:y mandatory;scrollbar-width:none;-ms-overflow-style:none;width:100vw;height:100dvh;position:relative;overflow-y:scroll}.reel-container::-webkit-scrollbar{display:none}.reel-container[data-locked=true]{overscroll-behavior-y:contain}.reel-panel{scroll-snap-align:start;scroll-snap-stop:always;width:100%;height:100dvh;position:relative;overflow:hidden}.panel{flex-direction:column;height:100%;display:flex}.panel-media{background:var(--bg-elevated);height:60%;position:relative;overflow:hidden}.media-img,.media-video{object-fit:cover;width:100%;height:100%;display:block}.panel-character-badge{background:#fff;border-radius:999px;align-items:center;gap:8px;padding:8px 14px 8px 8px;display:flex;position:absolute;top:16px;left:16px;box-shadow:0 2px 8px #00000026}.panel-character-dot{background:var(--character-color);border-radius:50%;width:24px;height:24px}.panel-character-name{color:var(--bg);font-size:13px;font-weight:600}.panel-bottom{background:var(--bg);flex-direction:column;gap:12px;height:40%;padding:24px 16px;display:flex;overflow-y:auto}.narration-caption{color:var(--text);font-size:22px;font-weight:700;line-height:1.25}.choices-overlay{opacity:0;pointer-events:none;transition:opacity .25s cubic-bezier(.2,.8,.2,1),transform .25s cubic-bezier(.2,.8,.2,1);transform:translateY(20px)}.choices-overlay.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.choice-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.choice-pill{width:100%;height:60px;color:var(--text);cursor:pointer;background:#ffffff1a;border:none;border-radius:18px;align-items:center;gap:12px;padding:0 16px;font-family:inherit;font-size:16px;font-weight:600;transition:background .12s;display:flex}.choice-pill:hover,.choice-pill:active{background:#ffffff29}.choice-pill:disabled{opacity:.6;cursor:not-allowed}.choice-letter{background:var(--accent);width:32px;height:32px;color:var(--bg);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.choice-label{text-align:left;flex:1}.mic-wrap{flex-direction:column;align-items:center;gap:8px;margin-top:6px;display:flex}.mic-button{background:var(--accent);cursor:pointer;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;width:88px;height:88px;transition:transform .12s,box-shadow .12s;display:flex;position:relative}.mic-button:hover{box-shadow:0 6px 16px #0000004d}.mic-button.is-recording{background:#ff5252;animation:1.2s infinite pulse-record}.mic-button.is-processing{opacity:.85;cursor:wait}.mic-button:disabled{opacity:.5;cursor:not-allowed}@keyframes pulse-record{0%{transform:scale(1);box-shadow:0 0 #ff525266}70%{transform:scale(1.08);box-shadow:0 0 0 16px #ff525200}to{transform:scale(1);box-shadow:0 0 #ff525200}}.mic-icon{background:var(--bg);border-radius:8px;width:16px;height:24px;display:block;position:relative}.mic-icon:before{content:"";background:var(--bg);width:2px;height:6px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.mic-icon:after{content:"";background:var(--bg);border-radius:1.5px;width:28px;height:3px;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)}.mic-button.is-recording .mic-icon,.mic-button.is-recording .mic-icon:before,.mic-button.is-recording .mic-icon:after{background:#fff}.mic-hint{color:var(--text-muted);text-align:center;font-size:12px;font-weight:500}.choice-error{color:var(--character-color);text-align:center;font-size:13px;font-weight:500}.choice-thinking{color:var(--text-muted);text-align:center;font-size:13px;font-weight:500}.choice-thinking:after{content:"…";animation:1.5s ease-in-out infinite dot-pulse;display:inline-block}@keyframes dot-pulse{0%,20%{opacity:0}50%{opacity:1}80%,to{opacity:0}}.choice-ack{color:var(--text);border-left:3px solid var(--accent);padding-left:12px;font-size:16px;font-weight:500;line-height:1.4}.progress-bar{z-index:10;align-items:center;gap:12px;display:flex;position:absolute;top:18px;left:16px;right:16px}.progress-track{background:var(--text-dim);border-radius:2px;flex:1;height:4px;overflow:hidden}.progress-fill{background:var(--accent);border-radius:2px;height:100%;transition:width .3s}.progress-counter{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:11px;font-weight:600}.end-screen{z-index:100;background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:32px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.end-title{color:var(--text);font-size:48px;font-weight:700}.end-body{color:var(--text-muted);text-align:center;font-size:18px;font-weight:500}.end-restart{background:var(--accent);height:56px;color:var(--bg);cursor:pointer;border:none;border-radius:28px;outline:none;padding:0 32px;font-family:inherit;font-size:16px;font-weight:700;transition:transform .12s}.end-restart:active{transform:scale(.97)}.end-privacy{color:#fff6;text-align:center;max-width:320px;font-size:11px;font-weight:400}@media (min-width:768px){.reel-container{width:min(420px,56.25dvh);margin:0 auto;box-shadow:0 20px 80px #0009}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}