:root{--liquid-bg-a:#dce8f4;--liquid-bg-b:#c8d8ea;--liquid-bg-c:#eef3f8;--liquid-glass:#ffffff85;--liquid-border:#ffffff8c;--liquid-shadow-soft:0 4px 20px #0f172a0f;--liquid-highlight:inset 0 1px 0 #fffc;--liquid-text:#0f172ac7;--liquid-accent:#007aff;--liquid-radius-pill:999px;--liquid-font:-apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{font-family:var(--liquid-font);-webkit-font-smoothing:antialiased;background:var(--liquid-bg-b);overflow:hidden}.liquid-app{width:100vw;height:100dvh;position:relative;overflow:hidden}.liquid-backdrop{pointer-events:none;transition:background-color .32s;position:absolute;inset:0}.liquid-canvas{z-index:1;position:absolute;inset:0}.liquid-glass{background:var(--liquid-glass);border:1px solid var(--liquid-border);box-shadow:var(--liquid-shadow-soft), var(--liquid-highlight);-webkit-backdrop-filter:blur(32px)saturate(160%)}.liquid-logo-wrap{top:calc(14px + var(--safe-top));left:calc(14px + var(--safe-left));z-index:12;pointer-events:none;position:absolute}.liquid-logo{border-radius:18px;justify-content:center;align-items:center;padding:8px;display:flex}.liquid-logo-image{object-fit:cover;border-radius:12px;width:56px;height:56px;display:block}.liquid-caption-wrap{left:calc(16px + var(--safe-left));right:calc(16px + var(--safe-right));bottom:calc(18px + var(--safe-bottom));z-index:10;pointer-events:none;justify-content:center;display:flex;position:absolute}.liquid-caption{border-radius:var(--liquid-radius-pill);letter-spacing:-.01em;color:var(--liquid-text);text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:min(280px,100%);margin:0;padding:8px 16px;font-size:12px;font-weight:500;overflow:hidden}.liquid-caption.is-accent{color:var(--liquid-accent);font-weight:600}.liquid-caption.is-busy{opacity:.72}.liquid-options{top:calc(14px + var(--safe-top));right:calc(14px + var(--safe-right));z-index:12;position:absolute}.liquid-options-trigger{width:36px;height:36px;color:var(--liquid-text);cursor:pointer;border:none;border-radius:50%;place-items:center;padding:0;transition:transform .16s,opacity .16s;display:grid}.liquid-options-trigger:hover{transform:scale(1.04)}.liquid-options-trigger:active{transform:scale(.96)}.liquid-options-trigger.is-recording{color:#ff3b30;box-shadow:0 0 0 4px #ff3b3029, var(--liquid-shadow-soft), var(--liquid-highlight)}.liquid-options-menu{border-radius:18px;width:min(280px,100vw - 28px);padding:12px;animation:.22s cubic-bezier(.22,1,.36,1) liquidMenuIn;position:absolute;top:calc(100% + 8px);right:0}.liquid-options-menu-scroll{overscroll-behavior:contain;max-height:min(72vh,640px);overflow-y:auto}.liquid-options-divider{background:#0f172a14;height:1px;margin:4px 0 12px}@keyframes liquidMenuIn{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.liquid-options-heading{letter-spacing:.04em;text-transform:uppercase;color:#0f172a73;margin:0 0 8px;font-size:11px;font-weight:600}.liquid-options-segment{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:12px;display:grid}.liquid-options-segment-3{grid-template-columns:repeat(3,minmax(0,1fr))}.liquid-options-chip{color:var(--liquid-text);font:inherit;cursor:pointer;background:#ffffff47;border:1px solid #ffffff73;border-radius:10px;padding:7px 8px;font-size:11px;font-weight:600;transition:background .16s,border-color .16s}.liquid-options-chip.is-active{color:var(--liquid-accent);background:#007aff24;border-color:#007aff59}.liquid-options-chip:disabled{opacity:.45;cursor:not-allowed}.liquid-options-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.liquid-options-label{color:var(--liquid-text);font-size:12px;font-weight:500}.liquid-options-toggle{cursor:pointer;background:#0f172a1f;border:1px solid #ffffff73;border-radius:999px;width:44px;height:26px;padding:0;transition:background .18s;position:relative}.liquid-options-toggle.is-on{background:#34c759d9}.liquid-options-toggle-knob{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .18s;position:absolute;top:2px;left:2px;box-shadow:0 1px 4px #0f172a2e}.liquid-options-toggle.is-on .liquid-options-toggle-knob{transform:translate(18px)}.liquid-options-action{width:100%;color:var(--liquid-text);font:inherit;cursor:pointer;background:#ffffff52;border:1px solid #ffffff73;border-radius:12px;padding:9px 12px;font-size:12px;font-weight:600;transition:background .16s}.liquid-options-action:hover{background:#ffffff7a}.liquid-options-action:disabled{opacity:.45;cursor:not-allowed}.liquid-options-action.is-recording{color:#ff3b30;background:#ff3b301f;border-color:#ff3b3047}.liquid-caption.is-recording{color:#ff3b30;font-weight:600}@media (width<=480px){.liquid-logo-wrap{top:calc(12px + var(--safe-top));left:calc(12px + var(--safe-left))}.liquid-logo{border-radius:16px;padding:7px}.liquid-logo-image{border-radius:11px;width:48px;height:48px}.liquid-caption-wrap{left:calc(12px + var(--safe-left));right:calc(12px + var(--safe-right));bottom:calc(14px + var(--safe-bottom))}.liquid-caption{padding:7px 14px;font-size:11px}}@media (prefers-reduced-motion:reduce){.liquid-caption,.liquid-options-menu,.liquid-backdrop{transition:none;animation:none}}