@charset "UTF-8";
@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-latin.woff2') format('woff2');font-style:normal;font-weight:400 700;font-display:swap}
@font-face{font-family:'Instrument Serif';src:url('/assets/fonts/instrument-serif-italic-latin.woff2') format('woff2');font-style:italic;font-weight:400;font-display:swap}
:root{color-scheme:dark;--stage:#050817;--ink:#edf3ff;--muted:#8994ae;--line:#9db6ff25;--blue:#8cafff;--panel:#091126ed;--app-height:100dvh;font-family:Arial,Helvetica,sans-serif;font-synthesis:none}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:var(--stage)}body{color:var(--ink);overflow:hidden}body.dark{--stage:#02040d}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit;touch-action:manipulation}button:disabled{opacity:.4;cursor:wait}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #a7c1ff;outline-offset:5px}a{color:inherit}button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.app-shell{height:var(--app-height);min-height:430px;width:100%;padding:0}.projection{position:relative;isolation:isolate;width:100%;height:100%;overflow:hidden;background:radial-gradient(ellipse at 64% 44%,#081535 0,#060b20 39%,var(--stage) 76%)}.ambient{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 63% 42%,#133d9328 0,transparent 45%),linear-gradient(90deg,#05081769,transparent 48%);z-index:1}.measurement-grid{position:absolute;inset:92px 5.5% 46px;z-index:1;pointer-events:none;border:1px solid #8a9fdd16;border-left:0;border-right:0}.measurement-grid:before,.measurement-grid:after{content:"";position:absolute;top:-6px;bottom:-6px;width:1px;background:#8a9fdd13}.measurement-grid:before{left:0}.measurement-grid:after{right:0}.measurement-grid i{position:absolute;width:9px;height:9px;border-color:#9eb7f078;border-style:solid}.measurement-grid i:nth-child(1){top:-5px;left:-4px;border-width:1px 0 0 1px}.measurement-grid i:nth-child(2){top:-5px;right:-4px;border-width:1px 1px 0 0}.measurement-grid i:nth-child(3){bottom:-5px;left:-4px;border-width:0 0 1px 1px}.measurement-grid i:nth-child(4){bottom:-5px;right:-4px;border-width:0 1px 1px 0}#hologram{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0;touch-action:pan-y}.topbar{position:absolute;z-index:35;top:25px;left:5.5%;right:5.5%;height:45px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none}.brand>svg{width:24px;height:29px;fill:#e5edff}.brand>span{font-size:16px;letter-spacing:4px;font-weight:500;line-height:1.2}.brand small{display:block;font-size:6px;letter-spacing:1.6px;color:#8d9ab8;margin-top:5px}.top-actions{display:flex;align-items:center;gap:14px}.nav-button{border:0;background:none;font-size:11px;letter-spacing:.1px;padding:10px 15px}.nav-button span{margin-left:14px;color:#b8ccff}.connection{display:flex;gap:7px;align-items:center;font:8px/1.4 monospace;letter-spacing:1px;color:#8b98b8;white-space:nowrap}.connection i{width:4px;height:4px;background:#a58a64;border-radius:50%;box-shadow:0 0 8px currentColor}.connection.ready i{background:#89c2c8}.connection.offline{color:#d3a5a5}.connection.offline i{background:#e4a3a3}.quota{border:1px solid var(--line);border-radius:4px;background:#adc2ff05;padding:8px 10px;font:11px/1.3 monospace;white-space:nowrap}.quota small{font-size:9px;color:#6e7c9a;margin-left:4px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:36px;border:0;background:none;padding:6px;color:#a6b4d0}.icon-button:hover,.nav-button:hover{color:white;background:#b5ccff08}.icon-button.small{width:32px;height:32px;font-size:23px}.scene-label{position:absolute;z-index:2;pointer-events:none;top:52%;display:flex;align-items:center;gap:12px;color:#667798;font:7px/1.4 monospace;letter-spacing:1.1px}.scene-label i{display:block;width:35px;height:1px;background:#738cbd60}.label-left{left:5.5%}.label-right{right:5.5%;top:38%}.hologram-target{position:absolute;z-index:3;left:45%;top:12%;width:34%;height:63%;background:transparent;border:0;border-radius:50%;outline-offset:-20px}.hologram-target:focus-visible{outline:1px solid #8eb2ff7a}.intro-copy{position:absolute;z-index:4;left:5.5%;top:19.5%;width:40%;pointer-events:none;transition:opacity .45s,transform .55s}.eyebrow{display:block;font:8px/1.6 monospace;letter-spacing:1.6px;color:#8f9fc0}.eyebrow>i{display:inline-block;width:4px;height:4px;margin:0 8px 2px 0;border-radius:50%;background:#9ebdff}.intro-copy h1{font-size:clamp(40px,4.7vw,77px);letter-spacing:-.065em;line-height:1.04;font-weight:400;margin:24px 0 25px;max-width:550px}.intro-copy p{color:#8f9cb8;font-size:13px;line-height:1.8;margin:0 0 26px;max-width:290px}.start-button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;pointer-events:auto;background:#c1d2fb;color:#102044;border:1px solid #d8e5ff9c;border-radius:3px;font-size:11px;font-weight:500;padding:14px 17px;min-width:195px;overflow:hidden}.start-button:hover{background:#e0eaff}.arrow-pair{display:block;position:relative;font-size:17px;line-height:18px;transition:transform .3s}.arrow-pair b{position:absolute;font-weight:400;left:-28px;top:24px}.start-button:hover .arrow-pair{transform:translate(27px,-25px)}.intro-details{display:flex;gap:28px;border-top:1px solid var(--line);margin-top:36px;padding-top:20px;width:max-content;max-width:100%}.intro-details>div{display:flex;flex-direction:column;gap:8px}.intro-details strong{font-weight:400;font-size:25px;letter-spacing:-1px;color:#bccaff}.intro-details span{font:6px/1.7 monospace;letter-spacing:1.1px;color:#7182a6}.rotating-copy{position:absolute;right:5.5%;bottom:25%;z-index:2;pointer-events:none;transition:opacity .4s;text-align:left;max-width:300px}.rotating-copy>span{font:7px/1.6 monospace;letter-spacing:1.8px;color:#8597bb}.rotating-copy p{font-size:clamp(24px,2.45vw,43px);font-weight:400;line-height:1.08;letter-spacing:-1.4px;margin:15px 0 0;text-shadow:0 2px 18px #040715}.app-shell.started .intro-copy{opacity:0;transform:translateY(-10px);visibility:hidden}.app-shell.started .rotating-copy{opacity:0}.app-shell.started .hologram-target{left:57%;top:13%;width:38%;height:57%}.app-shell.started .label-left{opacity:0}
.control-dock{position:absolute;z-index:30;left:50%;bottom:66px;transform:translateX(-50%);width:min(740px,85%)}.status-row{display:flex;align-items:center;justify-content:center;gap:8px;min-height:26px;margin-bottom:8px}.status-light{width:4px;height:4px;border-radius:50%;background:#8da7e8;box-shadow:0 0 10px #6b8fd999}.status-line{font:8px/1.6 monospace;letter-spacing:1.6px;color:#a3b4d9;text-align:center}.composer{display:flex;align-items:end;gap:8px;width:100%;min-height:61px;padding:8px;border:1px solid #a2baff3b;border-radius:6px;background:linear-gradient(115deg,#0a1430e6,#070e24ed);box-shadow:0 12px 55px #0005;backdrop-filter:blur(18px)}.composer textarea{flex:1;min-width:0;resize:none;outline:none;border:0;color:#d6e3ff;background:none;padding:12px 3px;font-size:14px;line-height:23px;max-height:110px;min-height:44px}.composer textarea::placeholder{color:#7183a8}.mic-button,.send-button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 42px;width:42px;height:43px;border:0;border-radius:4px;background:none;color:#98acd5}.mic-button:hover{background:#a7bfff10;color:#e6edff}.send-button{background:#b6caff;color:#15244b}.send-button:hover{background:#e1eaff}.dock-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:11px 2px 0;color:#647797;font:6.8px/1.5 monospace;letter-spacing:1px}.dock-meta>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:45%}.dock-meta .text-button{color:#d7dff1;min-height:20px;font-size:10px;padding:0 14px}.record-meter{display:flex;align-items:center;height:20px;gap:3px}.record-meter span{width:2px;height:6px;background:#a8e1e1;transition:height .1s}.app-shell[data-state=recording] .status-light{background:#a4dad2}.app-shell[data-state=recording] .voice-mic{background:#82bfc61e;color:#c4f5ef}.app-shell[data-state=thinking] .status-light{animation:pulse 1.5s infinite}.app-shell[data-state=speaking] .status-light{background:#b7caff;box-shadow:0 0 15px #9eb9ff}.scene-footer{position:absolute;z-index:4;bottom:max(19px,env(safe-area-inset-bottom));left:5.5%;right:5.5%;display:flex;align-items:center;justify-content:space-between;gap:15px;font:6px/1.5 monospace;letter-spacing:1px;color:#536587}.scene-footer>span{display:flex;align-items:center;gap:8px}.scene-footer i{width:3px;height:3px;background:#9db8eb;border-radius:50%}.credit-button{border:0;background:none;font:6px/1.5 monospace;letter-spacing:1px;color:#5e739d;padding:6px}.credit-button:hover{color:#b6caff}
.conversation{position:absolute;z-index:10;left:5.5%;top:145px;width:min(550px,43%);max-height:calc(100% - 355px);display:flex;flex-direction:column;padding:23px 24px 18px;border:1px solid #91adf12c;border-radius:6px;background:linear-gradient(125deg,#081127ed,#060d21d9);box-shadow:0 20px 70px #0003;backdrop-filter:blur(20px);animation:arrive .3s ease}.conversation-bar{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid #8aa4db24;padding-bottom:14px;margin-bottom:16px;font:8px/1.5 monospace;letter-spacing:2px;color:#b8caff}.conversation-bar>div{display:flex;align-items:center;gap:14px}.text-button{border:0;background:none;color:#8fa7d3;font-size:10px;line-height:1.5;padding:4px 0;white-space:nowrap}.text-button:hover{color:#e3ecff}.question-display{color:#7f93b9;font-size:11px;line-height:1.7;margin-bottom:17px;border-bottom:1px solid var(--line);padding-bottom:15px;max-height:80px;overflow:auto;flex-shrink:0}.answer-content{overflow:auto;min-height:0;font-size:14px;line-height:1.85;color:#d4dff5;overflow-wrap:anywhere;scrollbar-width:thin;scrollbar-color:#7f9bc15c transparent;padding-right:5px}.answer-content p{margin:0 0 12px}.answer-content p:last-child{margin-bottom:0}.answer-content strong{font-weight:600;color:#f1f5ff}.answer-content ul,.answer-content ol{padding-left:22px;margin:8px 0}.answer-content li{margin:5px 0}.answer-content h3{font-weight:500;color:#f1f5ff;font-size:16px;line-height:1.5;margin:17px 0 9px}.answer-content pre{white-space:pre-wrap;background:#0005;padding:14px;border:1px solid var(--line);font-size:12px;line-height:1.7;overflow:auto}.answer-content code{color:#c8ddff}.answer-evidence{font:8px/1.7 monospace;color:#6c84b2;margin-top:17px;padding-top:12px;border-top:1px solid var(--line);flex-shrink:0;max-height:60px;overflow:auto}.audio-answer{display:flex;align-items:center;justify-content:space-between;margin-top:13px;padding:5px 0;flex-shrink:0;color:#a6bced}.conversation.expanded{left:5.5%;right:5.5%;top:112px;bottom:186px;width:auto;max-height:none;z-index:25;background:#060c1cf7;padding:27px 32px}.conversation.expanded .answer-content{font-size:16px;line-height:1.9}.artifact-link{display:block;width:fit-content;border:1px solid #aac1ff4a;border-radius:4px;padding:9px 14px;margin-top:12px;font-size:12px;text-decoration:none;color:#c6d7ff}.artifact-link:hover{background:#91b2ff10}
.modal,.history-modal{color:#e0e9ff;background:#081127;border:1px solid #819de03b;box-shadow:0 35px 120px #0009;border-radius:8px;padding:0;max-height:calc(100dvh - 42px);width:min(440px,calc(100% - 32px));overflow:auto}.modal::backdrop,.history-modal::backdrop{background:#010513ba;backdrop-filter:blur(9px)}.modal-content{padding:30px}.modal-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.modal h2,.history-modal h2{font-size:29px;line-height:1.12;letter-spacing:-1.1px;font-weight:400;margin:22px 0 18px}.modal p{color:#8f9fc0;font-size:12px;line-height:1.85;margin:0 0 17px}.modal label:not(.setting-row):not(.check-label){display:block;font-size:11px;color:#b3c2e1;margin:17px 0 9px}.modal input:not([type=checkbox]){width:100%;height:45px;background:#030a1d;border:1px solid #8da8e43b;border-radius:4px;color:#e5edff;padding:10px 13px;font-size:14px}.primary-button,.secondary-button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 16px;margin-top:21px;border-radius:4px;border:1px solid #bfd1ff4a;background:#b4caff;color:#142449;font-size:12px}.primary-button:hover{background:#d5e2ff}.secondary-button{background:none;color:#a8bde8;justify-content:center}.check-label{display:flex;gap:10px;align-items:start;font-size:11px;line-height:1.8;color:#a9b9da;margin:21px 0}.check-label input{margin-top:5px;accent-color:#a9c1ff}.modal-secondary{display:block;margin:15px auto 0}.form-error{font-size:11px!important;color:#f0adad!important;margin-top:12px!important}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:17px 0;border-bottom:1px solid var(--line);font-size:12px}.setting-row input{accent-color:#aac3ff}.setting-note{font-size:10px!important;line-height:1.8!important;margin-top:20px!important;color:#6980a9!important}.profile-summary{border-top:1px solid var(--line);margin-top:24px;padding-top:20px;font-size:11px;line-height:1.8;color:#a5b7db}.danger{float:right;color:#cf9aab}.history-modal{width:min(570px,calc(100% - 32px));padding:27px}.history-header{display:flex;justify-content:space-between}.history-header h2{margin-top:13px}.history-list{max-height:61dvh;overflow:auto;scrollbar-width:thin}.history-list>p{font-size:12px;color:#8da0c8;line-height:1.8}.history-item{display:block;width:100%;text-align:left;padding:18px 0;border:0;border-top:1px solid var(--line);background:none}.history-item strong{display:block;font-weight:400;line-height:1.7;font-size:13px;color:#d2def8}.history-item small{display:block;margin-top:8px;color:#6f85b3;font-size:9px;line-height:1.6}.history-item:hover strong{color:white}.history-footnote{font-size:10px;color:#7287af;margin-top:22px;line-height:1.7}.capabilities-modal{width:min(740px,calc(100% - 32px))}.capability-list{display:grid;grid-template-columns:1fr 1fr;gap:0 25px;margin-top:25px}.capability-item{padding:17px 0;border-top:1px solid var(--line)}.capability-item h3{font-size:13px;font-weight:400;margin:0 0 8px;color:#d9e6ff}.capability-item p{font-size:10px;line-height:1.8;margin:0 0 7px}.capability-item small{font:7px/1.7 monospace;letter-spacing:.8px;color:#7286af}.capability-item[data-ready=true] small{color:#a4c7da}.toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:100;width:max-content;max-width:calc(100% - 32px);border:1px solid #9bb5ed47;padding:14px 18px;border-radius:6px;background:#0a142dee;color:#c9d9fc;font-size:12px;line-height:1.7;box-shadow:0 15px 50px #0006;animation:arrive .2s}.error-note{color:#f0b4bd}
@keyframes arrive{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{50%{opacity:.25}}
@media(min-width:1550px){.intro-copy{top:20%}.intro-copy h1{max-width:650px}.intro-copy p{font-size:15px}.intro-details{margin-top:48px;gap:38px}.intro-details strong{font-size:31px}.intro-details span{font-size:7px}.conversation{top:160px;max-height:calc(100% - 360px)}.answer-content{font-size:16px}}
@media(max-width:1080px){.top-actions{gap:7px}.connection{display:none}.intro-copy h1{font-size:48px}.intro-details{gap:17px}.rotating-copy{max-width:230px}.rotating-copy p{font-size:28px}.scene-footer>span:last-child{display:none}.conversation{width:44%;padding:18px}.answer-content{font-size:13px}}
@media(max-width:820px){.app-shell{min-height:350px}.topbar{left:6%;right:6%;top:max(19px,env(safe-area-inset-top));height:38px;gap:8px}.brand{gap:6px}.brand>svg{width:19px;height:25px}.brand>span{font-size:13px;letter-spacing:3px}.brand small{font-size:4.8px;letter-spacing:.9px}.top-actions{gap:1px}.nav-button{font-size:0;padding:8px;width:34px;height:36px}.nav-button span{font-size:16px;margin:0}.quota{padding:6px 7px;font-size:10px}.quota small{font-size:8px;margin-left:2px}.icon-button{width:31px;height:34px;padding:6px}.icon-button svg{width:18px;height:18px}.measurement-grid{inset:76px 6% 43px}.intro-copy{top:57%;left:7%;width:86%;text-align:left}.intro-copy .eyebrow{font-size:6px;letter-spacing:1.5px}.intro-copy h1{font-size:clamp(30px,7.5vw,46px);line-height:1.04;letter-spacing:-1.6px;margin:13px 0 12px;max-width:none}.intro-copy h1 br{display:none}.intro-copy p{display:none}.start-button{margin-top:3px;padding:10px 13px;min-width:176px;font-size:10px}.intro-details{display:none}.rotating-copy{display:none}.hologram-target{left:11%;top:12%;width:78%;height:42%}.scene-label{font-size:5px;letter-spacing:.7px}.scene-label i{width:14px}.label-left{left:6%;top:47%}.label-right{right:6%;top:36%}.app-shell.started .hologram-target{left:22%;top:11%;width:56%;height:29%}.app-shell.started .label-right{top:25%}.control-dock{bottom:max(57px,calc(env(safe-area-inset-bottom) + 43px));width:88%}.status-row{margin-bottom:5px;gap:6px;min-height:24px}.status-line{font-size:6.3px;letter-spacing:1px}.composer{min-height:56px;gap:3px;padding:6px}.composer textarea{font-size:16px;line-height:23px;min-height:42px;padding:10px 3px}.composer textarea::placeholder{font-size:11px}.mic-button,.send-button{flex-basis:36px;width:36px;height:42px}.mic-button svg,.send-button svg{width:20px;height:20px}.dock-meta{font-size:5.5px;letter-spacing:.7px;margin-top:9px;gap:4px}.scene-footer{left:6%;right:6%;bottom:max(13px,env(safe-area-inset-bottom));justify-content:space-between;font-size:5px}.scene-footer>span:first-child{font-size:5px;letter-spacing:.4px}.credit-button{font-size:5.3px;letter-spacing:.6px;padding:8px 0}.conversation{left:6%;top:43%;width:88%;max-height:calc(57% - 180px);padding:15px 17px 12px;border-radius:5px}.conversation-bar{font-size:7px;padding-bottom:10px;margin-bottom:11px;gap:6px}.conversation-bar>div{gap:11px}.conversation-bar .text-button{font-size:9px}.conversation-bar .small{height:25px;width:22px}.answer-content{font-size:13px;line-height:1.85}.question-display{font-size:10px;max-height:50px;margin-bottom:10px;padding-bottom:10px}.answer-evidence{font-size:7px;max-height:45px;margin-top:11px;padding-top:9px}.audio-answer{font-size:9px;margin-top:9px}.conversation.expanded{left:6%;right:6%;top:85px;bottom:179px;width:auto;max-height:none;padding:19px}.conversation.expanded .answer-content{font-size:14px}.modal-content{padding:25px}.modal input:not([type=checkbox]){font-size:16px}.modal h2{font-size:28px}.capability-list{grid-template-columns:1fr}.toast{bottom:max(16px,env(safe-area-inset-bottom));font-size:11px}.record-meter{gap:2px;height:15px}}
@media(max-width:380px){.brand small{display:none}.topbar{left:5%;right:5%}.top-actions .icon-button{width:29px}.intro-copy h1{font-size:29px}.control-dock{width:90%}.conversation{left:5%;width:90%}.composer textarea::placeholder{font-size:10px}.scene-footer>span:first-child{max-width:38%;font-size:4.7px}.credit-button{font-size:4.7px}}
@media(max-height:690px) and (max-width:820px){.intro-copy{top:52%}.intro-copy h1{font-size:29px;margin:9px 0 12px}.intro-copy .eyebrow{display:none}.control-dock{bottom:49px}.conversation{top:39%;max-height:calc(61% - 164px)}.conversation.expanded{top:75px;bottom:165px}.conversation-bar{padding-bottom:7px;margin-bottom:8px}.answer-evidence{display:none}.measurement-grid{bottom:37px}.scene-footer{bottom:9px}.status-line{font-size:6px}}
@media(max-height:530px){.app-shell{min-height:290px}.topbar{top:12px;height:32px}.measurement-grid{top:58px;bottom:32px}.intro-copy{top:22%;left:5.5%;width:39%}.intro-copy h1{font-size:33px;margin:11px 0 17px}.intro-copy p,.intro-details,.rotating-copy,.intro-copy .eyebrow{display:none}.start-button{padding:10px 12px}.control-dock{bottom:40px;width:min(640px,88%)}.status-row{margin-bottom:3px;min-height:18px}.composer{min-height:49px;padding:4px}.composer textarea{min-height:39px;padding:8px 3px}.mic-button,.send-button{height:39px}.dock-meta{margin-top:6px}.scene-footer{bottom:5px}.conversation,.conversation.expanded{top:69px;bottom:156px;left:5.5%;width:48%;max-height:none;padding:12px 16px}.conversation.expanded{right:5.5%;width:auto;z-index:25}.conversation-bar{margin-bottom:8px;padding-bottom:7px}.answer-content,.conversation.expanded .answer-content{font-size:12px;line-height:1.7}.answer-evidence{display:none}.question-display{font-size:9px;max-height:32px;margin-bottom:8px;padding-bottom:7px}.audio-answer{font-size:8px;margin-top:5px}.label-left{display:none}.label-right{top:24%}.app-shell.started .hologram-target{left:56%;top:16%;height:40%;width:35%}}
@media(pointer:coarse){.top-actions .icon-button{min-height:40px}.nav-button{min-height:40px}.credit-button{min-height:30px}.text-button{min-height:30px}.conversation-bar .text-button{min-height:30px}.mic-button,.send-button{min-width:40px;flex-basis:40px;min-height:44px}.modal .text-button{min-height:40px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Refined arrow transition and line breaks remain legible at narrow widths. */
.arrow-pair{width:18px;height:18px;overflow:hidden;transform:none!important}.arrow-pair i,.arrow-pair b{font-style:normal;position:absolute;font-weight:400;left:0;top:0;transition:transform .3s}.arrow-pair b{left:-20px;top:20px}.start-button:hover .arrow-pair i,.start-button:hover .arrow-pair b{transform:translate(20px,-20px)}.label-left{display:none}.rotating-copy p{white-space:pre-line}

.source-link{display:block;color:#a0b9ef;margin-top:7px;overflow-wrap:anywhere;text-decoration-color:#7895ca55}.source-link:hover{color:#e4edff}
@media(max-width:820px){.scene-footer{font-size:7px}.credit-button{font-size:7px;letter-spacing:.3px}.scene-footer>span:first-child{font-size:6px;letter-spacing:.2px}.dock-meta{font-size:6.5px}}
@media(max-height:530px) and (max-width:600px){.app-shell{min-height:260px}.intro-copy{top:22%;left:6%;width:88%}.intro-copy h1{font-size:24px;max-height:78px;overflow:hidden}.intro-copy .start-button{display:none}.conversation,.conversation.expanded{left:6%;right:6%;width:auto;top:67px;bottom:150px}.projection #hologram{opacity:.4}.scene-footer>span:first-child{display:none}.scene-footer{justify-content:center}}

/* Reader mode keeps sources and long answers accessible, including with a keyboard open. */
.conversation.expanded{bottom:60px}.app-shell.answer-expanded .control-dock{visibility:hidden;pointer-events:none}.answer-evidence:not([hidden]){display:block}
@media(max-height:530px){.conversation:not(.expanded) .question-display{display:none}.conversation:not(.expanded) .answer-evidence{max-height:26px;margin-top:6px;padding-top:5px}.conversation:not(.expanded) .audio-answer{min-height:18px;padding:0}.conversation.expanded{bottom:25px}.conversation.expanded .answer-evidence{max-height:55px}.conversation.expanded .question-display{max-height:30px}}
@media(max-height:530px) and (max-width:600px){.conversation:not(.expanded) .answer-evidence,.conversation:not(.expanded) .audio-answer{display:none}.conversation.expanded{top:65px;bottom:20px}.conversation-bar .text-button{min-height:24px}}

.modal-top,.history-header{position:sticky;top:0;z-index:2;background:#081127f5}.conversation-bar>div{gap:10px}@media(max-width:380px){.conversation-bar>div{gap:7px}.conversation-bar .text-button{font-size:8px}}

.conversation:not(.expanded) #reader-cancel{display:none}

.statement-letter{display:inline-block}
.rotating-copy{width:clamp(230px,24vw,350px);max-width:350px}.rotating-copy p{font-size:clamp(20px,2.05vw,34px);line-height:1.16;letter-spacing:-.7px;white-space:normal;overflow-wrap:normal;word-break:normal}.statement-word{display:inline-block;white-space:nowrap}
@media(min-width:821px) and (max-width:1100px){.rotating-copy{width:230px;max-width:230px}}
.scene-footer>span:last-child{display:block;white-space:nowrap}
@media(max-width:820px){.scene-footer{gap:8px}.scene-footer>span:first-child{display:none}.scene-footer>span:last-child{display:block;white-space:nowrap;font-size:6.5px;letter-spacing:.1px}.scene-footer .credit-button{font-size:6.5px;letter-spacing:.1px}}

/* DEREV_VISUAL_TRIAL_20261103_BEGIN — scoped additions only. */
.trial-limit-note{font-size:10px!important;color:#90a2c3!important;letter-spacing:.35px;margin-top:12px!important;margin-bottom:0!important}
.trial-offer{border:1px solid #799fdd4d;border-radius:10px;background:linear-gradient(115deg,#101c35f5,#0b1223f5);padding:16px 19px;display:flex;align-items:center;gap:22px;margin-bottom:13px;box-shadow:0 8px 40px #0003}.trial-offer[hidden]{display:none}.trial-offer p{font-size:12px;line-height:1.55;color:#d3def2;margin:7px 0 0;max-width:480px}.trial-kicker{font-size:9px;letter-spacing:1.6px;color:#8facdf;line-height:1.5}.trial-open{border:0;background:none;color:#e6efff;white-space:nowrap;display:flex;align-items:center;gap:25px;padding:10px 0;font-size:12px;cursor:pointer}.trial-open span{font-size:20px}
.personal-intelligence-note{margin:24px 0;padding:22px;border:1px solid #839fde38;border-radius:9px;background:linear-gradient(130deg,#121e37,#080f20)}.personal-intelligence-note h3{font-size:23px;font-weight:450;line-height:1.18;letter-spacing:-.6px;margin:13px 0 11px}.personal-intelligence-note p,.commerce-roadmap p{font-size:12px;line-height:1.7;color:#aebbd1;margin:0}.commerce-roadmap{border:1px solid #7b8fa12c;border-radius:9px;padding:20px;display:grid;grid-template-columns:1fr auto;gap:14px;margin-top:18px}.commerce-roadmap h3{font-size:16px;font-weight:450;margin:7px 0 0}.commerce-roadmap p{grid-column:1/-1}.planned-label{align-self:center;color:#b3bfd2;border:1px solid #95a8c738;border-radius:20px;padding:5px 9px;font-size:9px;white-space:nowrap}
.payment-modal{width:min(870px,calc(100vw - 32px));max-width:870px;border-color:#7898d14d;background:#080e1b;max-height:calc(100dvh - 36px);overflow-y:auto}.payment-modal::backdrop{background:#01050dd9;backdrop-filter:blur(10px)}.payment-content{padding:30px 32px 23px}.payment-heading{margin:24px 0}.payment-demo-label{display:flex;align-items:center;gap:7px;color:#a6b3cb;letter-spacing:1.2px;font-size:8px}.payment-demo-label i{width:4px;height:4px;border-radius:50%;background:#8eaff2}.payment-heading h2{font-size:32px;font-weight:450;letter-spacing:-1.2px;line-height:1.15;margin:15px 0 13px}.payment-heading>p{font-size:12px;line-height:1.65;color:#a3b1c8;max-width:500px;margin:0}.payment-columns{display:grid;grid-template-columns:.87fr 1.13fr;gap:21px}.payment-plan{border:1px solid #9ab3ee45;border-radius:10px;padding:25px 22px;background:radial-gradient(ellipse at 0% 0%,#2d41754d,transparent 68%),#0d1628;display:flex;flex-direction:column;justify-content:space-between;gap:24px}.payment-plan h3{font-size:27px;line-height:1.13;font-weight:450;letter-spacing:-.8px;margin:17px 0 13px}.payment-plan p{font-size:11px;line-height:1.7;color:#afbdd5;margin:0}.payment-plan ul{padding:0;list-style:none;margin:0;display:grid;gap:12px;font-size:10px;color:#ced9eb}.payment-plan li{padding-left:18px;position:relative}.payment-plan li:before{content:'↗';position:absolute;left:0;color:#93b3f3}.payment-price{border-top:1px solid #8da8e52e;padding-top:19px}.payment-price>span{font-size:8px;letter-spacing:1.7px;color:#93a5c6}.payment-price strong{display:flex;justify-content:space-between;font-size:20px;font-weight:450;letter-spacing:-.4px;margin:8px 0 9px}.payment-price strong span{color:#98b7f3}
.payment-methods{min-width:0;padding:3px 0}.payment-method-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.payment-method-title h3{font-size:13px;font-weight:450;margin:0}.payment-method-title>span{font-size:7px;letter-spacing:1.2px;color:#8298bc}.payment-methods fieldset{border:0;margin:0 0 19px;padding:0}.payment-methods legend{font-size:8px;letter-spacing:1.25px;color:#8292af;margin-bottom:10px}.payment-method-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.payment-method-grid label{position:relative;margin:0!important;min-height:43px;border:1px solid #829bc42e;border-radius:6px;background:#0c1424;display:flex!important;align-items:center;justify-content:center;cursor:pointer;color:#b7c5db;font-size:10px!important}.payment-method-grid label:has(input:checked){border-color:#91b5ff;background:#1b2b47;color:#f1f6ff}.payment-method-grid input{position:absolute;opacity:0;width:1px;height:1px}.payment-method-grid label:has(input:focus-visible){outline:2px solid #d2e2ff;outline-offset:2px}.payment-method-grid i{display:none}.qris-option{display:flex!important;align-items:center;gap:10px;margin:3px 0 16px!important;border:1px solid #829bc42e;padding:13px;border-radius:7px;background:#0c1424;cursor:pointer}.qris-option:has(input:checked){border-color:#91b5ff;background:#1b2b47}.qris-option input{accent-color:#a7c1fa;width:13px;height:13px}.qris-option strong{font-size:11px;letter-spacing:.8px;font-weight:500}.qris-option small{display:block;font-size:8px;color:#94a6c4;margin-top:5px;line-height:1.45}.qris-option>i{margin-left:auto;font-style:normal}.payment-disabled{width:100%;font-size:11px;min-height:42px;opacity:.5!important;cursor:not-allowed!important}.payment-note{font-size:9px!important;line-height:1.6!important;color:#91a0bb!important;margin:10px 0 0!important}.payment-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #829bc426;margin-top:24px;padding-top:18px}.payment-bottom>span{font-size:9px;color:#8fa1bf}.payment-bottom button{white-space:nowrap;font-size:10px}.payment-bottom button span{margin-left:15px}
@media(max-width:600px){.payment-content{padding:22px 20px 18px}.payment-heading{margin:22px 0}.payment-heading h2{font-size:26px;letter-spacing:-.8px}.payment-columns{grid-template-columns:1fr;gap:22px}.payment-plan{padding:21px;gap:20px}.payment-plan h3{font-size:26px;margin-top:12px}.payment-plan h3 br{display:none}.payment-plan ul{gap:10px}.payment-plan>div:first-child>p{display:none}.payment-plan .payment-price{padding-top:15px}.payment-price strong{font-size:20px}.payment-demo-label{font-size:6.7px;letter-spacing:.7px}.payment-bottom{align-items:flex-start}.payment-bottom>span{max-width:170px;line-height:1.6}.trial-offer{padding:12px 14px;gap:10px}.trial-offer p{font-size:10px}.trial-kicker{font-size:8px}.trial-open{font-size:10px;gap:8px}.personal-intelligence-note{padding:18px}.commerce-roadmap{padding:17px;gap:12px}.commerce-roadmap h3{font-size:14px}.planned-label{font-size:8px;padding:4px 7px}}
/* DEREV_VISUAL_TRIAL_20261103_END */
/* Scoped, optional five-question feedback. */
.survey-modal{width:min(650px,calc(100vw - 28px));max-height:calc(100dvh - 32px);overflow-y:auto}.survey-modal h2{letter-spacing:-1px}.survey-modal .modal-content>div>p{font-size:12px;line-height:1.7;color:#a7b6d1}.survey-form{display:grid;gap:23px;margin-top:27px}.survey-form fieldset{border:0;padding:0;margin:0;min-width:0}.survey-form legend,.survey-question>span{display:block;font-size:11px;line-height:1.65;color:#d5e1f3;margin-bottom:11px}.survey-form legend>span,.survey-question b{font-size:9px;letter-spacing:1px;font-weight:400;color:#7897cc;margin-right:9px}.survey-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.survey-options label,.survey-scale label{position:relative;display:flex!important;margin:0!important;border:1px solid #839ac43b;border-radius:6px;align-items:center;justify-content:center;cursor:pointer;background:#10192b;min-height:42px;font-size:10px!important}.survey-options input,.survey-scale input{position:absolute;opacity:0;width:1px;height:1px}.survey-options label:has(input:checked),.survey-scale label:has(input:checked){background:#203453;border-color:#9cbdff;color:#f0f5ff}.survey-options label:has(input:focus-visible),.survey-scale label:has(input:focus-visible){outline:2px solid #d0e2ff;outline-offset:2px}.survey-question{margin:0!important;display:block!important}.survey-question textarea,.survey-question select{width:100%;box-sizing:border-box;background:#0b1322;color:#dce8fc;border:1px solid #819dce3b;border-radius:6px;padding:12px;font:inherit;font-size:11px;line-height:1.6;resize:vertical;min-height:46px}.survey-question textarea:focus,.survey-question select:focus{outline:1px solid #98b9fa;border-color:#98b9fa}.survey-scale{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.survey-scale-labels{display:flex;justify-content:space-between;margin-top:8px;color:#899dbf;font-size:8px}.survey-form .modal-secondary{margin-top:-13px}.survey-form .primary-button{margin-top:0}.survey-form .form-error{margin:0}.trial-feedback-button{margin-left:8px;border-left:1px solid #8da8e12c;padding-left:14px}
@media(max-width:600px){.survey-modal .modal-content{padding:23px 20px}.survey-options label{font-size:8px!important;padding:5px;text-align:center;line-height:1.5}.survey-form{gap:21px}.survey-form legend,.survey-question>span{font-size:10px}.trial-feedback-button{font-size:9px;margin-left:0;padding-left:9px}}
.survey-form[hidden],#survey-intro[hidden],#survey-thanks[hidden]{display:none!important}
@media(max-width:600px){.trial-offer{flex-wrap:wrap}.trial-offer>div{flex:1 0 100%}.trial-feedback-button{margin-left:auto}}
.payment-modal .payment-method-grid input[type=radio]{width:1px;min-width:1px;height:1px;padding:0;margin:0;min-height:0;max-width:1px}
.payment-modal .qris-option input[type=radio]{width:14px;min-width:14px;max-width:14px;height:14px;min-height:0;padding:0;margin:0;flex:0 0 14px;appearance:auto;background:transparent;box-shadow:none;border:0}
@media(max-width:600px){.survey-options label{font-size:10px!important;min-height:44px}.survey-question textarea,.survey-question select{font-size:16px}}
/* First-visit introduction, scoped separately from the conversation dashboard. */
.welcome-open .app-shell{visibility:hidden}.welcome-page{position:fixed;inset:0;z-index:90;isolation:isolate;min-height:100%;overflow-y:auto;background:radial-gradient(ellipse at 85% 40%,#14275070,transparent 55%),#050817;padding:37px 7% 85px}.welcome-grid{position:absolute;inset:110px 7% 65px;border-block:1px solid #9db6ff20;background:linear-gradient(90deg,transparent calc(50% - .5px),#9db6ff0d 50%,transparent calc(50% + .5px));z-index:-1;pointer-events:none}.welcome-brand{font-size:21px;letter-spacing:5px;font-weight:500}.welcome-brand span{display:block;font:7px/1.6 monospace;letter-spacing:2px;color:#8b9fc4;margin-top:6px}.welcome-content{width:min(900px,100%);margin:clamp(70px,12vh,140px) auto 35px}.welcome-content h1{font-size:clamp(36px,5.3vw,72px);line-height:1.1;letter-spacing:-.05em;font-weight:400;max-width:880px;margin:25px 0}.welcome-content p{font-size:clamp(14px,1.2vw,17px);line-height:1.85;color:#a7b6cf;max-width:650px;margin:0 0 17px}.welcome-content .welcome-secondary{color:#8095b9;font-size:13px;max-width:610px}.welcome-content .start-button{margin-top:20px;min-width:205px;min-height:48px}.welcome-note{display:block;font:9px/1.7 monospace;letter-spacing:.5px;color:#6f86ac;margin-top:17px}.welcome-word{display:inline-block;opacity:0;animation:welcome-type .22s ease-out forwards}.welcome-footer{position:absolute;bottom:26px;left:7%;right:7%;display:flex;justify-content:space-between;gap:25px;font:8px/1.7 monospace;letter-spacing:.8px;color:#5f789f}@keyframes welcome-type{from{opacity:0;filter:blur(3px);transform:translateY(3px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}@media(max-width:600px){.welcome-page{padding:29px 7% 95px}.welcome-grid{top:105px}.welcome-content{margin-top:66px}.welcome-content h1{font-size:38px;letter-spacing:-1.6px}.welcome-content p{font-size:14px;line-height:1.75}.welcome-content .welcome-secondary{font-size:12px}.welcome-footer{position:static;margin-top:50px;flex-wrap:wrap;font-size:7px}.welcome-brand{font-size:18px}.welcome-note{font-size:8px}}@media(prefers-reduced-motion:reduce){.welcome-word{animation:none;opacity:1}}
.source-suggestions{display:block;width:100%;height:145px;border:0;margin-top:18px;background:transparent}.engine-button{border:1px solid #9db6ff30;background:#a0b9ee08;border-radius:4px;padding:9px 10px;color:#c7d7f5;font:8px/1.5 monospace;letter-spacing:.5px;white-space:nowrap}.engine-button span{color:#819bc5;margin-left:5px}.engine-modal{width:min(520px,calc(100vw - 28px))}.engine-options{display:grid;gap:9px;margin:24px 0 16px}.engine-choice{width:100%;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:17px;border:1px solid #9db6ff25;background:#0b1528;padding:18px 17px;border-radius:6px}.engine-choice.active{border-color:#a9c3fb70;background:#14243d}.engine-choice strong{font:12px/1.5 monospace;letter-spacing:.6px;font-weight:400}.engine-choice small{display:block;margin-top:7px;font-size:11px;line-height:1.6;color:#859cc1}.engine-choice b{font:8px monospace;letter-spacing:1px;color:#a8d6d4}.engine-choice i{font-style:normal;color:#8ca9d5}.engine-notice{min-height:50px;font-size:11px!important;line-height:1.7!important}@media(max-width:600px){.engine-button{font-size:6.5px;padding:8px 6px;letter-spacing:0}.engine-button span{margin-left:2px}.top-actions{gap:5px}.engine-choice{padding:16px 13px}.engine-choice strong{font-size:10px}.engine-choice small{font-size:10px}}
@media(max-width:600px){.engine-button{position:absolute;top:45px;left:0;font-size:9px;padding:5px 8px;min-height:28px;letter-spacing:.3px}.topbar{gap:10px}.top-actions{gap:6px}.engine-button span{margin-left:5px}}
@media(max-width:360px){.welcome-content{margin-top:45px}.welcome-content h1{font-size:34px;line-height:1.1}.welcome-content p{font-size:13px}.welcome-content .welcome-secondary{font-size:12px}}
/* R4.5: compact copy and a fixed, two-row glass composer. */
.rotating-copy{right:5.5%;text-align:right}.rotating-copy p{margin-left:auto}
.intro-copy h1{font-size:clamp(30px,2.95vw,43px);line-height:1.16;letter-spacing:-1.5px;max-width:490px;margin:23px 0 20px}.intro-copy p{font-size:12px;max-width:325px;line-height:1.8}.rotating-copy p{font-size:clamp(17px,1.5vw,22px);line-height:1.3;letter-spacing:-.45px;max-width:310px}.rotating-copy>span{font-size:6.5px;letter-spacing:1.2px}.intro-details{display:none!important}
.composer{display:flex;flex-direction:column;align-items:stretch;gap:3px;padding:12px 13px 10px;border-radius:18px;border:1px solid #bfd1ff3d;background:linear-gradient(145deg,#e0edff0e 0%,#809bd505 35%,#07122e6e 100%);backdrop-filter:blur(24px) saturate(145%);-webkit-backdrop-filter:blur(24px) saturate(145%);box-shadow:inset 0 1px 0 #e1ecff29,inset 0 -1px 0 #0005,0 14px 50px #0006,0 0 0 1px #07102040;transform:perspective(900px) rotateX(1deg);transition:border-color .2s,box-shadow .2s}.composer:focus-within{border-color:#bed5ff78;box-shadow:inset 0 1px 0 #e1ecff36,0 15px 55px #0006,0 0 22px #477fff0c}.composer textarea{width:100%;flex:none;min-height:38px;padding:6px 5px;font-size:14px;line-height:22px;max-height:100px}.prompt-actions{display:flex;align-items:center;gap:5px;min-height:37px}.prompt-spacer{flex:1}.prompt-actions .mic-button,.prompt-actions .send-button{height:36px;width:37px;min-width:37px;flex-basis:37px;border-radius:9px}.prompt-actions .send-button{background:#c2d5ffdf;box-shadow:inset 0 1px 0 #ffffff88,0 3px 12px #0003}.composer .engine-button{position:static;font-size:10px;letter-spacing:.25px;padding:7px 9px;min-height:34px;background:#b1c7f008;border-color:#b6cbef22;border-radius:9px;white-space:nowrap}.composer .engine-button span{color:#a1b5d4;margin-left:6px}.conversation{max-height:calc(100% - 395px)}
@media(max-width:1080px){.intro-copy h1{font-size:36px}.rotating-copy p{font-size:19px}}
@media(max-width:820px){.intro-copy{top:51%;width:88%}.intro-copy h1{font-size:29px;line-height:1.17;letter-spacing:-1px;margin:10px 0 16px}.intro-copy .eyebrow{display:none}.composer{padding:10px 11px 8px;border-radius:16px}.composer textarea{font-size:16px;min-height:37px}.composer .engine-button{font-size:9px;padding:6px 8px}.prompt-actions{gap:3px}.conversation{max-height:calc(56% - 220px)}.conversation.expanded{bottom:205px}}
@media(max-width:380px){.intro-copy h1{font-size:25px}.composer .engine-button{font-size:8px;padding:6px}.prompt-actions .mic-button,.prompt-actions .send-button{width:33px;min-width:33px;flex-basis:33px}.composer textarea::placeholder{font-size:12px}}
@media(max-height:690px) and (max-width:820px){.intro-copy{top:45%}.intro-copy h1{font-size:25px;margin:7px 0 12px}.conversation{top:35%;max-height:calc(65% - 210px)}}
@media(max-height:530px){.intro-copy{top:24%}.intro-copy h1{font-size:25px;line-height:1.15}.composer{padding:6px 10px}.composer textarea{min-height:29px;padding:3px;font-size:13px}.prompt-actions{min-height:29px}.prompt-actions .mic-button,.prompt-actions .send-button{min-height:29px;height:29px}.composer .engine-button{min-height:28px;padding:4px 7px}.conversation{max-height:calc(100% - 255px);top:80px}}
@supports not (backdrop-filter:blur(1px)){.composer{background:#09142bd9}}
/* R4.6: full-bleed motion welcome, readable controls and mobile conversation grid. */
.hologram-target{touch-action:none}
.welcome-page{background:#040610}.welcome-video{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-3;pointer-events:none;opacity:.72}.welcome-shade{position:fixed;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(180deg,#04061055 0%,#040610a8 24%,#04061035 60%,#040610e0 100%)}.welcome-grid{z-index:-1;border-color:#b5ceff19}.welcome-content{position:relative;text-align:center;margin:clamp(50px,8vh,95px) auto 35px;max-width:900px}.welcome-content h1{font-size:clamp(34px,4.3vw,62px);max-width:820px;margin:22px auto}.welcome-content p{margin-left:auto;margin-right:auto;text-shadow:0 2px 18px #000}.welcome-content .start-button{background:#d2e0fff0;backdrop-filter:blur(16px)}.welcome-content .welcome-note{color:#9aaed2}.welcome-brand{position:relative;z-index:1}.portrait-space{display:none}.draft-hint{margin:0 4px 8px;color:#b2c6ed;font-size:11px;line-height:1.5;text-align:center}.welcome-page[hidden] .welcome-video{display:none}
@media(prefers-reduced-motion:reduce){.welcome-video{opacity:0}.welcome-page{background:#040610 url('/assets/welcome-hands-poster.jpg') center/cover no-repeat}}
@media(max-width:820px){
 .app-shell{min-height:0}.projection{min-height:0}.topbar{top:max(12px,env(safe-area-inset-top));left:5%;right:5%;gap:6px;height:42px}.brand>span{font-size:12px;letter-spacing:2.2px}.top-actions{gap:3px}.nav-button{font-size:10px;width:auto;min-height:40px;padding:7px 8px}.nav-button span{font-size:12px;margin-left:4px}.icon-button{min-width:30px;height:40px}.quota{min-height:36px}.intro-copy{left:6%;width:88%}.intro-copy p{display:block!important;font-size:11px;max-width:290px;margin-bottom:16px}.intro-copy .trial-limit-note{display:block!important;font-size:10px;margin-top:10px}.intro-copy{top:51%}.intro-copy h1{font-size:27px}.control-dock{width:90%;bottom:max(48px,env(safe-area-inset-bottom))}.prompt-actions .mic-button,.prompt-actions .send-button{width:40px;height:40px;min-width:40px;flex-basis:40px}.status-line{letter-spacing:.6px;font-size:8px}.composer{transform:none}.composer .engine-button{font-size:9px}.scene-footer{left:5%;right:5%;bottom:max(12px,env(safe-area-inset-bottom));font-size:6px;gap:8px}.scene-footer>span:last-child{display:flex!important;white-space:nowrap;font-size:5.5px;letter-spacing:0}.scene-footer>span:first-child{display:none}
 .app-shell.started .projection{display:grid;grid-template-columns:1fr;grid-template-rows:66px minmax(80px,25vh) minmax(100px,1fr) auto 26px;gap:10px}.app-shell.started .portrait-space{display:block;grid-row:2;pointer-events:none}.app-shell.started .topbar{grid-row:1}.app-shell.started .conversation{position:relative;grid-row:3;left:auto;right:auto;top:auto;bottom:auto;justify-self:center;align-self:stretch;width:90%;height:100%;max-height:100%;min-height:0;margin:0;padding:14px 15px 12px}.app-shell.started .control-dock{position:relative;grid-row:4;left:auto;bottom:auto;transform:none;justify-self:center;width:90%;margin:0}.app-shell.started .scene-footer{grid-row:5;position:relative;left:auto;right:auto;bottom:auto;justify-self:center;align-self:center;width:90%;margin:0}.app-shell.started .conversation-bar{padding-bottom:8px;margin-bottom:10px;gap:7px}.conversation-bar>div{gap:12px}.app-shell.started .question-display{max-height:46px;margin-bottom:8px;padding-bottom:8px}.app-shell.started .answer-content{font-size:14px;line-height:1.8}.app-shell.started .answer-evidence{margin-top:8px;padding-top:7px;max-height:45px}.app-shell.started .audio-answer{margin-top:7px}.app-shell.started .dock-meta{margin-top:7px}.app-shell.started .conversation.expanded{position:absolute;inset:68px 5% 185px;width:90%;height:auto;max-height:none;z-index:34;display:flex}.app-shell.started .hologram-target{left:24%;width:52%;top:8%;height:32%}.app-shell.started .intro-copy{display:none}.modal-content{padding:24px 20px}.modal p{font-size:13px}.capability-item p{font-size:12px}.capability-item h3{font-size:14px}.capability-item small{font-size:8px}.capability-list{grid-template-columns:1fr}.welcome-video{object-fit:contain;object-position:50% 64%;opacity:.8}.welcome-content{margin-top:54px}.welcome-content h1{font-size:36px;line-height:1.14}.welcome-content p{font-size:13px;line-height:1.75}.welcome-content .welcome-secondary{font-size:12px}.welcome-content .start-button{margin-top:26px}.welcome-shade{background:linear-gradient(180deg,#04061065,#040610b8 38%,#04061035 70%,#040610db)}
}
@media(max-width:360px){.top-actions{gap:0}.brand small{display:none}.brand>span{font-size:11px;letter-spacing:1.6px}.nav-button{padding:6px;font-size:9px}.nav-button span{display:none}.icon-button{width:28px;min-width:28px}.quota{padding:6px}.intro-copy h1{font-size:24px}.composer .engine-button{font-size:8px;padding:5px}.prompt-actions{gap:2px}.prompt-actions .mic-button,.prompt-actions .send-button{width:36px;min-width:36px;flex-basis:36px}.app-shell.started .projection{grid-template-rows:60px minmax(65px,19vh) minmax(90px,1fr) auto 24px;gap:8px}.app-shell.started .conversation{padding:12px}.conversation-bar>div{gap:8px}.answer-content{font-size:13px}.welcome-content h1{font-size:32px}}
@media(max-height:550px) and (max-width:820px){.app-shell.started .projection{grid-template-rows:54px 0 minmax(65px,1fr) auto 16px;gap:5px}.app-shell.started .portrait-space{display:none}.app-shell.started .question-display,.app-shell.started .answer-evidence{max-height:25px}.app-shell.started .conversation{padding:8px 12px}.app-shell.started .conversation-bar{padding-bottom:4px;margin-bottom:4px}.app-shell.started .audio-answer{margin-top:3px}.app-shell.started .conversation.expanded{inset:56px 5% 145px}.control-dock .status-row{min-height:15px;margin-bottom:4px}.composer{padding:6px 8px}.composer textarea{font-size:16px;min-height:28px;line-height:22px}.prompt-actions .mic-button,.prompt-actions .send-button{height:32px}.prompt-actions{min-height:32px}.dock-meta{margin-top:4px;font-size:6px}.app-shell.started .scene-footer{font-size:5px}.welcome-content{margin-top:25px}.welcome-content h1{font-size:30px}.welcome-page{padding-top:18px}.welcome-footer{position:static;margin-top:25px}}

@media(max-height:550px) and (max-width:820px){.app-shell.started .conversation .audio-answer{display:flex;min-height:18px;font-size:9px}.app-shell.started .conversation .answer-evidence{display:block;max-height:22px;overflow:auto}.app-shell.started .conversation.expanded{bottom:20px}}

/* R4.7: one cinematic welcome surface with a portrait master for phones. */
.welcome-page[hidden]{display:none}
.welcome-video{object-fit:cover;object-position:center}
.voice-input-help{margin:0 0 9px;padding:10px 12px;background:#0b1932ed;border:1px solid #98bafc55;border-radius:12px;color:#dce8ff;font-size:12px;line-height:1.45}
.voice-input-help[hidden]{display:none}
.voice-input-help p{margin:0}.voice-input-help button{margin-top:5px;min-height:36px;color:#a6c9ff;text-align:left}
@media(max-width:820px){
 .welcome-page{height:100vh;height:100dvh;min-height:0;display:flex;flex-direction:column;padding:max(25px,env(safe-area-inset-top)) 7% max(24px,env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain}
 .welcome-video{object-fit:cover;object-position:center;opacity:.94}
 .welcome-shade{background:linear-gradient(180deg,#030916a3 0%,#03091572 23%,#0309179c 57%,#030814b8 100%)}
 .welcome-grid{top:105px;bottom:72px}
 .welcome-brand{flex:0 0 auto;font-size:18px;letter-spacing:5px}
 .welcome-content{flex:1 0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:420px;margin:0 auto;padding:36px 0;text-align:center}
 .welcome-content h1{max-width:550px;margin:18px auto;font-size:clamp(34px,8vw,49px);line-height:1.12;letter-spacing:-.04em;text-shadow:0 2px 25px #000}
 .welcome-content p{max-width:380px;margin:0 auto;color:#cedaf0;font-size:14px;line-height:1.65}
 .welcome-content .start-button{margin-top:30px;min-width:min(250px,100%);min-height:52px}
 .welcome-note{margin-top:16px;font-size:8px;letter-spacing:1px}
 .welcome-footer{position:static;flex:0 0 auto;margin:0;display:flex;justify-content:space-between;gap:12px;font-size:7px;letter-spacing:.5px}
}
@media(max-height:600px) and (max-width:820px){.welcome-content{min-height:320px;padding:24px 0}.welcome-content h1{font-size:32px}.welcome-content .start-button{margin-top:20px}.welcome-footer{margin:0}}
@media(prefers-reduced-motion:reduce) and (max-width:820px){.welcome-page{background:#040610 url('/assets/welcome-hands-portrait-poster.jpg') center/cover no-repeat}}

.app-shell.trial-exhausted .intro-copy,.app-shell.trial-exhausted .composer{display:none}.app-shell.trial-exhausted .trial-offer{margin-bottom:6px}

/* R4.9 typography and spacing. Local typefaces keep the first impression consistent. */
:root{font-family:Manrope,Arial,sans-serif;--display:'Instrument Serif',Georgia,serif}
body{font-weight:400;-webkit-font-smoothing:antialiased}
.brand>span,.welcome-brand{font-family:Manrope,Arial,sans-serif;font-weight:600;letter-spacing:.27em}
.brand small,.welcome-brand span{font-family:Manrope,Arial,sans-serif;font-weight:500;letter-spacing:.22em}
.eyebrow,.scene-label,.scene-footer,.dock-meta,.connection,.quota,.conversation-bar,.engine-button,.trial-kicker,.trial-limit-note,.welcome-note,.welcome-footer,.status-line{font-family:Manrope,Arial,sans-serif}
.eyebrow{font-size:9px;font-weight:500;letter-spacing:.24em;color:#b9c9e8}
.nav-button,.text-button{font-family:Manrope,Arial,sans-serif;font-weight:500}
.topbar{height:53px}
.brand>span{font-size:20px}
.brand small{font-size:6px;margin-top:7px}
.nav-button{font-size:11px;letter-spacing:.01em}
.quota{font-size:11px;font-variant-numeric:tabular-nums;border-color:#b7c9ef27;background:#92afe804}
.quota small{font-size:8px}
.scene-label{font-size:7px;letter-spacing:.18em;color:#91a4c5}
.start-button{font-family:Manrope,Arial,sans-serif;font-size:12px;font-weight:600;letter-spacing:.01em;border:1px solid #f4f3ff8a;border-radius:6px;background:linear-gradient(125deg,#eeecff,#c4d7f8);color:#13213a;box-shadow:inset 0 1px 0 #fff,0 8px 35px #0002;transition:transform .25s,box-shadow .25s}
.start-button:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 #fff,0 10px 38px #9ebcff22}
.start-button:active{transform:translateY(0)}
.welcome-page{padding:35px 6% 32px;display:flex;flex-direction:column;justify-content:space-between}
.welcome-brand{font-size:23px;letter-spacing:.32em}
.welcome-brand span{font-size:7px;letter-spacing:.24em;color:#b8c4df;margin-top:9px}
.welcome-grid{inset:107px 6% 67px;border-color:#d5def21a;background:none}
.welcome-shade{background:linear-gradient(180deg,#03071480 0%,#03071475 32%,#03071423 62%,#030714bd 100%)}
.welcome-content{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1;width:100%;max-width:1100px;margin:0 auto;padding:42px 0 38px;text-align:center}
.welcome-content>.eyebrow{font-size:9px;color:#c0cce3;letter-spacing:.25em}
.welcome-content h1{width:100%;max-width:1020px;font-family:Manrope,Arial,sans-serif;font-weight:400;font-size:clamp(46px,5.3vw,78px);line-height:1.17;letter-spacing:-.052em;margin:24px auto 27px;text-wrap:balance}
.headline-line{display:block}
.welcome-content h1 em,.intro-copy h1 em{font-family:var(--display);font-weight:400;font-size:1.18em;line-height:1.13;letter-spacing:-.025em;color:#e7e7fb}
.welcome-content p{max-width:455px;font-size:14px;line-height:1.9;letter-spacing:.005em;color:#c2cce0;text-wrap:pretty}
.welcome-content .start-button{margin-top:29px;min-height:51px;min-width:213px;padding:14px 22px}
.welcome-note{display:flex;align-items:center;justify-content:center;gap:8px;font-size:8px;letter-spacing:.18em;margin-top:19px;color:#bcc9e4}
.welcome-note i{width:4px;height:4px;border-radius:50%;background:#d8d1ee;box-shadow:0 0 8px #bfc7f099}
.welcome-footer{position:static;margin:0;width:100%;display:flex;justify-content:space-between;align-items:center;font-size:7px;font-weight:500;letter-spacing:.14em;color:#8f9db8}
.intro-copy{max-width:430px}
.intro-copy h1{font-family:Manrope,Arial,sans-serif;font-weight:400;font-size:clamp(35px,3.4vw,52px);letter-spacing:-.047em;line-height:1.14;margin:22px 0 23px}
.intro-copy p{font-size:12px;line-height:1.85;max-width:300px;color:#aebdd7}
.intro-copy .start-button{min-width:200px;min-height:45px}
.intro-copy .trial-limit-note{font-size:9px;letter-spacing:.035em;color:#8fa1c2;margin-top:17px;line-height:1.6}
.rotating-copy{max-width:340px}
.rotating-copy>span{font-family:Manrope,Arial,sans-serif;font-size:7px;letter-spacing:.22em;color:#a0b2d2}
.rotating-copy p{font-family:Manrope,Arial,sans-serif;font-weight:400;font-size:clamp(18px,1.65vw,25px);line-height:1.35;letter-spacing:-.04em}
.statement-line{display:block}
.conversation{border-color:#adbfdf30;background:linear-gradient(150deg,#0b1528ed,#071027ed);box-shadow:0 15px 50px #0002}
.conversation-bar{font-size:8px;letter-spacing:.15em}
.answer-content{font-size:15px;line-height:1.85;letter-spacing:.005em}
.question-display{font-family:Manrope,Arial,sans-serif;letter-spacing:.01em}
.composer textarea{font-family:Manrope,Arial,sans-serif;letter-spacing:.005em}
.composer .engine-button{font-family:Manrope,Arial,sans-serif;font-weight:500;letter-spacing:.04em;font-size:9px}
.status-line{font-size:7px;letter-spacing:.1em;font-weight:500}
.dock-meta,.scene-footer{font-size:6px;letter-spacing:.1em}
.modal h2,.history-modal h2{font-family:Manrope,Arial,sans-serif;font-weight:400;letter-spacing:-.035em}
.modal p,.history-modal p{font-family:Manrope,Arial,sans-serif;line-height:1.8}
@media(max-width:820px){
 .welcome-page{padding:max(26px,env(safe-area-inset-top)) 7% max(24px,env(safe-area-inset-bottom))}
 .welcome-brand{font-size:20px;letter-spacing:.3em}
 .welcome-brand span{font-size:6px;letter-spacing:.2em;margin-top:8px}
 .welcome-grid{inset:104px 7% 69px}
 .welcome-content{min-height:470px;padding:33px 0 37px}
 .welcome-content>.eyebrow{font-size:7px;letter-spacing:.20em}
 .welcome-content h1{font-size:clamp(28px,7.8vw,53px);line-height:1.25;margin:26px auto 24px;letter-spacing:-.05em}
 .welcome-content h1 em{font-size:1.22em;letter-spacing:-.025em}
 .welcome-content p{font-size:12px;line-height:1.85;max-width:310px}
 .welcome-content .start-button{margin-top:28px;min-width:214px;min-height:50px;font-size:12px}
 .welcome-note{font-size:7px;letter-spacing:.13em}
 .welcome-footer{font-size:6px;letter-spacing:.06em;gap:15px}
 .brand>span{font-size:13px;letter-spacing:.22em}
 .brand small{font-size:5px;letter-spacing:.17em;margin-top:5px}
 .topbar{height:43px}
 .nav-button{font-size:10px}
 .quota{font-size:10px}
 .intro-copy{top:53%;max-width:none;text-align:center}
 .intro-copy h1{font-size:32px;line-height:1.16;margin:10px 0 15px;letter-spacing:-.04em}
 .intro-copy h1 br{display:none}
 .intro-copy h1 em{display:block;font-size:1.25em;margin-top:2px}
 .intro-copy p{font-size:11px;line-height:1.8;max-width:290px;margin:0 auto 16px}
 .intro-copy .trial-limit-note{font-size:8px;margin:14px auto 0}
 .intro-copy .start-button{min-width:190px;font-size:11px;min-height:43px}
 .app-shell.started .answer-content{font-size:14px;line-height:1.9}
 .conversation-bar{font-size:7px;letter-spacing:.16em}
 .conversation-bar .text-button{font-size:10px}
 .status-line{font-size:7px;letter-spacing:.07em}
 .composer .engine-button{font-size:8px}
}
@media(max-width:360px){
 .welcome-content{min-height:420px}
 .welcome-content h1{font-size:28px}
 .welcome-content p{font-size:11px}
 .welcome-footer{font-size:5px}
 .intro-copy h1{font-size:28px}
 .nav-button{font-size:9px}
}
@media(max-height:600px){
 .welcome-content{min-height:320px;padding:20px 0}
 .welcome-content h1{font-size:34px;margin:14px auto}
 .welcome-content p{font-size:11px;max-width:380px}
 .welcome-content .start-button{margin-top:17px;min-height:43px}
 .welcome-note{margin-top:12px}
}
@media(prefers-reduced-motion:reduce){
 .start-button{transition:none}
 .start-button:hover{transform:none}
}

/* Reserve real rows for the first conversation screen on phones. */
@media(max-width:820px){
 .app-shell:not(.started) .projection{display:grid;grid-template-columns:1fr;grid-template-rows:64px minmax(110px,1fr) auto auto 26px;gap:8px}
 .app-shell:not(.started) .portrait-space{display:block;grid-row:2;pointer-events:none}
 .app-shell:not(.started) .intro-copy{position:relative;grid-row:3;inset:auto;width:88%;margin:0;justify-self:center}
 .app-shell:not(.started) .intro-copy h1{font-size:28px;line-height:1.3;margin:0 0 13px;overflow-wrap:anywhere}
 .app-shell:not(.started) .intro-copy h1 em{display:inline;font-size:1.2em;margin:0 0 0 .12em}
 .app-shell:not(.started) .intro-copy p{font-size:11px;line-height:1.75;margin:0 auto 12px;max-width:310px}
 .app-shell:not(.started) .intro-copy .start-button{min-height:41px}
 .app-shell:not(.started) .intro-copy .trial-limit-note{font-size:8px;margin:11px auto 3px}
 .app-shell:not(.started) .control-dock{position:relative;grid-row:4;inset:auto;transform:none;width:90%;justify-self:center;margin:0}
 .app-shell:not(.started) .scene-footer{position:relative;grid-row:5;inset:auto;width:90%;justify-self:center;align-self:center;margin:0}
 .app-shell:not(.started) .hologram-target{top:9%;left:22%;width:56%;height:35%}
 .app-shell:not(.started) .status-line{font-size:6px}
}
@media(max-width:380px){
 .app-shell:not(.started) .intro-copy h1{font-size:25px}
 .app-shell:not(.started) .intro-copy p{font-size:10px;max-width:280px}
 .app-shell:not(.started) .intro-copy .trial-limit-note{font-size:7px}
}
@media(max-height:550px) and (max-width:820px){
 .app-shell:not(.started) .projection{grid-template-rows:52px minmax(65px,1fr) auto auto 20px;gap:5px}
 .app-shell:not(.started) .intro-copy h1{font-size:23px;margin-bottom:7px}
 .app-shell:not(.started) .intro-copy p{display:none!important}
 .app-shell:not(.started) .intro-copy .trial-limit-note{margin-top:6px}
}