:root{--bg:#0e1117;--ink:#f4f6f9;--muted:#94a3b8;--indigo:#4f46e5;--teal:#2dd4bf;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}body{overscroll-behavior:none}.app{justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.feed{object-fit:cover;opacity:0;background:#000;width:100%;height:100%;transition:opacity .4s;position:absolute;inset:0}.feed.on{opacity:1}.feed.mirror{transform:scaleX(-1)}.overlay{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.start{z-index:2;background:radial-gradient(circle at 50% 38%, #1b2150 0%, var(--bg) 72%);width:100%;height:100%;color:var(--ink);font:inherit;cursor:pointer;border:0;flex-direction:column;justify-content:center;align-items:center;gap:22px;display:flex;position:relative}.start:disabled{cursor:default;opacity:.85}.start:focus-visible{outline:3px solid var(--teal);outline-offset:-8px}.start-eye{background:radial-gradient(circle, #1b2230 0 22%, var(--teal) 22% 30%, #fff 30% 60%, #3730a3 60% 72%, var(--indigo) 72% 100%);border-radius:50%;width:104px;height:104px;animation:3s ease-in-out infinite breathe;box-shadow:0 0 0 6px #4f46e538,0 16px 44px #00000080}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.start-label{letter-spacing:-.01em;font-size:26px;font-weight:600}.flip,.retry{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:64px;color:var(--ink);cursor:pointer;background:#0e11178c;border:1px solid #ffffff40;border-radius:999px;padding:0 32px;font:600 18px/1 inherit;position:absolute;left:50%;transform:translate(-50%)}.flip{bottom:max(28px, calc(env(safe-area-inset-bottom) + 20px))}.retry{top:50%}.flip:active,.retry:active{transform:translate(-50%)scale(.97)}.flip:focus-visible,.retry:focus-visible{outline:3px solid var(--teal);outline-offset:3px}.status{z-index:2;left:50%;bottom:max(108px, calc(env(safe-area-inset-bottom) + 100px));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:#0e11178c;border-radius:14px;max-width:min(90%,38ch);margin:0;padding:10px 16px;font-size:16px;position:absolute;transform:translate(-50%)}.readout{z-index:2;top:max(16px, env(safe-area-inset-top));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--muted);background:#0e11178c;border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font:500 13px/1 ui-monospace,SF Mono,Menlo,monospace;display:flex;position:absolute;left:50%;transform:translate(-50%)}.readout .pip{background:#475569;border-radius:50%;width:8px;height:8px}.readout .pip.live{background:var(--teal);box-shadow:0 0 8px var(--teal)}.voice-upgrade{z-index:2;left:50%;top:max(58px, calc(env(safe-area-inset-top) + 44px));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:44px;color:var(--ink);cursor:pointer;background:#0e11178c;border:1px solid #ffffff40;border-radius:999px;padding:0 20px;font:600 15px/1 inherit;position:absolute;transform:translate(-50%)}.voice-upgrade:active{transform:translate(-50%)scale(.97)}.voice-upgrade:focus-visible{outline:3px solid var(--teal);outline-offset:3px}.tts-loading{z-index:2;left:50%;top:max(58px, calc(env(safe-area-inset-top) + 44px));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;width:min(86%,32ch);color:var(--muted);background:#0e11178c;border-radius:14px;flex-direction:column;gap:8px;padding:12px 16px;font-size:14px;display:flex;position:absolute;transform:translate(-50%)}.tts-loading-track{background:#ffffff26;border-radius:999px;height:6px;overflow:hidden}.tts-loading-fill{background:linear-gradient(90deg, var(--indigo), var(--teal));border-radius:999px;height:100%;transition:width .3s;display:block}.tts-loading-fill.warming{animation:1.1s ease-in-out infinite tts-pulse}@keyframes tts-pulse{0%,to{opacity:1}50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.start-eye{animation:none}.feed,.tts-loading-fill{transition:none}.tts-loading-fill.warming{animation:none}}
