:root{color-scheme:dark;--base:#090b0b;--surface:#111412;--surface2:#181b18;--line:rgba(204,177,121,.21);--gold:#c9a56a;--bright:#f3d5a1;--cream:#f1eee5;--muted:#aaa79e;--font:Inter,"Helvetica Neue",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box} html,body{margin:0;width:100%;min-height:100%;background:var(--base);color:var(--cream);font-family:var(--font);overflow-x:hidden} button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--bright);outline-offset:3px}[hidden]{display:none!important}
/* Entrance: all geometry is aligned to the exact 1648x928 approved picture. */
.entry{height:100dvh;min-height:500px;position:relative;overflow:hidden;background:#090909;isolation:isolate}
.scene{position:absolute;width:max(100vw,177.586vh);height:auto;aspect-ratio:1648/928;left:50%;top:50%;transform:translate(-50%,-50%);perspective:1100px;pointer-events:none;z-index:0}
.scene-base{width:100%;height:100%;display:block;position:absolute;inset:0;object-fit:cover;user-select:none}
.door{position:absolute;top:28.3405%;height:56.8966%;display:block;backface-visibility:hidden;will-change:transform;transform-style:preserve-3d;transition:transform 3.15s cubic-bezier(.23,.70,.20,1);filter:none}
.door.left{left:34.1626%;width:15.8374%;transform-origin:left center}.door.right{left:50%;width:15.9587%;transform-origin:right center}

.entry::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(2,3,4,.10),transparent 23%,transparent 69%,rgba(2,3,4,.52) 100%),radial-gradient(ellipse at 50% 50%,transparent 32%,rgba(0,0,0,.19) 100%)}
.entry-head{position:absolute;top:30px;left:clamp(18px,4vw,68px);right:clamp(18px,4vw,68px);z-index:3;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.22em;color:rgba(255,240,212,.72)}
.entry-head .gold-dot{width:5px;height:5px;border-radius:50%;background:#ddb778;display:inline-block;margin-right:11px;box-shadow:0 0 14px rgba(243,208,151,.7)}
.entry-note{position:absolute;bottom:27px;left:clamp(18px,4vw,68px);z-index:3;display:flex;gap:12px;align-items:center;color:#d5c6aa;font-size:11px;letter-spacing:.12em;text-shadow:0 1px 8px #000}
.intro-skip{position:absolute;right:clamp(18px,4vw,68px);bottom:24px;z-index:5;border:1px solid rgba(234,204,144,.33);border-radius:6px;background:rgba(0,0,0,.62);color:#f0d9aa;padding:9px 14px;font-size:12px;backdrop-filter:blur(8px)}
.login{position:absolute;left:50%;top:57%;z-index:4;transform:translate(-50%,-43%) scale(.98);width:min(395px,38vw);padding:24px 23px 22px;opacity:0;visibility:hidden;pointer-events:none;border:1px solid rgba(236,197,123,.45);border-radius:12px;background:linear-gradient(150deg,rgba(23,23,20,.95),rgba(9,11,10,.95));box-shadow:0 15px 55px rgba(0,0,0,.65),inset 0 0 35px rgba(171,126,53,.05);text-align:center;transition:opacity .65s ease,transform .65s ease,visibility .65s;backdrop-filter:blur(12px)}
.entry.ready .login{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}
.login .star{font-size:22px;color:#d5b579;line-height:1}.login .kicker{color:var(--gold);font-size:9px;letter-spacing:.25em;margin:12px 0 8px}.login h1{font:400 clamp(19px,2.3vw,28px)/1.18 Georgia,"Times New Roman",serif;margin:0;color:#f6f0e6}.login p{margin:10px 0 18px;color:#b5b2a8;font-size:11px;line-height:1.55}
.google{display:flex;width:100%;align-items:center;justify-content:center;gap:11px;border:1px solid rgba(238,211,156,.33);border-radius:7px;background:rgba(242,235,220,.1);color:#e0dbd0;min-height:43px;font-weight:600;font-size:12px;opacity:.59}.google .g{font-weight:800;font-size:18px;color:#ebdfc7}.preview-enter{width:100%;margin-top:11px;min-height:43px;border:1px solid #bd9a5b;border-radius:7px;color:#17150e;font-size:12px;font-weight:700;background:linear-gradient(130deg,#e6c88e,#bd9451);transition:filter .2s}.preview-enter:hover{filter:brightness(1.1)}.login small{display:block;margin-top:13px;color:#988f7f;font-size:10px;line-height:1.45}
/* Workspace */
.workspace{display:flex;height:100dvh;min-height:490px;background:#0b0d0c;overflow:hidden}.rail{width:286px;flex-shrink:0;background:#111412;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:12}.rail-brand{padding:27px 23px 24px;display:flex;gap:13px;align-items:center}.mark{width:38px;height:39px;object-fit:contain}.brand-words{display:flex;flex-direction:column;gap:3px}.brand-words strong{font-size:19px;letter-spacing:-.04em;font-weight:650}.brand-words small{font-size:9px;letter-spacing:.33em;text-transform:uppercase;color:var(--gold)}.new-chat{width:calc(100% - 34px);margin:4px 17px 24px;min-height:43px;text-align:left;padding:11px 15px;border:1px solid rgba(231,202,145,.47);border-radius:7px;background:linear-gradient(145deg,#2b271f,#201e19);color:#edddc0;font-size:12px;font-weight:600;display:flex;align-items:center;gap:12px}.plus{font-size:21px;line-height:15px;color:var(--gold)}
.history-pane{flex:1;min-height:0;overflow:auto;padding:0 16px}.rail-label{color:#8e8e85;font-size:9px;letter-spacing:.18em;text-transform:uppercase;margin:0 7px 12px}.search{width:100%;height:39px;border-radius:6px;background:#1a1d1a;color:#f1eee7;border:1px solid rgba(217,183,123,.17);padding:0 12px;font-size:12px;outline:none;margin-bottom:24px}.search:focus{border-color:var(--gold)}.search::placeholder{color:#777970}.history-list{display:flex;flex-direction:column;gap:5px}.history-item{width:100%;text-align:left;border:1px solid transparent;border-radius:7px;background:transparent;color:#b9b8b0;font-size:12px;padding:12px 10px;display:flex;gap:10px;align-items:center;min-width:0}.history-item span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-item.active{color:#f2dbb1;border-color:rgba(201,165,106,.26);background:#24231e}.history-item:hover{background:#202320}.history-empty{font-size:11px;line-height:1.6;padding:0 8px;color:#7e817b}
.rail-bottom{margin-top:auto;padding:20px 17px 22px;border-top:1px solid var(--line)}.rail-bottom p{font-size:10px;line-height:1.6;color:#797e79;margin:14px 4px 0}.back-link{border:0;background:transparent;color:#c4b18d;font-size:12px;display:flex;align-items:center;gap:8px;padding:8px 5px}
.main{flex:1;min-width:0;display:flex;flex-direction:column;position:relative;background:radial-gradient(ellipse at 50% 5%,rgba(133,103,55,.055),transparent 63%),#0b0d0c}.topbar{height:77px;padding:0 clamp(19px,3.7vw,58px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(192,172,125,.10);gap:12px}.page-title{display:flex;gap:11px;align-items:center;min-width:0;font-size:13px;color:#ded8ca}.page-title .diamond{color:var(--gold);font-size:16px}.page-title .text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status{font-size:9px;letter-spacing:.18em;color:#af9a74;border:1px solid rgba(210,168,91,.24);padding:8px 12px;border-radius:30px;white-space:nowrap}.mobile-toggle{display:none;background:none;border:0;color:var(--gold);font-size:22px}
.thread-scroll{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column}.welcome{width:min(790px,100%);margin:auto;display:flex;flex-direction:column;align-items:center;text-align:center;padding:45px 20px 60px}.welcome .symbol{display:grid;place-items:center;width:67px;height:67px;border-radius:16px;border:1px solid rgba(214,176,110,.39);color:#dabb80;font:400 32px Georgia,serif;box-shadow:0 0 57px rgba(214,176,110,.065);margin-bottom:30px}.welcome h2{font:400 clamp(31px,4.1vw,51px)/1.2 Georgia,serif;letter-spacing:-.035em;margin:0;color:#f0ece5}.welcome h2 span{color:#ceac76}.welcome p{font-size:13px;color:#92968f;margin:15px 0 38px;line-height:1.55}.suggestions{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;width:min(720px,100%)}.suggestion{text-align:left;min-height:86px;background:linear-gradient(150deg,#171a17,#111411);border:1px solid rgba(189,165,111,.23);border-radius:10px;padding:15px;font-size:12px;color:#d0cbc0;line-height:1.4}.suggestion strong{display:block;color:#c9a56a;font-size:14px;font-weight:400;margin-bottom:8px}.suggestion:hover{border-color:#c6a36b}
.messages{width:min(790px,100%);padding:40px 35px 56px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.msg{align-self:flex-start;max-width:93%;display:flex;flex-direction:column;gap:7px}.msg.you{align-self:flex-end;max-width:80%}.msg-label{font-size:10px;letter-spacing:.14em;color:#928c7b;text-transform:uppercase}.msg-bubble{background:#181b18;border:1px solid rgba(199,176,131,.17);border-radius:11px;padding:16px 18px;line-height:1.65;color:#dedbd2;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}.msg.you .msg-bubble{background:#26251f;border-color:rgba(204,177,121,.3)}.msg.bot .msg-bubble{border-left:2px solid #b99963}.delete-chat{background:none;border:1px solid rgba(194,165,115,.2);border-radius:6px;color:#a98f61;padding:7px 9px;font-size:11px;margin-left:14px}
.compose-wrap{width:min(840px,100%);margin:0 auto;padding:0 30px 23px}.compose{border:1px solid rgba(214,174,102,.38);background:#171a17;border-radius:12px;padding:16px;box-shadow:0 15px 50px rgba(0,0,0,.24)}.compose textarea{display:block;width:100%;height:59px;min-height:59px;max-height:160px;resize:vertical;border:0;background:none;color:#ece8dd;outline:none;font-size:13px;line-height:1.55;padding:2px 0}.compose textarea::placeholder{color:#81847d}.compose-actions{display:flex;justify-content:space-between;align-items:center;padding-top:11px}.compose-mode{font-size:10px;color:#b3a17f}.send{width:37px;height:37px;border:0;border-radius:8px;background:linear-gradient(145deg,#dfbd7f,#aa8448);color:#17150f;font-size:20px}.disclaimer{font-size:10px;text-align:center;color:#7d837b;margin:11px 0 0;line-height:1.5}.compose-error{font-size:11px;color:#e5c58e;margin:9px 0 0}.scrim{display:none}
@media(max-width:800px){.rail{position:fixed;inset:0 auto 0 0;width:min(296px,85vw);transform:translateX(-105%);transition:transform .24s ease}.rail.open{transform:translateX(0)}.scrim.open{display:block;position:fixed;inset:0;background:rgba(0,0,0,.72);z-index:11}.mobile-toggle{display:block}.topbar{padding:0 22px}.status{font-size:8px}.login{width:min(390px,58vw)}.suggestions{grid-template-columns:1fr}.welcome{padding:35px 24px 45px}.welcome h2{font-size:clamp(32px,6vw,45px)}.suggestion{min-height:0}.compose-wrap{padding:0 18px 18px}}
@media(max-width:600px){.entry{min-height:560px}.scene{width:max(104vw,120vh);top:37%}.entry::before{background:linear-gradient(180deg,rgba(0,0,0,.2),transparent 38%,#090909 84%)}.entry-head{font-size:8px;top:20px}.entry-head .right-meta{display:none}.login{top:auto;bottom:66px;transform:translateX(-50%) translateY(8px);width:calc(100% - 36px);max-width:340px;padding:16px 18px 17px}.entry.ready .login{transform:translateX(-50%) translateY(0)}.login h1{font-size:22px}.login p{margin:7px 0 12px}.login .kicker{margin:7px 0 5px}.login .google,.login .preview-enter{min-height:40px}.entry-note{bottom:15px;font-size:8px;max-width:50%}.intro-skip{bottom:13px;font-size:10px}.topbar{height:62px;padding:0 16px}.status{padding:7px 9px;font-size:8px;letter-spacing:.06em}.messages{padding:23px 15px 40px}.msg.you{max-width:96%}.compose-wrap{padding:0 11px 13px}.compose{padding:12px}.welcome .symbol{width:54px;height:54px;margin-bottom:21px}.welcome h2{font-size:33px}.welcome p{font-size:11px;margin:14px 0 28px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* Footage, not rotated image slices. The 2 doors are rigid throughout the recorded sequence. */
.scene-video{position:absolute;inset:0;z-index:2;width:100%;height:100%;object-fit:fill;display:block;pointer-events:none;background:transparent}
.entry-note-separator{color:#af8953}.topbar-actions{display:flex;align-items:center}.sr-only{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden}