:root{color:#fff;font-synthesis:none;--cyan:#39d8ff;--blue:#3478ff;--glass:#0b2b5db8;background:#020817;font-family:Inter,Manrope,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;min-height:100%;margin:0}body{background:radial-gradient(circle at 50% 30%,#17366b 0,#030a1d 68%);min-height:100dvh;overflow:hidden}button,input{font:inherit}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#app{place-items:center;min-height:100dvh;display:grid}.screen-shell{isolation:isolate;background:linear-gradient(165deg,#061b48 0%,#0a3277 43%,#021536 100%);width:min(100vw,56.25dvh);height:min(100dvh,177.778vw);min-height:600px;position:relative;overflow:hidden;box-shadow:0 0 70px #1f84ff47}.screen-shell:before{content:"";z-index:-2;opacity:.23;background-image:linear-gradient(#62cdff1f 1px,#0000 1px),linear-gradient(90deg,#62cdff1f 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 35% 72%,#0000);mask-image:linear-gradient(#0000,#000 35% 72%,#0000)}.ambient{filter:blur(80px);opacity:.5;z-index:-1;border-radius:50%;position:absolute}.ambient--one{aspect-ratio:1;background:#15c5ff;width:55%;top:12%;right:-22%}.ambient--two{aspect-ratio:1;background:#315bff;width:70%;top:43%;left:-38%}.topbar{z-index:6;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#03173d7a;border-bottom:1px solid #a3deff2e;justify-content:space-between;align-items:center;height:7.5%;padding:0 5.6%;display:flex;position:relative}.brand{color:#fff;align-items:center;gap:.8rem;text-decoration:none;display:flex}.brand__sigil{background:linear-gradient(145deg,var(--cyan),#3072ff);border-radius:12px;place-items:center;width:2.5rem;height:2.5rem;font-size:1.75rem;font-weight:800;display:grid;box-shadow:0 0 24px #39d8ff59}.brand span:last-child{display:grid}.brand b{font-size:clamp(.9rem,2.1vh,1.25rem);line-height:1}.brand small{color:#a9cef4;margin-top:.28rem;font-size:clamp(.54rem,1.1vh,.72rem)}.live-pill{color:#bdffe5;background:#156e5347;border:1px solid #5aecb252;border-radius:999px;align-items:center;gap:.45rem;padding:.48rem .7rem;font-size:clamp(.62rem,1.3vh,.78rem);display:flex}.live-pill i{background:#56f0ad;border-radius:50%;width:.48rem;height:.48rem;animation:1.8s infinite pulse;box-shadow:0 0 12px #56f0ad}.experience{z-index:2;grid-template-rows:16% 51% 33%;height:92.5%;display:grid;position:relative}.intro{text-align:center;padding:4.2% 6% 0}.eyebrow{color:#72ddff;text-transform:uppercase;letter-spacing:.18em;font-size:clamp(.52rem,1vh,.68rem);font-weight:700;display:inline-block}.intro h1{letter-spacing:-.045em;margin:.45rem 0 .25rem;font-size:clamp(1.6rem,4.2vh,2.8rem);line-height:1.05}.avatar-stage{min-height:0;position:relative}.avatar-stage canvas,.scene-preview{width:100%;height:100%;position:absolute;inset:0}.avatar-stage canvas{z-index:2}.scene-preview{z-index:1;place-items:end center;transition:opacity .35s;display:grid}.scene-preview img{object-fit:contain;max-width:none;height:106%}.scene-preview.is-hidden{opacity:0;pointer-events:none}.avatar-halo{aspect-ratio:1;filter:blur(10px);background:radial-gradient(circle,#38cdff59,#3478ff14 52%,#0000 70%);border-radius:50%;width:72%;animation:4s ease-in-out infinite breathe;position:absolute;top:14%;left:14%}.speech-card{z-index:4;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(130deg,#051d44e3,#0d3f7dba);border:1px solid #91e1ff57;border-radius:18px;padding:3.2% 4%;transition:transform .25s,border-color .25s;position:absolute;bottom:1%;left:5.5%;right:5.5%;box-shadow:0 18px 50px #00082261}.speech-card.is-speaking{border-color:#56ddff;transform:translateY(-3px)}.speech-card__name{justify-content:space-between;align-items:center;margin-bottom:.32rem;display:flex}.speech-card__name span{color:#77e2ff;font-size:clamp(.68rem,1.35vh,.9rem);font-weight:800}.speech-card__name small{color:#63f0b2;font-size:.62rem}.speech-card p{color:#f7fbff;margin:0;padding-right:2.5rem;font-size:clamp(.72rem,1.45vh,.98rem);line-height:1.45}.speech-card__wave{align-items:center;gap:2px;height:1.5rem;display:flex;position:absolute;bottom:26%;right:4%}.speech-card__wave i{background:#5ce0ff;border-radius:2px;width:2px;height:20%}.speech-card__wave.is-active i{animation:.72s ease-in-out infinite alternate wave}.speech-card__wave i:nth-child(2n){animation-delay:.15s}.speech-card__wave i:nth-child(3n){animation-delay:.3s}.dialogue-panel{grid-template-rows:1fr auto;gap:3%;min-height:0;padding:2% 5.5% 3.2%;display:grid}.quick-actions button{text-align:left;color:#eaf8ff;cursor:pointer;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#072a5ea3;border:1px solid #8bd8ff40;border-radius:14px;align-items:center;gap:.65rem;padding:3% 5%;font-size:clamp(.62rem,1.28vh,.88rem);font-weight:600;transition:all .2s;display:flex}.quick-actions button:hover,.quick-actions button:focus-visible{background:#0d468ebf;border-color:#5adfff;transform:translateY(-2px)}.quick-actions span{color:#fff;background:linear-gradient(145deg,#26ccea,#386bff);border-radius:10px;flex:none;place-items:center;width:2rem;height:2rem;display:grid;box-shadow:0 5px 18px #2384ff4d}.composer{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#021332cc;border:1px solid #91e1ff4f;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:.55rem;padding:.55rem;display:grid}.composer__field{min-width:0;display:grid}.composer input{color:#fff;background:0 0;border:0;outline:0;width:100%;font-size:clamp(.7rem,1.4vh,.92rem)}.composer small{white-space:nowrap;text-overflow:ellipsis;color:#7198c0;margin-top:.15rem;font-size:clamp(.48rem,.95vh,.62rem);overflow:hidden}.mic-button,.send-button{color:#fff;cursor:pointer;border:0}.mic-button{background:linear-gradient(145deg,#2bd5ed,#3768ff);border-radius:50%;width:2.6rem;height:2.6rem;position:relative}.mic-icon:before{content:"";border:2px solid #fff;border-radius:8px;width:.55rem;height:.9rem;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.mic-icon:after{content:"";border:2px solid #fff;border-top:0;border-radius:0 0 9px 9px;width:.9rem;height:.55rem;position:absolute;top:55%;left:50%;transform:translate(-50%,-50%)}.voice-sigil{display:none}.mic-button.is-listening{animation:1.1s infinite pulse}.send-button{background:linear-gradient(135deg,#288de9,#3856de);border-radius:12px;align-items:center;gap:.4rem;height:2.55rem;padding:0 .9rem;font-size:clamp(.6rem,1.2vh,.78rem);display:flex}.send-button b{font-size:1rem}.scene-hint{z-index:7;opacity:0;pointer-events:none;white-space:nowrap;color:#bfeaff;background:#041d42b8;border:1px solid #69d6ff45;border-radius:999px;padding:.45rem .75rem;font-size:.62rem;transition:all .3s;position:absolute;top:57%;left:50%;transform:translate(-50%,10px)}.scene-hint.is-visible{opacity:1;transform:translate(-50%)}.scene-hint.is-hidden{display:none}.loading-screen{z-index:20;background:linear-gradient(155deg,#04122e,#073578);place-content:center;justify-items:center;gap:.8rem;transition:opacity .45s,visibility .45s;display:grid;position:absolute;inset:0}.loading-screen.is-hidden{opacity:0;visibility:hidden}.loading-mark{background:linear-gradient(145deg,#30d6ef,#365cff);border-radius:20px;place-items:center;width:4.2rem;height:4.2rem;font-size:3rem;font-weight:800;animation:1.5s ease-in-out infinite breathe;display:grid;box-shadow:0 0 45px #31bdff73}.loading-screen p{margin:0;font-weight:700}.loading-progress{background:#ffffff26;border-radius:9px;width:11rem;height:5px;overflow:hidden}.loading-progress i{background:#52dcff;width:0;height:100%;transition:width .25s;display:block}@keyframes pulse{50%{box-shadow:0 0 0 9px #44deff00}}@keyframes breathe{50%{opacity:.78;transform:scale(1.055)}}@keyframes wave{to{height:100%}}@media (height<=720px){.brand__sigil{width:2rem;height:2rem}.screen-shell{min-height:0}.quick-actions span{width:1.55rem;height:1.55rem}.composer{padding:.38rem}.mic-button{width:2.2rem;height:2.2rem}.send-button{height:2.2rem}.speech-card{padding:2.5% 3.5%}}@media (width<=390px){.send-button span{display:none}.send-button{padding:0 .75rem}.brand small{display:none}}.screen-shell{background:linear-gradient(155deg,#edf8ff 0%,#cae9ff 47%,#91cafa 100%);box-shadow:0 0 70px #2874be3d}.screen-shell:before{opacity:.3;background-image:radial-gradient(circle at 12% 23%,#ffffffdb 0 16%,#0000 16.3%),linear-gradient(145deg,#0000 0 42%,#fff3 42% 61%,#0000 61%);background-size:auto;-webkit-mask-image:none;mask-image:none}.ambient--one{opacity:.55;background:#fff}.ambient--two{opacity:.28;background:#49a9f1}.topbar{background:#f5fbff8a;border-bottom-color:#2169ae21;height:6.5%;padding:0 4.8%}.brand{color:#104a89}.brand__sigil{background:linear-gradient(145deg,#228edb,#0e60b6);box-shadow:0 0 20px #2882cf47}.brand small{color:#5685b5}.live-pill{color:#177c5d;background:#ffffff7a;border-color:#1b8c6638}.experience{height:93.5%;display:block}.intro{z-index:5;text-align:left;padding:0;position:absolute;top:4%;left:49%;right:4%}.eyebrow{color:#3b82c4;font-size:clamp(.48rem,.9vh,.62rem)}.intro h1{color:#0c4b91;letter-spacing:-.035em;margin:.35rem 0 .55rem;font-size:clamp(1.55rem,4.6vh,3rem);line-height:1.03}.intro p{color:#4f80af;max-width:none;margin:0;font-size:clamp(.62rem,1.25vh,.86rem)}.avatar-stage{z-index:5;pointer-events:none;width:76%;height:77%;position:absolute;bottom:11%;left:-12%}.avatar-stage canvas,.avatar-stage .scene-preview{pointer-events:none}.avatar-halo{background:radial-gradient(circle,#ffffffc7,#4aa3ea1f 55%,#0000 70%)}.scene-preview img{height:106%}.speech-card{background:#fafdffdb;border-color:#3584c73d;padding:3.5% 5%;bottom:0;left:20%;right:-44%;box-shadow:0 18px 45px #1f5b942e}.speech-card__name span{color:#1668b6}.speech-card__name small{color:#19855e}.speech-card p{color:#174c7e}.speech-card__wave{top:1.7rem;bottom:auto}.speech-card__wave i{background:#218fd7}.dialogue-panel{z-index:4;padding:0;display:block;position:absolute;inset:0}.voice-menu{position:absolute;top:25%;left:57%;right:4%}.voice-menu__label{color:#477aa9;text-transform:uppercase;letter-spacing:.12em;align-items:center;gap:.45rem;margin:0 0 3%;font-size:clamp(.48rem,.92vh,.63rem);font-weight:800;display:flex}.voice-menu__label i{background:#1f9de2;border-radius:50%;width:.48rem;height:.48rem;box-shadow:0 0 0 5px #1f9de21f}.quick-actions{grid-template-columns:1fr;gap:clamp(.4rem,1.05vh,.72rem);display:grid}.quick-actions>button{text-align:left;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#115294;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff8a;border:1px solid #428ecd33;border-radius:18px;align-items:center;gap:clamp(.55rem,1.2vh,.85rem);min-height:clamp(3.6rem,8.1vh,5.1rem);padding:5% 12% 5% 5%;font-size:clamp(.7rem,1.58vh,1.05rem);font-weight:700;line-height:1.15;transition:transform .25s,border-color .25s,background .25s,box-shadow .25s;display:flex;position:relative;box-shadow:0 8px 24px #2a6eaa12}.quick-actions>button:after{content:"›";color:#2b7bc1;font-size:1.65em;font-weight:400;position:absolute;top:50%;right:6%;transform:translateY(-53%)}.quick-actions>button:hover,.quick-actions>button:focus-visible{background:#ffffffc2;border-color:#55aee6;outline:none;transform:translate(-3%);box-shadow:0 12px 32px #1f7ec224}.quick-actions>button:active{transform:translate(-3%)scale(.98)}.quick-actions>button.is-active{background:#ffffffdb;border-color:#229fdd;transform:translate(-5%);box-shadow:0 12px 35px #1f7ec22e}.quick-actions span{width:clamp(2.2rem,5.2vh,3.25rem);height:clamp(2.2rem,5.2vh,3.25rem);box-shadow:none;color:#176fc1;background:linear-gradient(145deg,#dff2ffc7,#bee3ffb8);border-radius:13px;font-size:1.35em}.composer{background:#f8fcffe0;border-color:#347cbe38;position:absolute;bottom:2.5%;left:5%;right:5%;box-shadow:0 12px 35px #1f5b9424}.composer input{color:#174b7d}.composer input::placeholder{color:#7397b9}.composer small{color:#6b8dab}.scene-hint{color:#1768ac;background:#ffffffd1;border-color:#1f7ec238;top:55%}.action-card{z-index:1;width:auto;max-height:0;box-shadow:none;color:#164f82;opacity:0;visibility:hidden;background:#ddf2ffb8;border:0 solid #2884c933;border-radius:12px;margin:0;padding:0 3%;transition:max-height .35s,margin .3s,padding .3s,border-width .3s,opacity .25s,transform .3s,visibility .3s;position:relative;top:auto;left:auto;overflow:hidden;transform:translateY(6px)}.action-card.is-visible{opacity:1;visibility:visible;border-width:1px;max-height:9rem;margin:.55rem 0 0;padding:2.4% 3%;transform:none}.action-card small{color:#3286c4;text-transform:uppercase;letter-spacing:.13em;font-size:.5rem;display:block}.action-card strong{color:#0c4e91;margin:.16rem 0 .3rem;font-size:clamp(.64rem,1.28vh,.88rem);display:block}.action-card ol{color:#6184a5;flex-wrap:wrap;gap:.15rem .9rem;margin:0;padding:0;font-size:clamp(.5rem,.94vh,.64rem);line-height:1.4;list-style:none;display:flex}.action-card li:before{content:"○";color:#63a9d8;margin-right:.25rem}.action-card li.is-current{color:#147dc4;font-weight:800}.action-card li.is-current:before{content:"●";color:#1a94d4}.loading-screen{color:#14528a;background:linear-gradient(155deg,#eaf7ff,#a7d7fa)}.loading-screen small{color:#5384ac}.loading-progress{background:#1868ab24}