@font-face{font-family:ABC Arizona Flare;src:url(/fonts/ABCArizonaFlare-Regular-Trial.woff2) format("woff2"),url(/fonts/ABCArizonaFlare-Regular-Trial.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:ABC Arizona Flare;src:url(/fonts/ABCArizonaFlare-Light-Trial.woff2) format("woff2"),url(/fonts/ABCArizonaFlare-Light-Trial.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:ABC Arizona Sans;src:url(/fonts/ABCArizonaSans-Regular-Trial.woff2) format("woff2"),url(/fonts/ABCArizonaSans-Regular-Trial.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}:root{font-family:ABC Arizona Sans,ui-sans-serif,system-ui,sans-serif;color:#f7f0e3;background:#17120e;--ink: #f7f0e3;--ink-soft: rgba(247, 240, 227, .78);--ink-faint: rgba(247, 240, 227, .5);--earth-950: #17120e;--earth-900: #211913;--earth-850: #2b2119;--earth-800: #35271d;--earth-700: #463427;--earth-600: #5e4734;--moss: #7e8d69;--sage: #b9c7a6;--sand: #d5b18a;--clay: #965f44;--paper: #f3ecde;--paper-edge: #d8cbb3;--line: rgba(216, 203, 179, .22);--line-strong: rgba(216, 203, 179, .4);--shadow-deep: 0 32px 80px rgba(0, 0, 0, .34);--shadow-panel: 0 18px 44px rgba(0, 0, 0, .24);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-height:100dvh;overflow:hidden;color:var(--ink);background:radial-gradient(circle at top left,rgba(126,141,105,.2),transparent 26%),radial-gradient(circle at top right,rgba(213,177,138,.14),transparent 24%),linear-gradient(180deg,rgba(63,47,35,.22),transparent 22%),linear-gradient(180deg,#100c09,#17120e 20%,#1d1611 58%,#17120e)}button,input,textarea,select{font:inherit}button,input,select{appearance:none}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid rgba(213,177,138,.72);outline-offset:2px}.shell{position:relative;min-height:100dvh;display:grid;place-items:center;padding:24px;isolation:isolate}.shell:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0a0806db,#0a080624 18% 82%,#0a0806d1),radial-gradient(circle at center,rgba(247,240,227,.05),transparent 54%);pointer-events:none;z-index:-2}.shell:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);background-size:160px 160px;opacity:.15;mix-blend-mode:soft-light;pointer-events:none;z-index:-1}.portrait-shell{padding:0}.auth-shell{padding:24px}.auth-card{position:relative;width:min(100%,480px);display:grid;gap:16px;padding:32px 30px 30px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 28%),linear-gradient(180deg,#35271dfa,#17120efa);box-shadow:var(--shadow-deep)}.auth-card:before{content:"";position:absolute;inset:12px;border:1px solid rgba(216,203,179,.08);border-radius:20px;pointer-events:none}.auth-title{margin:0;font-family:ABC Arizona Flare,Georgia,serif;font-size:clamp(2.2rem,6vw,3rem);line-height:.94;font-weight:300;letter-spacing:-.06em;color:var(--paper)}.auth-copy{margin:0;color:var(--ink-soft);line-height:1.62}.auth-form{display:grid;gap:12px}.auth-form label{color:var(--ink-soft);font-size:.83rem;letter-spacing:.08em;text-transform:uppercase}.auth-form input{width:100%;padding:15px 16px;border:1px solid var(--line);border-radius:18px;background:#f3ecde0d;color:var(--ink);outline:none;transition:border-color .18s ease,background-color .18s ease}.auth-form input::placeholder{color:#f7f0e35c}.auth-form input:focus{border-color:#d5b18a85;background:#f3ecde14}.auth-error{margin:0;color:#f0b39c;font-size:.94rem}.eyebrow{margin:0;color:var(--sand);font-size:.74rem;letter-spacing:.18em;text-transform:uppercase}.continue-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:12px 20px;border:1px solid var(--line-strong);border-radius:999px;background:#f3ecde14;color:var(--paper);text-decoration:none;transition:transform .22s ease,background-color .22s ease,border-color .22s ease,opacity .22s ease}.continue-button:disabled{opacity:.42}.continue-button:not(:disabled):hover{transform:translateY(-1px);border-color:#d5b18a70;background:#f3ecde1a}.continue-button:not(:disabled):active{transform:translateY(0)}.cta-button{background:linear-gradient(180deg,#dbc19f,#c69b72);color:#1b150f;border-color:#dbc19fa3;box-shadow:0 12px 26px #0003}.ambient{position:fixed;width:52rem;height:52rem;border-radius:50%;pointer-events:none;opacity:.34;will-change:transform;animation:driftGlow 24s ease-in-out infinite;filter:blur(96px)}.ambient-a{top:-18rem;left:-16rem;background:radial-gradient(circle,rgba(126,141,105,.42) 0%,rgba(126,141,105,.22) 34%,transparent 70%)}.ambient-b{right:-18rem;bottom:-18rem;background:radial-gradient(circle,rgba(150,95,68,.34) 0%,rgba(213,177,138,.18) 40%,transparent 72%);animation-delay:-12s}.portrait-player{position:relative;width:100vw;height:100dvh;overflow:hidden;background:#140f0b;box-shadow:none;isolation:isolate}.portrait-player:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,8,6,.38) 0%,transparent 15%,transparent 48%,rgba(10,8,6,.62) 74%,rgba(10,8,6,.9) 100%);z-index:3;pointer-events:none}.portrait-player:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,transparent 58%,rgba(8,6,5,.18) 100%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Crect width='180' height='180' fill='%23000000' fill-opacity='0'/%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Ccircle cx='12' cy='14' r='1'/%3E%3Ccircle cx='62' cy='42' r='1'/%3E%3Ccircle cx='118' cy='24' r='1'/%3E%3Ccircle cx='154' cy='72' r='1'/%3E%3Ccircle cx='96' cy='112' r='1'/%3E%3Ccircle cx='40' cy='150' r='1'/%3E%3Ccircle cx='144' cy='156' r='1'/%3E%3C/g%3E%3C/svg%3E");mix-blend-mode:soft-light;opacity:.2;z-index:4;pointer-events:none}.scene-stack{position:absolute;inset:0}.scene-layer{position:absolute;inset:0;opacity:0;transition:opacity 1.8s ease}.scene-layer.active{opacity:1}.scene-layer img{width:100%;height:100%;display:block;object-fit:cover;object-position:center center;transform:scale(1.1);filter:saturate(.95) contrast(1.02) brightness(.84);will-change:transform,filter;transition:transform 1.8s ease,filter 1.2s ease}.scene-layer.active img{filter:saturate(.98) contrast(1.03) brightness(.9)}.scene-layer.active.motion-0 img{animation:imageDriftForward 13s ease-in-out infinite alternate both}.scene-layer.active.motion-1 img{animation:imageDriftReverse 14s ease-in-out infinite alternate both}.scene-layer.active.motion-2 img{animation:imageDriftLift 15s ease-in-out infinite alternate both}.portrait-overlay{position:absolute;inset:0;z-index:5;padding:18px 18px 24px}.topic-heading{position:absolute;top:42px;left:20px;right:108px;z-index:7;display:grid;gap:10px;max-width:min(17ch,100%);color:var(--paper);text-align:left;text-shadow:0 8px 26px rgba(0,0,0,.32)}.topic-heading:before{content:"";display:block;width:42px;height:1px;background:#f3ecde8a}.topic-eyebrow{margin:0;color:#f3ecdeb8;font-size:.66rem;letter-spacing:.18em;text-transform:uppercase}.topic-title{margin:0;font-family:ABC Arizona Flare,Georgia,serif;font-size:clamp(1.65rem,4.6vw,2.2rem);line-height:.95;font-weight:300;letter-spacing:-.05em;max-width:100%}.topic-note{margin:0;max-width:24ch;color:#f3ecdec7;font-size:.88rem;line-height:1.48;font-family:ABC Arizona Sans,ui-sans-serif,system-ui,sans-serif}.topic-heading.idle{color:#f3ecdefa}.voice-corner{position:absolute;top:22px;right:18px;z-index:7;display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:6px 10px;border:1px solid rgba(216,203,179,.18);border-radius:999px;background:#140f0bd1;box-shadow:0 10px 24px #00000029}.voice-corner select{border:0;background:transparent;color:var(--ink-soft);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;outline:none;max-width:96px;cursor:pointer}.status-dot{width:9px;height:9px;padding:0;border:0;border-radius:999px;background:#f3ecde4d;box-shadow:0 0 0 5px #f3ecde0d}.status-ready{background:var(--sage)}.status-connecting{background:var(--sand)}.status-error{background:#dd8662}.mic-stage{position:absolute;bottom:96px;left:50%;z-index:7;transform:translate(-50%)}.center-mic{width:58px;height:58px;display:grid;place-items:center;padding:0;border-radius:999px;border:1px solid rgba(216,203,179,.26);background:linear-gradient(180deg,#f3ecde24,#f3ecde0f),#1a140feb;color:#f7f0e3f5;box-shadow:inset 0 1px #ffffff14,0 18px 36px #00000038;transition:transform .18s ease,background-color .18s ease,border-color .18s ease,opacity .18s ease}.center-mic:disabled{opacity:.42}.center-mic:not(:disabled):hover{border-color:#d8cbb36b}.center-mic:not(:disabled):active,.center-mic.active{transform:scale(.96);border-color:#b9c7a67a;background:linear-gradient(180deg,#b9c7a629,#f3ecde14),#1a140ff5}.subtitle-rail{position:absolute;left:20px;right:20px;bottom:180px;z-index:7;display:grid;justify-items:start;gap:14px}.subtitle-line{margin:0;width:min(100%,34ch);min-height:0;padding:0;background:none;font-size:clamp(1rem,2.6vw,1.15rem);line-height:1.42;color:#f7f0e3f5;font-weight:400;letter-spacing:.01em;text-align:left;text-shadow:0 4px 18px rgba(0,0,0,.56),0 0 30px rgba(0,0,0,.3);opacity:0;transform:translateY(4px);transition:opacity .18s ease,transform .18s ease}.subtitle-line.visible{opacity:1;transform:translateY(0)}.cta-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;border:1px solid rgba(216,203,179,.22);background:#18120ee6;color:var(--paper);text-decoration:none;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;box-shadow:0 14px 28px #0000002e;transition:transform .18s ease,border-color .18s ease,background-color .18s ease}.cta-chip:hover{transform:translateY(-1px);border-color:#d8cbb36b;background:#211913f0}.inline-error{position:absolute;top:78px;left:20px;right:20px;max-width:360px;padding:11px 14px;border:1px solid rgba(240,179,156,.22);border-radius:16px;background:#702d1ff0;color:var(--paper);font-size:.84rem;line-height:1.45;z-index:8;box-shadow:0 18px 40px #0000003d}.begin-control{position:absolute;left:20px;right:20px;bottom:54px;z-index:7}.begin-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 18px;border:1px solid rgba(216,203,179,.24);border-radius:999px;background:linear-gradient(180deg,#f3ecde29,#f3ecde0f),#18120ee6;color:var(--paper);box-shadow:0 18px 36px #00000038;transition:transform .18s ease,border-color .18s ease,opacity .18s ease}.begin-button:disabled{opacity:.42}.begin-button:not(:disabled):hover{transform:translateY(-1px);border-color:#d8cbb36b}.help-button{position:absolute;right:18px;bottom:44px;z-index:7;width:34px;height:34px;display:grid;place-items:center;padding:0;border:1px solid rgba(216,203,179,.2);border-radius:999px;background:#140f0be0;color:#f7f0e3c2;box-shadow:0 14px 28px #00000029}.help-modal-backdrop{position:absolute;inset:0;z-index:9;display:grid;place-items:center;padding:20px;background:#0a08068f}.help-modal{position:relative;width:min(100%,320px);display:grid;gap:12px;padding:18px 18px 16px;border:1px solid rgba(216,203,179,.16);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 24%),linear-gradient(180deg,#35271dfa,#17120efa);box-shadow:var(--shadow-deep)}.help-close{position:absolute;top:12px;right:12px;width:30px;height:30px;display:grid;place-items:center;padding:0;border:1px solid rgba(216,203,179,.14);border-radius:999px;background:#f3ecde0a;color:var(--ink-soft)}.help-kicker{margin:0;color:var(--sand);font-size:.66rem;letter-spacing:.18em;text-transform:uppercase}.help-modal h2{margin:0;font-family:ABC Arizona Flare,Georgia,serif;font-size:1.62rem;font-weight:300;line-height:.94;letter-spacing:-.055em;max-width:12ch}.help-copy{margin:0;color:var(--ink-soft);font-size:.86rem;line-height:1.58}.help-grid{display:grid;gap:8px}.help-grid div{display:grid;gap:4px;padding:10px 12px;border:1px solid rgba(216,203,179,.1);border-radius:15px;background:#f3ecde08}.help-grid strong{color:var(--paper);font-size:.68rem;font-weight:400;letter-spacing:.12em;text-transform:uppercase}.help-grid span{color:var(--ink-soft);font-size:.79rem;line-height:1.45}.screen-frame{position:absolute;inset:0;z-index:6;pointer-events:none}.screen-frame:after{content:"";position:absolute;inset:0;box-shadow:inset 0 24px 50px #00000014,inset 0 -100px 160px #0000002e}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes imageDriftForward{0%{transform:scale(1.1) translate3d(-2.4%,-1.8%,0)}to{transform:scale(1.2) translate3d(3.2%,2.4%,0)}}@keyframes imageDriftReverse{0%{transform:scale(1.11) translate3d(2.3%,-1.6%,0)}to{transform:scale(1.21) translate3d(-3.1%,2.5%,0)}}@keyframes imageDriftLift{0%{transform:scale(1.1) translate3d(-.8%,2.2%,0)}to{transform:scale(1.2) translate3d(1.2%,-2.8%,0)}}@keyframes driftGlow{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(2rem,1.6rem,0) scale(1.08)}}@media(max-width:480px){.shell{padding:0}.shell:before,.shell:after{display:none}.portrait-overlay{padding:16px 14px 20px}.voice-corner{top:18px;right:14px}.topic-heading{top:38px;left:14px;right:100px;max-width:13ch;font-size:clamp(1.3rem,7vw,1.7rem)}.subtitle-rail{left:14px;right:14px;bottom:170px}.begin-control{left:14px;right:14px;bottom:48px}.mic-stage{bottom:88px}.help-button{right:14px;bottom:38px}}@media(prefers-reduced-motion:reduce){.ambient,.scene-layer img,.subtitle-line,.center-mic{animation:none!important;transition:none!important}}