:root{color:#fff5f7;font-synthesis:none;text-rendering:optimizelegibility;font-optical-sizing:auto;--pink:#ff718d;--line:#ff8ba359;--panel:#260c17eb;background:#100b10;font-family:DM Sans,system-ui,sans-serif;font-weight:400}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{background:linear-gradient(#080a0e14,#080a0e14),url(/demo-assets/images/nino-room.png) 50%/cover no-repeat fixed,#0b0f14;transition:background .25s}body[data-scene-mode="3d"],body[data-scene-mode="2d"][data-2d-background=solid]{background:#15191e}body[data-scene-mode="2d"][data-2d-background=custom]{background:linear-gradient(#080a0e14,#080a0e14),var(--custom-bg) center/cover fixed no-repeat,#0b0f14}button,select,textarea{font:inherit}button{color:inherit}.toolbar{z-index:3;align-items:center;gap:14px;min-height:44px;display:flex;position:fixed;inset:14px 18px auto}.wordmark{color:#fff;letter-spacing:.12em;align-items:center;gap:8px;font:700 17px Space Grotesk,sans-serif;text-decoration:none;display:flex}.brand-mark{border:1px solid var(--line);letter-spacing:0;background:#a21f4261;border-radius:10px;place-items:center;width:30px;height:30px;display:grid}.brand-dot{color:var(--pink)}.demo-tag{color:#ffd7e0;letter-spacing:.1em;background:#2208118c;border:1px solid #ff8ba33b;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:700}.icon-button,.small-button{border:1px solid var(--line);cursor:pointer;background:#3e0f1fcc;border-radius:13px;place-items:center;width:42px;height:42px;display:grid}.toolbar .icon-button{margin-left:auto;font-size:20px}.icon-button:hover,.small-button:hover,.secondary-button:hover{background:#982241cc}#avatar-canvas{z-index:1;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.loading{z-index:10;color:#ffdbe3;background:#100b10;justify-content:center;align-items:center;gap:12px;transition:opacity .35s,visibility .35s;display:flex;position:fixed;inset:0}.loading.done{opacity:0;visibility:hidden}.loader-mark{border:1px solid var(--line);color:#fff;border-radius:13px;place-items:center;width:38px;height:38px;font:700 20px Space Grotesk;animation:1s ease-in-out infinite alternate pulse;display:grid}@keyframes pulse{to{transform:scale(1.05);box-shadow:0 0 28px #ff496944}}.chat-panel{z-index:2;left:50%;bottom:max(18px,env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(110deg,#360818f2,#190710f5);border:1px solid #ff718d61;border-radius:22px;grid-template-rows:minmax(0,1fr) auto auto;gap:8px;width:min(860px,100vw - 36px);max-height:min(42vh,360px);padding:12px;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 12px 44px #0000007a,0 0 28px #d31a4d1f}.messages{flex-direction:column;gap:8px;min-height:0;max-height:220px;padding:2px 3px;display:flex;overflow:auto}.message{background:#ffffff0f;border:1px solid #ffffff14;border-radius:13px;width:fit-content;max-width:min(82%,620px);padding:8px 11px}.message p{overflow-wrap:anywhere;margin:3px 0 0;font-size:14px;line-height:1.4}.message-name{color:#ffa0b4;text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:700}.user-message{background:#8e1a3b61;align-self:flex-end}.user-message .message-name{color:#ffd8e0}.typing p{opacity:.65}.status{color:#ffb7c6;min-height:0;margin:0;font-size:12px}.status:empty{display:none}.composer{background:#0f060c8f;border:1px solid #ff718d61;border-radius:18px;align-items:flex-end;gap:7px;padding:5px;display:flex}.composer textarea{resize:none;color:#fff;background:0 0;border:0;outline:0;flex:1;min-width:0;max-height:110px;padding:10px;font-size:14px}.composer textarea::placeholder{color:#ffdde691}.small-button.recording{background:#95133c;border-color:#ff4969;box-shadow:0 0 14px #ff496966}.send-button{cursor:pointer;background:linear-gradient(145deg,#c51643,#810d31);border:1px solid #ff899e80;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-width:78px;height:38px;padding:0 12px;font-size:13px;font-weight:700;display:flex}.send-button:disabled{opacity:.5;cursor:default}.chat-footer{color:#ffdfe78f;justify-content:space-between;align-items:center;gap:10px;font-size:10px;display:flex}.chat-footer button{color:#ffc4d1;cursor:pointer;background:0 0;border:0;padding:0;font-size:10px}.scene-error{z-index:2;color:#ffe4e8;background:#300b19dd;border:1px solid #ff798b77;border-radius:12px;max-width:calc(100vw - 24px);padding:9px 12px;font-size:12px;position:fixed;top:74px;left:50%;transform:translate(-50%)}.settings-backdrop{z-index:3;background:#00000061;position:fixed;inset:0}.settings-panel{z-index:4;border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#300b1bf5;border-radius:20px;width:min(440px,100vw - 24px);padding:16px;position:fixed;top:12px;bottom:12px;right:12px;overflow-y:auto;box-shadow:0 20px 60px #0008}.settings-panel[hidden],.settings-backdrop[hidden]{display:none}.settings-header{z-index:1;background:#300b1bf5;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;margin:-16px -16px 12px;padding:16px;display:flex;position:sticky;top:-16px}.eyebrow{color:#ff899e;letter-spacing:.12em;margin:0 0 3px;font-size:10px;font-weight:700}.settings-header h1{margin:0;font:700 22px Space Grotesk,sans-serif}.settings-section{background:#ffffff09;border:1px solid #ff8ba333;border-radius:15px;gap:10px;margin:0 0 12px;padding:14px;display:grid}.settings-section h2{margin:0;font:700 16px Space Grotesk,sans-serif}.scene-switch{grid-template-columns:1fr 1fr;gap:7px;display:grid}.scene-switch button,.secondary-button{cursor:pointer;background:#ffffff0a;border:1px solid #ff8ba33d;border-radius:10px;min-height:40px;padding:8px 10px}.scene-switch button[aria-pressed=true]{background:#be22498c;border-color:#ff718d}.field{color:#ffe2e9bf;gap:6px;font-size:12px;display:grid}.field select{color:#fff;border:1px solid var(--line);background:#35101e;border-radius:9px;height:38px;padding:0 10px}.field option{background:#35101e}.secondary-button{background:#95183a47;font-size:12px;font-weight:700}.help{color:#ffdfe799;overflow-wrap:anywhere;margin:0;font-size:11px;line-height:1.4}.avatar-list{gap:7px;display:grid}.avatar-choice{text-align:left;cursor:pointer;background:#ffffff09;border:1px solid #ff8ba333;border-radius:11px;grid-template-columns:48px 1fr;align-items:center;gap:10px;min-height:60px;padding:5px 10px;display:grid}.avatar-choice[aria-pressed=true]{background:#be22493d;border-color:#ff718d}.avatar-choice img{object-fit:contain;width:44px;height:50px}.avatar-choice span{font-size:13px;font-weight:600}.about-section p{color:#ffdfe7a3;margin:0;font-size:12px;line-height:1.45}.about-section a{color:#ff9cb1;font-size:12px}@media (width<=640px){.toolbar{inset:10px 12px auto}.demo-tag{font-size:9px}.chat-panel{width:calc(100vw - 20px);bottom:max(10px,env(safe-area-inset-bottom));border-radius:17px;max-height:44vh;padding:9px}.message p{font-size:13px}.chat-footer,.chat-footer button{font-size:9px}.settings-panel{width:min(420px,100vw - 16px);padding:12px;top:8px;bottom:8px;right:8px}.settings-header{margin:-12px -12px 10px;padding:12px;top:-12px}}.field input[type=search],.field input[type=text]{color:#fff;border:1px solid var(--line);width:100%;height:38px;font:inherit;background:#35101e;border-radius:9px;padding:0 10px}.check-field{color:#ffe2e9cc;align-items:center;gap:9px;font-size:12px;display:flex}.check-field input{accent-color:#ff718d;width:18px;height:18px}.animation-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:6px;max-height:260px;display:grid;overflow:auto}.animation-choice{border:1px solid var(--line);min-width:0;min-height:38px;color:inherit;text-align:left;cursor:pointer;background:#ffffff0a;border-radius:9px;justify-content:space-between;align-items:center;gap:8px;padding:7px 9px;display:flex}.animation-choice[hidden]{display:none}.animation-choice span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.animation-choice small{color:#ffdfe791;flex:none;font-size:9px;font-weight:700}.expression-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.expression-list button{border:1px solid var(--line);min-height:36px;color:inherit;cursor:pointer;background:#ffffff0a;border-radius:9px;padding:6px;font-size:11px}.expression-list button[aria-pressed=true]{background:#be22498c;border-color:#ff718d}.demo-credits{color:#ffdfe78c;text-align:center;padding:4px 2px 10px;font-size:11px}.demo-credits strong{color:var(--pink)}.caption-overlay{z-index:2;color:#fff5f7;text-align:center;text-shadow:0 1px 2px #000;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#190710d1;border:1px solid #ff8ba34d;border-radius:14px;width:min(800px,100vw - 32px);padding:11px 15px;font-size:clamp(14px,2vw,20px);line-height:1.35;position:fixed;bottom:min(45vh,430px);left:50%;transform:translate(-50%)}.toolbar{pointer-events:none;justify-content:space-between;align-items:flex-start;inset:16px 18px auto}.toolbar>*{pointer-events:auto}.toolbar .wordmark{opacity:.84;margin:5px 0 0 4px;font-size:15px}.toolbar .brand-mark{border-radius:9px;width:30px;height:30px}.demo-tag{display:none}.toolbar-actions{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#1b081161;border:1px solid #ff8ba329;border-radius:17px;grid-template-columns:repeat(2,48px);grid-auto-rows:48px;gap:8px;padding:8px;display:grid}.toolbar .icon-button{background:#4a1124e0;border-radius:13px;width:48px;height:48px;margin:0;box-shadow:0 4px 16px #0000002e}.toolbar .icon-button .icon{width:21px;height:21px}.toolbar .icon-button.active,.toolbar .icon-button[aria-pressed=true]{background:#a01e3df0;border-color:#ff8ba39e}.toolbar .captions-button span{letter-spacing:-.04em;font-size:13px;font-weight:700}.chat-panel{background:linear-gradient(110deg,#390919f5,#1a0710f7);border-radius:28px;width:min(720px,100vw - 40px);max-height:none;padding:8px 13px;display:block;box-shadow:0 8px 34px #0000007a,0 0 25px #d31a4d1f}.composer{background:0 0;border:0;border-radius:0;align-items:center;gap:8px;padding:0}.composer textarea{height:44px;min-height:44px;max-height:84px;padding:11px 12px;font-size:15px}.small-button{border-radius:13px;flex:0 0 42px;width:42px;height:42px}.small-button .icon,.send-button .icon{width:20px;height:20px}.send-button{border-radius:13px;flex:0 0 48px;width:48px;min-width:48px;height:48px;padding:0}.send-button .icon{width:20px;height:20px}.status{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#220811eb;border:1px solid #ff8ba33d;border-radius:10px;max-width:min(460px,100vw - 60px);padding:7px 11px;position:absolute;bottom:calc(100% + 9px);left:15px}.chat-log-panel{z-index:4;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(160deg,#390e1ff7,#1d0812fa);border:1px solid #ff718d6b;border-radius:20px;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;width:min(500px,100vw - 132px);padding:16px;display:grid;position:fixed;top:18px;bottom:105px;right:102px;box-shadow:0 16px 48px #00000073}.chat-log-panel[hidden]{display:none}.chat-log-panel>header{border-bottom:1px solid #ffffff17;justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.chat-log-panel h2{margin:0;font:700 18px Space Grotesk,sans-serif}.chat-log-panel>header p{color:#ffdfe794;margin:4px 0 0;font-size:12px}.chat-log-panel .messages{gap:9px;max-height:none;padding:2px}.chat-log-panel .message{background:#ffffff12;border-radius:12px;max-width:100%;padding:10px 12px}.chat-log-panel .user-message{background:#8e1a3b5c;align-self:flex-end}.chat-log-panel .chat-footer{border-top:1px solid #ffffff14;padding-top:11px;line-height:1.5;display:block}.caption-overlay{bottom:max(102px,calc(env(safe-area-inset-bottom) + 88px));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e0812e0;border-color:#ff8ba35c;border-radius:13px;width:min(760px,100vw - 36px)}.settings-panel{background:#380d1ef7;border-radius:18px}@media (width<=640px){.toolbar{inset:10px 10px auto}.toolbar .wordmark{margin:4px 0 0 2px;font-size:13px}.toolbar-actions{border-radius:14px;grid-template-columns:repeat(2,40px);grid-auto-rows:40px;gap:6px;padding:6px}.toolbar .icon-button{border-radius:11px;width:40px;height:40px}.toolbar .icon-button .icon{width:18px;height:18px}.chat-panel{width:calc(100vw - 20px);bottom:max(10px,env(safe-area-inset-bottom));border-radius:23px;padding:7px 9px}.composer textarea{font-size:14px}.small-button{flex-basis:38px;width:38px;height:38px}.send-button{flex-basis:42px;width:42px;min-width:42px;height:42px}.chat-log-panel{border-radius:15px;width:calc(100vw - 20px);height:min(52vh,420px);padding:12px;top:auto;bottom:76px;right:10px}.caption-overlay{bottom:max(78px,calc(env(safe-area-inset-bottom) + 66px));font-size:14px}}