:root{color-scheme:dark;font-family:Trebuchet MS,Segoe UI,sans-serif;color:#fff6df;background:radial-gradient(circle at 20% 12%,rgba(255,217,138,.18),transparent 22%),radial-gradient(circle at 78% 18%,rgba(151,105,255,.22),transparent 26%),radial-gradient(circle at 50% 88%,rgba(82,255,211,.16),transparent 32%),linear-gradient(180deg,#090716,#120b25 42%,#070611)}*{box-sizing:border-box}*{scrollbar-width:thin;scrollbar-color:transparent transparent}*:hover,*:focus-within{scrollbar-color:rgba(255,248,232,.42) transparent}*::-webkit-scrollbar{width:7px;height:7px}*::-webkit-scrollbar-track,*::-webkit-scrollbar-corner{background:transparent}*::-webkit-scrollbar-thumb{border-radius:999px;background:transparent}*:hover::-webkit-scrollbar-thumb,*:focus-within::-webkit-scrollbar-thumb{background:#fff8e86b}*:hover::-webkit-scrollbar-thumb:hover,*:focus-within::-webkit-scrollbar-thumb:hover{background:#fff8e89e}html,body,#app{min-height:100%}body{margin:0;color:#fff6df;background:transparent}button,input,textarea{font:inherit}button{border:0;margin:auto;border-radius:18px;padding:12px 16px;font-weight:700;color:#24150a;background:linear-gradient(135deg,#ffe19a,#ffb347 48%,#d884ff);box-shadow:inset 0 1px #ffffff6b,0 16px 30px #14092657;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,opacity .14s ease,background-color .14s ease,border-color .14s ease}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:inset 0 1px #ffffff80,0 18px 34px #3c1d5961}button:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}input,textarea{width:100%;border:1px solid rgba(255,221,158,.18);border-radius:18px;padding:13px 16px;color:#fff8e8;background:#0d0919b8;outline:none;transition:border-color .14s ease,background-color .14s ease,box-shadow .14s ease}input:focus,textarea:focus{border-color:#ffdd928c;background:#140d23e0;box-shadow:0 0 0 4px #ffca6d21}#app{height:100vh}.avatar-app{position:relative;min-height:100vh;padding:18px}.avatar-app:before{content:"";position:absolute;top:18px;right:18px;bottom:18px;left:18px;border-radius:34px;pointer-events:none;border:1px solid rgba(255,216,143,.1);box-shadow:inset 0 1px #ffffff14,0 0 80px #7254ff1a}.stage-shell{position:relative;height:calc(100vh - 36px);min-height:720px;overflow:hidden;border-radius:34px;background:radial-gradient(circle at 50% 18%,rgba(255,241,191,.12),transparent 16%),radial-gradient(circle at 48% 28%,rgba(130,94,255,.22),transparent 31%),radial-gradient(circle at 50% 90%,rgba(79,255,215,.12),transparent 26%),linear-gradient(180deg,#08061261,#0c08182e);box-shadow:0 24px 64px #03020c8a,inset 0 1px #ffffff0a}.avatar-canvas{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 9%,rgba(255,235,180,.18) 0%,transparent 12%),radial-gradient(circle at 48% 30%,rgba(135,103,255,.24) 0%,rgba(47,36,96,.12) 30%,transparent 54%),radial-gradient(circle at 50% 84%,rgba(91,255,218,.14),transparent 30%),linear-gradient(180deg,#0d0920f0,#080713fa);overflow:hidden}.avatar-canvas:before,.avatar-canvas:after{content:"";position:absolute;pointer-events:none;inset:auto}.avatar-canvas:before{left:50%;bottom:9%;width:min(58vw,620px);height:180px;transform:translate(-50%);border-radius:50%;background:radial-gradient(circle,rgba(105,255,220,.18) 0%,rgba(107,61,215,.06) 42%,transparent 72%);filter:blur(24px)}.avatar-canvas:after{right:7%;top:13%;width:180px;height:180px;border-radius:999px;background:radial-gradient(circle,rgba(255,226,153,.2),transparent 72%);filter:blur(30px)}.avatar-canvas canvas{display:block;width:100%;height:100%}.stage-overlay{position:absolute;z-index:2}.stage-top-left{top:22px;left:22px;width:min(380px,calc(100% - 44px))}.stage-top-right{top:22px;right:22px}.stage-actions{left:22px;top:386px;width:min(380px,calc(100% - 44px))}.stage-bottom{left:22px;right:22px;bottom:24px;display:flex;justify-content:center;pointer-events:none}.stage-bottom>*{pointer-events:auto}.glass-panel{border:1px solid rgba(255,218,149,.16);background:linear-gradient(180deg,#1a112ad1,#0d091cd1),radial-gradient(circle at 18% 0%,rgba(255,218,143,.08),transparent 28%);box-shadow:0 18px 44px #03020c7a,inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.panel-eyebrow{display:inline-block;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#ffdaa1}.start-screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:grid;place-items:center;padding:32px;background:radial-gradient(circle at 50% 38%,rgba(255,219,143,.12),transparent 24%),radial-gradient(circle at 50% 62%,rgba(112,255,221,.1),transparent 30%),linear-gradient(180deg,#09061657,#090616b8);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.start-card{width:min(760px,100%);max-height:calc(100% - 24px);overflow-y:auto;border-radius:34px;padding:clamp(24px,4vw,42px);display:grid;gap:22px;text-align:center}.start-hero{display:grid;gap:14px}.start-hero h1{margin:0;font-size:clamp(32px,7vw,65px);line-height:.9;letter-spacing:-.04em;text-shadow:0 18px 44px rgba(0,0,0,.46)}.start-lede{width:min(650px,100%);margin:0 auto;color:#fff4e0db;font-size:clamp(14px,1.7vw,16px);line-height:1.65}.start-character-card{width:100%;margin:0 auto;padding:16px 18px;border:1px solid rgba(255,226,170,.14);border-radius:24px;background:radial-gradient(circle at 12% 0%,rgba(255,218,143,.11),transparent 40%),#ffeebe0f;text-align:left}.start-character-label{display:block;margin-bottom:7px;color:#ffe2adb3;font-size:10px;letter-spacing:.18em;text-transform:uppercase}.start-character-card strong{display:block;color:#fff8e7;font-size:22px;line-height:1}.start-character-card p{margin:8px 0 0;color:#fff1d6c7;font-size:13px;line-height:1.5}.start-feature-list{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.start-feature-list span{border:1px solid rgba(255,226,170,.14);border-radius:999px;padding:8px 12px;color:#fff3d6;background:#ffeebe14;box-shadow:inset 0 1px #ffffff14;font-size:12px;font-weight:700}.start-model-form{width:100%;margin:0 auto;display:grid;gap:14px;text-align:left}.start-status{min-height:22px;text-align:center;color:#d7c0ff;font-size:13px;line-height:1.55}.start-button{width:100%;justify-self:center;border-radius:24px;padding:16px 28px;font-size:18px;letter-spacing:.14em;text-transform:uppercase}.controls-panel{padding:18px;border-radius:26px;display:grid;gap:12px}.controls-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.controls-copy h1{margin:8px 0 6px;font-size:clamp(26px,3vw,34px);line-height:1;letter-spacing:.01em}.controls-copy p{margin:0;font-size:13px;line-height:1.55;color:#fff1d6c7}.status-pill{flex-shrink:0;padding:8px 12px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;background:#ffe5ab14;color:#ffe5b1}.status-pill.ready{background:#57ffc524;color:#92ffd9}.status-pill.busy{background:#ffc67029;color:#ffe0a7}.status-pill.idle{background:#a484ff29;color:#cfbdff}.controls-form{display:grid;gap:12px}.controls-toolbar{display:flex;flex-wrap:nowrap;gap:10px;align-items:center}.controls-toolbar button{flex:1 1 0;white-space:nowrap}.controls-fields{display:grid;gap:10px}.field-label{display:grid;gap:6px;font-size:12px;color:#ffeecec2}.controls-toolbar>button:first-child{min-width:146px}.secondary-button{background:#ffeebe14;color:#fff1d5;box-shadow:inset 0 1px #ffffff14}.status-line{min-height:20px;font-size:12px;line-height:1.55;color:#d7c0ff}.history-toggle{width:168px;padding:14px 16px;border-radius:22px;display:grid;gap:6px;justify-items:start;text-align:left;background:linear-gradient(180deg,#1c122dcc,#0d091cd1)}.history-toggle.active{border-color:#ffdb9152;box-shadow:inset 0 1px #ffffff1a,0 18px 36px #06031270,0 0 0 1px #ffc5662e}.history-toggle-label{font-size:14px;font-weight:700;color:#fff6df}.history-toggle-count{font-size:12px;color:#ecdcffb8}.chat-composer{width:min(880px,100%);padding:18px 18px 16px;border-radius:28px;display:grid;gap:14px}.prompt-suggestions{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 6px;scrollbar-width:thin}.prompt-chip{flex:0 0 auto;border:1px solid rgba(255,226,170,.16);padding:8px 12px;border-radius:999px;color:#fff3d6;background:#ffeebe14;box-shadow:inset 0 1px #ffffff14;font-size:12px;font-weight:700;white-space:nowrap}.prompt-chip:hover:not(:disabled){border-color:#ffdc9157;background:#ffdc9124}.chat-composer-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.chat-composer-title{margin-top:6px;font-size:20px;font-weight:700;color:#fff8e7}.chat-composer-hint{padding-top:4px;font-size:12px;color:#e8d6ffb8}.actions-panel{padding:16px;border-radius:26px;display:grid;grid-template-rows:auto minmax(0,1fr);gap:12px;max-height:min(46vh,520px);overflow:hidden}.actions-panel-header{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}.actions-panel-title{font-size:16px;font-weight:800;color:#fff5dd}.actions-panel-groups{min-height:0;overflow-y:auto;display:grid;gap:12px;padding-right:8px}.action-group{display:grid;gap:8px}.action-group-label{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#ffe2adad}.action-buttons{display:flex;flex-wrap:wrap;gap:8px}.manual-action-button{border:1px solid rgba(255,231,180,.14);padding:9px 12px;border-radius:999px;color:#fff5dc;background:#ffeebe14;box-shadow:inset 0 1px #ffffff14;font-size:12px;white-space:nowrap}.manual-action-button.magic{border-color:#70ffdd38;color:#c4fff4;background:#3cffd41a}.manual-action-button.face,.manual-action-button.gaze{border-color:#c4a3ff33;color:#eadfff;background:#9971ff1a}.manual-action-button:hover:not(:disabled){border-color:#ffdc9157;background:#ffdc9124}.chat-composer-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}.chat-composer textarea{min-height:58px;max-height:156px;resize:none;line-height:1.5}.transcript-drawer{position:absolute;top:18px;right:18px;bottom:18px;z-index:2;width:min(380px,calc(100vw - 36px));border-radius:28px;padding:18px;display:grid;grid-template-rows:auto minmax(0,1fr);gap:16px;transform:translate(calc(100% + 28px));transition:transform .22s ease}.transcript-drawer.open{transform:translate(0)}.transcript-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.transcript-header h2{margin:8px 0 0;font-size:22px;line-height:1.1}.transcript-log{min-height:0;overflow-y:auto;padding-right:4px;display:flex;flex-direction:column;justify-content:flex-start;gap:6px}.transcript-empty{align-self:stretch;padding:14px 16px;border-radius:16px;background:#ffeebe0d;color:#ffefd5c2;line-height:1.5;font-size:13px}.transcript-entry{padding:6px 12px 8px;border-radius:14px;background:#ffeebe0d;border:1px solid rgba(255,238,190,.07);display:flex;flex-direction:column;gap:2px;width:fit-content;max-width:calc(100% - 18px);flex:0 0 auto}.transcript-entry.user{background:#8b67ff29;border-color:#bea6ff33;align-self:flex-end;margin-right:6px}.transcript-entry.assistant{background:#ffe2a30f;align-self:flex-start;margin-left:6px}.transcript-meta-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.transcript-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.transcript-role,.transcript-pending{font-size:10px;letter-spacing:.12em;text-transform:uppercase;line-height:1}.transcript-role{color:#ffdaa1}.transcript-pending{color:#b9fff1}.transcript-actions{display:flex;flex-wrap:wrap;gap:4px}.transcript-text{white-space:pre-wrap;line-height:1.4;color:#fff7e7;font-size:14px;margin:0}.action-chip{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:#71ffda24;color:#c7fff4;font-size:11px;font-weight:700;letter-spacing:.04em}.cursor{margin-left:4px;color:#82ffe5}.overlay{position:absolute;top:18px;left:50%;z-index:2;transform:translate(-50%);padding:9px 14px;border-radius:999px;font-size:12px;color:#fff6df;background:#0a071899;border:1px solid rgba(255,218,149,.14);pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@media (max-width: 1040px){.avatar-app{padding:12px}.avatar-app:before{top:12px;right:12px;bottom:12px;left:12px}.stage-shell{height:calc(100vh - 24px);min-height:680px}.stage-top-left{width:min(340px,calc(100% - 24px));top:12px;left:12px}.stage-top-right{top:12px;right:12px}.stage-actions{left:12px;top:356px;width:min(340px,calc(100% - 24px))}.stage-bottom{left:12px;right:12px;bottom:12px}.transcript-drawer{top:12px;right:12px;bottom:12px}}@media (max-width: 760px){.start-screen{padding:14px;align-items:stretch}.start-card{max-height:calc(100% - 12px);align-self:center;border-radius:28px;gap:18px}.start-character-card{text-align:center}.start-feature-list{justify-content:stretch}.start-feature-list span{flex:1 1 100%;text-align:center}.start-button{width:100%}.stage-shell{min-height:100vh;height:calc(100vh - 24px);border-radius:28px}.stage-top-left{right:12px;width:auto}.controls-panel{padding:16px}.controls-header,.chat-composer-header,.transcript-header{flex-direction:column;align-items:stretch}.controls-toolbar,.chat-composer-row{grid-template-columns:1fr}.controls-toolbar{display:grid}.controls-toolbar>button:first-child{min-width:0}.history-toggle{width:136px;padding:12px 14px}.stage-actions{top:auto;left:12px;right:12px;bottom:216px;width:auto}.actions-panel{max-height:170px;padding:12px}.actions-panel-groups{display:flex;overflow-x:auto;overflow-y:hidden;gap:14px;padding-right:0;padding-bottom:6px}.action-group{min-width:min(270px,78vw)}.action-buttons{flex-wrap:nowrap;overflow-x:auto;padding-bottom:3px}.transcript-drawer{width:calc(100vw - 24px)}.chat-composer{width:100%;padding:16px;border-radius:24px}}