[data-theme=light]{--bg: #F5F5F7;--accent-hover-bg: rgba(10, 132, 255, .08);--accent-hover-border: rgba(10, 132, 255, .35);--ghost-hover: rgba(0, 0, 0, .06);--input-focus-border: rgba(0, 0, 0, .22);--cta-hover-filter: brightness(.92);--switch-bg: rgba(255, 255, 255, .78);--switch-border: rgba(0, 0, 0, .08);--switch-shadow: 0 2px 12px rgba(0, 0, 0, .06), 0 1px 0 rgba(255, 255, 255, .9) inset;--switch-track: rgba(0, 0, 0, .08);--switch-thumb: #ffffff;--switch-thumb-shadow: 0 1px 4px rgba(0, 0, 0, .18);--switch-icon: rgba(0, 0, 0, .28);--switch-icon-active: #0A84FF;--record-pulse: rgba(255, 59, 48, .35)}[data-theme=dark]{--bg: #09080F;--accent-hover-bg: rgba(255, 255, 255, .16);--accent-hover-border: rgba(255, 255, 255, .28);--ghost-hover: rgba(255, 255, 255, .14);--input-focus-border: rgba(255, 255, 255, .35);--cta-hover-filter: brightness(.92);--switch-bg: rgba(255, 255, 255, .1);--switch-border: rgba(255, 255, 255, .16);--switch-shadow: 0 4px 20px rgba(0, 0, 0, .35), 0 1px 0 rgba(255, 255, 255, .08) inset;--switch-track: rgba(255, 255, 255, .14);--switch-thumb: rgba(255, 255, 255, .92);--switch-thumb-shadow: 0 1px 6px rgba(0, 0, 0, .35);--switch-icon: rgba(255, 255, 255, .28);--switch-icon-active: rgba(255, 255, 255, .9);--record-pulse: rgba(255, 69, 58, .45)}html,body,#root{height:100%;background:var(--bg);transition:background-color .4s ease}body{font-family:DM Sans,-apple-system,sans-serif}.ghost-btn:hover{background:var(--ghost-hover)!important}.ghost-btn:active,.cta-btn:active,.icon-btn:active{transform:scale(.97)}.cta-btn:hover:not(:disabled){filter:var(--cta-hover-filter)}.cta-btn:disabled{opacity:.45;cursor:not-allowed}.field-input:focus{outline:none;border-color:var(--input-focus-border)!important}.theme-footer{position:relative;z-index:0;flex-shrink:0;display:flex;justify-content:center;padding:8px 24px max(20px,env(safe-area-inset-bottom,20px));pointer-events:none}.theme-footer .theme-switch{pointer-events:auto}.theme-switch{display:flex;align-items:center;gap:10px;padding:7px 12px;border-radius:980px;border:.5px solid var(--switch-border);background:var(--switch-bg);box-shadow:var(--switch-shadow);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);cursor:pointer;font-family:inherit;transition:background .3s ease,border-color .3s ease}.theme-switch:hover{filter:brightness(1.05)}.theme-switch:active{transform:scale(.97)}.theme-switch__icon{color:var(--switch-icon);flex-shrink:0;transition:color .25s ease}.theme-switch__icon--active{color:var(--switch-icon-active)}.theme-switch__track{position:relative;width:40px;height:24px;border-radius:12px;background:var(--switch-track);flex-shrink:0}.theme-switch__thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--switch-thumb);box-shadow:var(--switch-thumb-shadow);transition:transform .28s cubic-bezier(.4,0,.2,1)}.theme-switch__thumb--dark{transform:translate(16px)}.icon-btn:hover:not(:disabled){background:var(--accent-hover-bg)!important;border-color:var(--accent-hover-border)!important}.record-btn--active{animation:recordPulse 1.4s ease-in-out infinite}@keyframes recordPulse{0%,to{box-shadow:0 0 0 0 var(--record-pulse)}50%{box-shadow:0 0 0 10px transparent}}@keyframes fadeIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.screen-enter{animation:fadeIn .5s cubic-bezier(.4,0,.2,1) forwards}.preframe-placeholder{width:100%;aspect-ratio:16 / 9;border-radius:16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a84ff1f,#5ac8fa14);border:.5px dashed rgba(10,132,255,.35);color:var(--switch-icon-active);font-size:14px;font-weight:500;letter-spacing:.02em}[data-theme=dark] .preframe-placeholder{background:linear-gradient(135deg,#ffffff0f,#0a84ff14);border-color:#fff3;color:#ffffff8c}