@property --accent{syntax:"<color>";inherits:true;initial-value:#d7958d}@property --glow{syntax:"<color>";inherits:true;initial-value:#d7958d}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--espresso-1:#15100d;--espresso-2:#1d1611;--espresso-3:#281d15;--cream:#f0e6db;--cream-soft:#c9bbad;--cream-dim:#8d7f73;--hairline:#f0e6db1a;--glass:#1d16119e;--glass-input:#f0e6db0d;--accent:#d7958d;--glow:#d7958d;--on-accent:#2a1913;--font-display:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;--font-text:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--ease-out:cubic-bezier(.23, 1, .32, 1);--mood-shift:.9s ease}.app[data-mood=neutral]{--accent:#d7958d;--glow:#c98d84}.app[data-mood=happy]{--accent:#ddb16f;--glow:#d3a25f}.app[data-mood=sad]{--accent:#8ea697;--glow:#7e968a}.app[data-mood=flirty]{--accent:#de8ea1;--glow:#d5869a}.app[data-mood=thinking]{--accent:#b8a089;--glow:#ab937f}.app[data-mood=surprised]{--accent:#e2a787;--glow:#d69a78}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100dvh;overflow:hidden}body{font-family:var(--font-text);color:var(--cream);background:var(--espresso-1);overscroll-behavior:none;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}::selection{background:color-mix(in srgb, var(--accent) 32%, transparent)}.app{background:radial-gradient(135% 105% at 50% -10%, var(--espresso-3) 0%, var(--espresso-2) 45%, var(--espresso-1) 100%);width:100%;height:100dvh;transition:--accent var(--mood-shift), --glow var(--mood-shift);position:relative;overflow:hidden}.scene-container{z-index:0;position:absolute;inset:0}.reze-canvas{touch-action:none;width:100%;height:100%;display:block}.stage-light{z-index:1;pointer-events:none;background:radial-gradient(55% 46% at 50% 36%, color-mix(in srgb, var(--glow) 12%, transparent) 0%, transparent 68%), radial-gradient(95% 42% at 50% 112%, #ddb16f0b 0%, transparent 62%);position:absolute;inset:0}.vignette{z-index:2;pointer-events:none;background:radial-gradient(118% 96% at 50% 42%,#0000 54%,#09060485 100%);position:absolute;inset:0}.grain{z-index:3;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.6'/%3E%3C/svg%3E");background-size:180px 180px;position:absolute;inset:0}.chat-panel{z-index:10;max-height:46%;padding:14px 14px calc(12px + env(safe-area-inset-bottom,0px));background:var(--glass);-webkit-backdrop-filter:blur(18px)saturate(1.12);border:1px solid var(--hairline);animation:panel-in .6s var(--ease-out) both;border-bottom:none;border-radius:22px 22px 0 0;flex-direction:column;gap:10px;display:flex;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -18px 50px #0805036b,inset 0 1px #f0e6db0d}@keyframes panel-in{0%{opacity:0}to{opacity:1}}@media (width>=900px){.chat-panel{border-bottom:1px solid var(--hairline);border-radius:24px;gap:12px;width:372px;max-height:min(76vh,620px);padding:16px;inset:50% 28px auto auto;transform:translateY(-50%);box-shadow:0 28px 64px #08050380,inset 0 1px #f0e6db0d}}.chat-header{justify-content:space-between;align-items:center;gap:10px;padding:0 4px;display:flex}.chat-identity{align-items:center;gap:9px;min-width:0;display:flex}.presence-dot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 9px color-mix(in srgb, var(--accent) 60%, transparent);transition:background var(--mood-shift), box-shadow var(--mood-shift);border-radius:50%;flex:none}.chat-title{font-family:var(--font-display);letter-spacing:.025em;color:var(--cream);font-size:20px;font-weight:500;line-height:1.25}.reconnect-whisper{font-family:var(--font-display);color:var(--cream-dim);white-space:nowrap;align-items:center;gap:6px;font-size:12px;font-style:italic;line-height:18px;display:inline-flex}.whisper-dot{background:var(--cream-dim);border-radius:50%;flex:none;width:5px;height:5px;animation:2.2s ease-in-out infinite whisper-breathe}@keyframes whisper-breathe{0%,to{opacity:.25}50%{opacity:.9}}.chat-history{scrollbar-width:thin;scrollbar-color:#f0e6db29 transparent;flex-direction:column;flex:1;gap:9px;min-height:96px;padding:4px 2px;display:flex;overflow-y:auto}.chat-history::-webkit-scrollbar{width:8px}.chat-history::-webkit-scrollbar-track{background:0 0}.chat-history::-webkit-scrollbar-thumb{background:#f0e6db24 padding-box padding-box;border:2px solid #0000;border-radius:99px}.bubble-row{animation:bubble-in .3s var(--ease-out);align-items:flex-end;gap:8px;display:flex}.bubble-row.user{justify-content:flex-end}.bubble-row.grouped{margin-top:-4px}@keyframes bubble-in{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.avatar-mark{border:1px solid color-mix(in srgb, var(--accent) 45%, transparent);width:24px;height:24px;color:var(--accent);font-family:var(--font-display);-webkit-user-select:none;user-select:none;transition:border-color var(--mood-shift), color var(--mood-shift);border-radius:50%;flex:none;place-items:center;margin-bottom:2px;font-size:11px;line-height:1;display:grid}.avatar-mark.ghost{visibility:hidden}.bubble{white-space:pre-wrap;word-break:break-word;border-radius:18px;max-width:78%;padding:10px 14px;font-size:15px;line-height:1.55}.bubble.her{color:var(--cream);background:#f0e6db0e;border:1px solid #f0e6db12;border-bottom-left-radius:7px}.bubble.user{background:color-mix(in srgb, var(--accent) 16%, transparent);border:1px solid color-mix(in srgb, var(--accent) 26%, transparent);color:var(--cream);transition:background var(--mood-shift), border-color var(--mood-shift);border-bottom-right-radius:7px}.bubble.typing{align-items:center;gap:5px;padding:14px 16px;display:flex}.bubble.typing .dot{background:var(--cream-dim);border-radius:50%;width:6px;height:6px;animation:1.5s ease-in-out infinite typing-breathe}.bubble.typing .dot:nth-child(2){animation-delay:.2s}.bubble.typing .dot:nth-child(3){animation-delay:.4s}@keyframes typing-breathe{0%,to{opacity:.25}45%{opacity:.95}}.chat-bar{align-items:center;gap:8px;display:flex}.chat-input{border:1px solid var(--hairline);background:var(--glass-input);min-width:0;color:var(--cream);border-radius:999px;outline:none;flex:1;padding:11px 16px;font-family:inherit;font-size:15px;line-height:1.4;transition:border-color .25s,box-shadow .25s,background .25s}.chat-input::placeholder{color:var(--cream-dim)}.chat-input:focus{border-color:color-mix(in srgb, var(--accent) 45%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 15%, transparent);background:#f0e6db13}.mic-btn,.send-btn{border:1px solid var(--hairline);background:var(--glass-input);width:42px;height:42px;color:var(--cream-soft);cursor:pointer;border-radius:50%;flex:none;place-items:center;font-family:inherit;transition:transform .15s,background .3s,border-color .25s,color .25s,opacity .25s;display:grid}.mic-btn svg,.send-btn svg{width:19px;height:19px;display:block}.mic-btn:hover{color:var(--cream);background:#f0e6db1a}.mic-btn:active,.send-btn:active{transform:scale(.94)}.mic-btn:focus-visible,.send-btn:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 70%, transparent);outline-offset:2px}.send-btn{background:var(--accent);color:var(--on-accent);transition:transform .15s ease, background var(--mood-shift), filter .2s ease, opacity .25s ease;border-color:#0000}.send-btn:hover:not(:disabled){filter:brightness(1.08)}.send-btn:disabled{opacity:.38;cursor:default}.mic-btn.recording{color:#e0a08e;background:#c7746433;border-color:#c774647a;animation:1.6s ease-out infinite rec-pulse}@keyframes rec-pulse{0%{box-shadow:0 0 #c7746452}to{box-shadow:0 0 0 13px #c7746400}}@media (width<=380px){.bubble{font-size:14px}.chat-panel{max-height:52%}.chat-title{font-size:19px}}@media (prefers-reduced-motion:reduce){.chat-panel,.bubble-row,.mic-btn.recording,.whisper-dot{animation:none}.bubble.typing .dot{animation-duration:2.6s}.app,.presence-dot,.avatar-mark,.bubble.user,.send-btn{transition-duration:.01ms}}