@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap";:root{color:#e7d8bb;--gold:#d4a853;--line:#d4a85326;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;background:#020303;font-family:Manrope,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:wait;opacity:.45}button:focus-visible,input:focus-visible{outline-offset:5px;outline:2px solid #e6c380}button svg{width:19px;height:19px}.hidden{display:none!important}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.presence{isolation:isolate;background:radial-gradient(at 50% 48%,#17110555,#0000 55%);width:100%;height:100svh;position:relative}.stage{touch-action:manipulation;position:absolute;inset:0}.stage canvas{width:100%;height:100%;display:block}.fallback{object-fit:contain;width:100%;height:100%;animation:5s ease-in-out infinite breathe;position:absolute;inset:0}.identity{color:#c9b994;pointer-events:none;align-items:center;gap:12px;font-size:12px;display:flex;position:absolute;top:26px;left:30px}.identity-mark{border:1px solid #d4a85344;border-radius:50%;place-items:center;width:32px;height:32px;font-size:10px;font-weight:700;display:grid}.icon-button{color:#c9b994;background:0 0;border:1px solid #0000;border-radius:50%;place-items:center;width:36px;height:36px;padding:0;display:grid}.icon-button:hover{background:#d4a8530d;border-color:#d4a85333}.options{position:absolute;top:25px;right:27px}.dock{bottom:max(32px,env(safe-area-inset-bottom));z-index:2;position:absolute;left:50%;transform:translate(-50%)}.voice-button{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);letter-spacing:.15px;color:#e7c68b;background:#0a0908a6;border:1px solid #d4a85355;border-radius:32px;align-items:center;gap:10px;padding:13px 22px;font-size:12px;transition:border-color .2s,background .2s;display:flex;box-shadow:0 8px 30px #0006}.voice-button.active{color:#efb3a3;border-color:#da9b8255}.ui{opacity:.8;transition:opacity .8s}.quiet .ui{opacity:0;pointer-events:none}.quiet .ui:focus-visible{opacity:1;pointer-events:auto}.quiet .ui:has(:focus-visible){opacity:1;pointer-events:auto}.live{color:#d6c6a7;pointer-events:none;align-items:center;gap:8px;font-size:10px;display:flex;position:absolute;top:34px;left:50%;transform:translate(-50%)}.live i{background:#87bca1;border-radius:50%;width:4px;height:4px;box-shadow:0 0 10px #87bca177}.live.preview i{background:var(--gold)}.live.muted i{background:#e2a084}.panel{-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);color:#e8ddc8;z-index:5;background:#0a0c0de8;border:1px solid #d4a85330;border-radius:14px;width:300px;max-width:calc(100vw - 32px);max-height:calc(100svh - 105px);margin:0;padding:20px;position:fixed;top:76px;left:auto;right:24px;overflow:auto;box-shadow:0 16px 60px #0009}.panel-header{justify-content:space-between;align-items:center;margin-bottom:19px;display:flex}.panel h2{margin:0;font-size:15px;font-weight:500}.panel-header .icon-button{width:27px;height:27px}.panel-header svg{width:15px;height:15px}.form-switch{border:1px solid var(--line);border-radius:9px;gap:4px;padding:4px;display:flex}.form-switch button{color:#98948b;background:0 0;border:0;border-radius:6px;flex:1;padding:8px;font-size:11px}.form-switch button[aria-pressed=true]{color:#e8c585;background:#d4a8531a}.intensity{justify-content:space-between;align-items:center;margin:23px 0;font-size:11px;display:flex}.intensity input{width:145px;accent-color:var(--gold)}.panel-action{text-align:left;color:#c0b6a1;background:0 0;border:0;border-top:1px solid #d4a85313;width:100%;padding:13px 0;font-size:11px;display:block}.panel-action:hover{color:#f0ce91}.panel-note{color:#90877a;margin:17px 0 0;font-size:10px;line-height:1.7}.transcript-panel{width:350px}.transcript{overscroll-behavior:contain;max-height:45svh;overflow-y:auto}.message{border-bottom:1px solid var(--line);padding:13px 0}.message strong{color:var(--gold);font-size:10px;font-weight:500}.message p{color:#d6cbb7;margin:6px 0;font-size:12px;line-height:1.7}.empty{color:#9c9383;font-size:12px;line-height:1.6}form{gap:7px;margin-top:16px;display:flex}form input{border:1px solid var(--line);color:#e8ddc8;background:#030404;border-radius:7px;flex:1;width:100%;min-width:0;padding:10px;font-size:12px}form button{color:#241a0a;background:#d4a853;border:0;border-radius:6px;padding:8px;font-size:10px}.toast{color:#e8d1a9;z-index:20;background:#17140fee;border:1px solid #d4a85344;border-radius:9px;max-width:min(440px,90vw);padding:12px 17px;font-size:12px;line-height:1.7;position:fixed;bottom:96px;left:50%;transform:translate(-50%)}@keyframes breathe{50%{opacity:.88;transform:scale(1.012)}}@media (width<=600px){.identity{font-size:10px;top:20px;left:18px}.identity-mark{width:28px;height:28px;font-size:9px}.options{top:16px;right:14px}.live{white-space:nowrap;top:auto;bottom:96px}.dock{bottom:max(28px,env(safe-area-inset-bottom))}.panel{top:65px;right:16px}.voice-button{padding:13px 21px}}@media (prefers-reduced-motion:reduce){.ui{transition-duration:.2s}.fallback{animation:none}}.form-switch{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.form-switch button{min-height:36px}.follow-shape{border-top:0;justify-content:space-between;align-items:center;padding:0 0 16px;display:flex}.follow-shape:after{content:"";background:#53514b;border-radius:8px;width:22px;height:12px;transition:background .2s,box-shadow .2s;box-shadow:inset 10px 0 #99938a}.follow-shape[aria-pressed=true]:after{background:#78633d;box-shadow:inset -10px 0 #e8c585}.stage{touch-action:none}.dock{white-space:nowrap;align-items:center;gap:8px;display:flex}.voice-verification{z-index:30;position:fixed;bottom:100px;left:50%;transform:translate(-50%)}.particle-action{left:50%;bottom:max(112px,calc(env(safe-area-inset-bottom) + 96px));z-index:4;color:#faf5eb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);touch-action:manipulation;background:linear-gradient(135deg,#171b1cf5,#0b0e10f5);border:1px solid #e4d0a838;border-radius:18px;align-items:center;gap:16px;width:380px;max-width:calc(100vw - 32px);min-height:84px;padding:18px 23px;text-decoration:none;transition:background .18s,border-color .18s,box-shadow .18s;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 16px 48px #0008,inset 0 1px #ffffff0a}.particle-action canvas{pointer-events:none;border-radius:inherit;width:100%;height:100%;position:absolute;inset:0}.action-icon{fill:none;stroke:#e3c38b;stroke-width:1.55px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:27px;height:27px}.action-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.action-title{letter-spacing:-.15px;font-size:15px;font-weight:600;line-height:1.35}.action-detail{color:#b5b9b9;font-size:11px;line-height:1.5}.action-arrow{color:#d8c4a0;margin-left:auto;font-size:22px;line-height:1}.particle-action:hover{background:linear-gradient(135deg,#202627f5,#111617f5);border-color:#e4d0a87a;box-shadow:0 18px 52px #0009,inset 0 1px #ffffff10}.particle-action:active{background:#222a2b}.particle-action:focus-visible{outline-offset:5px;outline:2px solid #f0d6a0}.voice-button{color:#f7e8cb;background:#14191aea;border-color:#d4b27d66;min-height:48px;padding:13px 24px;font-size:13px;font-weight:600;box-shadow:0 8px 28px #0007,inset 0 1px #ffffff08}.voice-button:hover{background:#22292b;border-color:#d4b27daa}.ui{opacity:1}@media (width<=600px){.particle-action{bottom:max(132px,calc(env(safe-area-inset-bottom) + 112px));gap:13px;min-height:80px;padding:16px 19px}.action-title{font-size:14px}.action-detail{font-size:10px}.action-icon{width:25px;height:25px}}@media (prefers-reduced-motion:reduce){.particle-action{transition:none}}