:root,[data-theme=dark]{--bg:#000000;--fg:#ffffff;--fg-muted:rgba(255,255,255,0.5);--fg-subtle:rgba(255,255,255,0.3);--eye-fill:#f0f0f0;--lid-color:#000000;--glow-rgb:255,255,255;--button-bg:rgba(255,255,255,0.06);--button-bg-hover:rgba(255,255,255,0.1);--button-border:rgba(255,255,255,0.12);--button-border-hover:rgba(255,255,255,0.2);--input-bg:rgba(255,255,255,0.03);--input-bg-focus:rgba(255,255,255,0.06);--input-border:rgba(255,255,255,0.1);--input-border-focus:rgba(255,255,255,0.22);--toggle-bg:rgba(255,255,255,0.06);--toggle-border:rgba(255,255,255,0.12);--toggle-icon-size:16px;--screen-gutter:clamp(16px,4vw,24px);--eye-size:clamp(118px,18vw,200px);--eye-gap-max:clamp(20px,calc(var(--eye-size) * 0.72),84px);--controls-width:min(calc(100vw - (var(--screen-gutter) * 2)),520px);--controls-bottom-space:calc(20px + env(safe-area-inset-bottom, 0px));--controls-panel-height:176px;--top-safe-space:calc(16px + env(safe-area-inset-top, 0px));--input-shell-border:rgba(255,255,255,0.1);--input-shell-border-focus:rgba(255,255,255,0.2);--input-shell-bg-top:rgba(255,255,255,0.08);--input-shell-bg-bottom:rgba(255,255,255,0.03);--input-shell-shadow:inset 0 1px 0 rgba(255,255,255,0.06),0 10px 28px rgba(0,0,0,0.28);--input-shell-focus-shadow:inset 0 1px 0 rgba(255,255,255,0.09),0 0 0 1px rgba(255,255,255,0.06),0 0 26px rgba(255,255,255,0.08),0 12px 34px rgba(0,0,0,0.34);--placeholder-color:rgba(255,255,255,0.34);--send-button-border:rgba(255,255,255,0.1);--send-button-bg-strong:rgba(255,255,255,0.16);--send-button-bg-soft:rgba(255,255,255,0.05);--send-button-hover-strong:rgba(255,255,255,0.24);--send-button-hover-soft:rgba(255,255,255,0.08);--send-button-active-strong:rgba(255,255,255,0.12);--send-button-active-soft:rgba(255,255,255,0.04);--send-button-active-color:rgba(255,255,255,0.72)}[data-theme=light]{--bg:#fafaf8;--fg:#1e293b;--fg-muted:rgba(30,41,59,0.5);--fg-subtle:rgba(30,41,59,0.3);--eye-fill:#2c3e6b;--lid-color:#fafaf8;--glow-rgb:44,62,107;--button-bg:rgba(30,41,59,0.05);--button-bg-hover:rgba(30,41,59,0.09);--button-border:rgba(30,41,59,0.14);--button-border-hover:rgba(30,41,59,0.22);--input-bg:rgba(30,41,59,0.03);--input-bg-focus:rgba(30,41,59,0.06);--input-border:rgba(30,41,59,0.14);--input-border-focus:rgba(30,41,59,0.28);--toggle-bg:rgba(30,41,59,0.05);--toggle-border:rgba(30,41,59,0.14);--input-shell-border:rgba(30,41,59,0.12);--input-shell-border-focus:rgba(44,62,107,0.24);--input-shell-bg-top:rgba(255,255,255,0.88);--input-shell-bg-bottom:rgba(242,245,249,0.82);--input-shell-shadow:inset 0 1px 0 rgba(255,255,255,0.82),0 12px 30px rgba(15,23,42,0.08);--input-shell-focus-shadow:inset 0 1px 0 rgba(255,255,255,0.88),0 0 0 1px rgba(44,62,107,0.08),0 0 20px rgba(44,62,107,0.08),0 14px 34px rgba(15,23,42,0.1);--placeholder-color:rgba(30,41,59,0.36);--send-button-border:rgba(44,62,107,0.12);--send-button-bg-strong:rgba(44,62,107,0.14);--send-button-bg-soft:rgba(44,62,107,0.06);--send-button-hover-strong:rgba(44,62,107,0.2);--send-button-hover-soft:rgba(44,62,107,0.1);--send-button-active-strong:rgba(44,62,107,0.11);--send-button-active-soft:rgba(44,62,107,0.05);--send-button-active-color:rgba(30,41,59,0.7)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{min-height:100%;background:var(--bg);color:var(--fg);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background .3s ease,color .3s ease}body{font-family:Inter,-apple-system,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.5}.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}button{font:inherit;cursor:pointer}.app-shell{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;justify-items:center;background:var(--bg);padding:var(--top-safe-space) var(--screen-gutter) calc(var(--controls-panel-height) + var(--controls-bottom-space) + 24px);gap:0;overflow-x:clip;transition:background .3s ease}.theme-toggle-row{position:fixed;top:var(--top-safe-space);right:var(--screen-gutter);z-index:30;display:flex;justify-content:flex-end;pointer-events:none;padding:0}.theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--toggle-border);background:var(--toggle-bg);color:var(--fg);cursor:pointer;transition:background .16s ease,border-color .16s ease;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;pointer-events:auto}.theme-toggle:hover{background:var(--button-bg-hover);border-color:var(--button-border-hover)}.theme-toggle svg{width:var(--toggle-icon-size);height:var(--toggle-icon-size);fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.eye-stage-shell{width:100%;min-height:clamp(190px,30vh,320px);display:grid;place-items:center;position:relative;margin-top:clamp(68px,14vh,136px);overflow:visible}.eye-stage{display:inline-flex;align-items:center;justify-content:center;gap:min(var(--pose-gap,var(--eye-gap-max)),var(--eye-gap-max));width:auto;max-width:min(100%,calc(100vw - (var(--screen-gutter) * 2)));margin-inline:auto;overflow:visible}.eye{width:var(--eye-size);height:var(--eye-size);flex:0 0 var(--eye-size);min-width:var(--eye-size);min-height:var(--eye-size);max-width:var(--eye-size);max-height:var(--eye-size);background:var(--lid-color);overflow:hidden;position:relative;will-change:transform}.eye,.eye-core{border-radius:50%;transition:background .3s ease}.eye-core{position:absolute;inset:0;background:var(--eye-fill);z-index:1}.eye-lid{position:absolute;left:-5%;width:110%;background:var(--lid-color);z-index:2;will-change:height;transition:background .3s ease}.eye-lid-top{top:0;border-bottom-left-radius:50% 100%;border-bottom-right-radius:50% 100%;transform-origin:center top}.eye-lid-bottom{bottom:0;border-top-left-radius:50% 100%;border-top-right-radius:50% 100%;transform-origin:center bottom}.ambient-glow{position:absolute;width:clamp(300px,60vw,520px);height:clamp(160px,28vw,280px);border-radius:50%;background:radial-gradient(ellipse at 50% 50%,rgba(var(--glow-rgb),.04) 0,rgba(var(--glow-rgb),.015) 40%,transparent 70%);pointer-events:none;z-index:0;will-change:opacity,transform}.emoji-burst-overlay{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:9999}.emoji-burst-particle{position:absolute;left:0;top:0;line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;will-change:transform,opacity;filter:drop-shadow(0 10px 18px rgba(0,0,0,.16)) drop-shadow(0 0 18px rgba(var(--glow-rgb),.18))}.control-stack{position:fixed;left:50%;bottom:0;transform:translateX(-50%);display:grid;justify-items:center;grid-gap:12px;gap:12px;width:var(--controls-width);max-width:520px;padding:16px 0 var(--controls-bottom-space);z-index:25}.text-test-form{display:flex;align-items:center;gap:10px;width:100%;min-height:52px;padding:6px;border:1px solid var(--input-shell-border);border-radius:999px;background:linear-gradient(180deg,var(--input-shell-bg-top),var(--input-shell-bg-bottom));box-shadow:var(--input-shell-shadow);backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%);transition:border-color .22s ease,background .22s ease,box-shadow .22s ease,transform .22s ease}.text-test-form:focus-within{border-color:var(--input-shell-border-focus);background:linear-gradient(180deg,var(--input-shell-bg-top),var(--input-shell-bg-bottom));box-shadow:var(--input-shell-focus-shadow);transform:translateY(-1px) scale(1.005)}.text-test-input{flex:1 1 auto;min-width:0;min-height:52px;border:0;border-radius:999px;background:transparent;color:var(--fg);padding:0 16px 0 18px;font-size:14px;font-weight:400;letter-spacing:0;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:color .22s ease,opacity .22s ease}.text-test-input::placeholder{color:var(--placeholder-color);font-size:13px;font-style:normal;font-weight:400;letter-spacing:0}.text-test-input:disabled{opacity:.4}.text-test-button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:52px;width:52px;height:52px;border:1px solid var(--send-button-border);border-radius:999px;background:radial-gradient(circle at 30% 30%,var(--send-button-bg-strong),var(--send-button-bg-soft));color:var(--fg);padding:0;font-size:14px;font-weight:500;line-height:1;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 6px 16px rgba(0,0,0,.28);-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease,opacity .18s ease}.text-test-button:before{content:"↑";font-size:18px;font-weight:600;transform:translateY(-1px)}.text-test-button:hover:not(:disabled){background:radial-gradient(circle at 30% 30%,var(--send-button-hover-strong),var(--send-button-hover-soft));border-color:var(--input-shell-border-focus);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 8px 20px rgba(0,0,0,.32);transform:translateY(-1px)}.text-test-button:active:not(:disabled){color:var(--send-button-active-color);background:radial-gradient(circle at 30% 30%,var(--send-button-active-strong),var(--send-button-active-soft));border-color:var(--send-button-border);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 3px 10px rgba(0,0,0,.24);transform:translateY(0)}.text-test-button:disabled{opacity:.35;cursor:default;box-shadow:none}.start-button{border:1px solid var(--button-border);border-radius:999px;background:var(--button-bg);color:var(--fg);padding:12px 28px;min-width:108px;font-size:14px;font-weight:500;letter-spacing:.02em;transition:background .16s ease,border-color .16s ease,opacity .16s ease,color .3s ease}.start-button:hover:not(:disabled){background:var(--button-bg-hover);border-color:var(--button-border-hover)}.start-button:disabled{opacity:.35;cursor:default}.status-message{margin:0;min-height:20px;max-width:400px;text-align:center;font-size:13px;line-height:1.5;color:var(--fg-muted);transition:color .3s ease}.hidden-audio{display:none}@media (prefers-reduced-motion:reduce){.ambient-glow,.eye,.eye-lid{animation:none!important;transition:none!important}}@media (max-width:720px){:root,[data-theme=dark],[data-theme=light]{--eye-size:clamp(84px,23vw,106px);--eye-gap-max:clamp(12px,calc(var(--eye-size) * 0.56),56px);--controls-panel-height:172px}.app-shell{padding-bottom:calc(var(--controls-panel-height) + var(--controls-bottom-space) + 20px)}.control-stack{width:min(calc(100vw - (var(--screen-gutter) * 2)),390px)}.eye-stage-shell{margin-top:clamp(84px,18vh,156px);min-height:clamp(176px,28vh,250px)}}@media (max-width:400px){:root,[data-theme=dark],[data-theme=light]{--eye-size:clamp(82px,23vw,96px);--eye-gap-max:clamp(10px,calc(var(--eye-size) * 0.5),48px);--controls-panel-height:168px}.control-stack{width:min(calc(100vw - (var(--screen-gutter) * 2)),360px)}.eye-stage-shell{margin-top:clamp(76px,17vh,138px)}}