@font-face{font-family:DM;src:url('assets/fonts/dm-sans-latin.woff2') format('woff2');font-weight:100 900;font-display:swap}@font-face{font-family:Instrument;src:url('assets/fonts/instrument-serif-italic-latin.woff2') format('woff2');font-style:italic;font-display:swap}
:root{font-family:DM,Arial,sans-serif;color-scheme:dark;--bg:#07090d;--ink:#f2f1e9;--soft:#9da7a4;--accent:#cff4dd;--accent-rgb:207,244,221;--vibe-glow:#4a907955}*{box-sizing:border-box}html,body{margin:0;width:100%;min-height:100%;background:var(--bg);color:var(--ink)}body{overflow-x:hidden;min-height:100svh}body[data-vibe=sunset]{--accent:#f4c89e;--accent-rgb:244,200,158;--vibe-glow:#a7613f66}body[data-vibe=cosmic]{--accent:#d7c8ff;--accent-rgb:215,200,255;--vibe-glow:#7955b477}[hidden]{display:none!important}button,input,textarea{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{border:0;cursor:pointer;color:inherit;touch-action:manipulation}button:disabled{opacity:.45;cursor:default}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,canvas:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#buddy-canvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:3}.edge-fade{position:fixed;inset:0;z-index:2;pointer-events:none;background:linear-gradient(0deg,#07090d 0%,transparent 18%,transparent 88%,#07090d88)}.cosmic-grain{position:fixed;inset:0;pointer-events:none;opacity:.25;z-index:0;background-image:radial-gradient(#b6d5cb55 .5px,transparent .5px);background-size:43px 47px;mask-image:radial-gradient(ellipse,black,transparent 70%)}#home-atmosphere{position:fixed;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity 1.6s,background-image .7s;z-index:0;filter:saturate(.7)}#home-atmosphere:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#07090dd9,#07090d44 70%),linear-gradient(0deg,#07090deb,transparent 70%)}body[data-stage=vibes] #home-atmosphere{opacity:.25}body[data-stage=plan] #home-atmosphere{opacity:.34}body[data-stage=building] #home-atmosphere,body[data-stage=home] #home-atmosphere{opacity:.62}.masthead{position:fixed;top:0;left:0;right:0;padding:27px 4.2vw;z-index:12;display:flex;align-items:center;justify-content:space-between;gap:20px;pointer-events:none}.masthead>*{pointer-events:auto}.wordmark{display:flex;align-items:center;gap:11px;font-size:10px;font-weight:600;letter-spacing:.21em}.wordmark>span{color:var(--accent);font-size:29px;font-weight:400}.header-tools{display:flex;align-items:center;gap:26px}.buddy-looks{display:flex;align-items:center;padding:3px;border:1px solid #a8c3b41c;border-radius:30px;background:#07090d55;backdrop-filter:blur(15px)}.buddy-looks button{border-radius:25px;background:transparent;color:#8d9d97;padding:8px 12px;font-size:10px}.buddy-looks button.active{background:#d7f3e510;color:var(--accent)}.sound-button{display:flex;align-items:center;gap:9px;background:transparent;font-size:10px;color:var(--soft);min-height:36px}.sound-bars{display:flex;align-items:center;height:15px;gap:2px}.sound-bars i{display:block;width:2px;height:6px;background:var(--accent);border-radius:2px}.sound-bars i:nth-child(2){height:13px}.sound-bars i:nth-child(3){height:9px}.sound-button[aria-pressed=false] .sound-bars{opacity:.3}.text-button{background:transparent;color:var(--soft);font-size:11px;min-height:38px;padding:7px 0;transition:color .2s}.text-button:hover{color:var(--accent)}.text-button span{margin-left:14px}.panel{position:relative;z-index:4;min-height:100svh;pointer-events:none}.panel button,.panel input,.panel a,.panel textarea{pointer-events:auto}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;padding:17px 25px;min-height:52px;background:var(--accent);color:#142219;border-radius:4px;font-size:12px;font-weight:550;transition:transform .25s,box-shadow .25s}.primary span{font-size:20px}.primary:hover{transform:translateY(-2px);box-shadow:0 10px 50px rgba(var(--accent-rgb),.12)}.eyebrow{font-size:9px;font-weight:450;letter-spacing:.2em;color:var(--soft);margin:0 0 20px}h1{font-size:clamp(37px,4.3vw,68px);letter-spacing:-.055em;font-weight:400;line-height:1.08;margin:0}em{font-family:Instrument,Georgia,serif;font-style:italic;font-weight:400;color:var(--accent);letter-spacing:-.02em}.bottom-copy{position:absolute;top:64%;left:50%;width:min(750px,90%);transform:translateX(-50%);text-align:center}.bottom-copy .primary{margin-top:28px}.welcome-panel .bottom-copy{top:64%}.first-spark{position:absolute;left:50%;top:39%;width:3px;height:3px;border-radius:50%;background:#ecfae5;box-shadow:0 0 16px 5px #d5f8df33,0 0 90px 22px #83c69f15;transform:translate(-50%,-50%)}body:not([data-stage=dormant]) .first-spark{display:none}.conversation-content{position:absolute;top:64%;left:50%;transform:translateX(-50%);width:min(670px,88vw);text-align:center}.buddy-label{font-size:8px;letter-spacing:.22em;color:#84998d;margin:0 0 15px;display:flex;gap:7px;align-items:center;justify-content:center}.buddy-label span{width:4px;height:4px;border-radius:50%;background:var(--accent)}#buddy-caption{font-size:clamp(32px,3.6vw,52px);max-width:660px;line-height:1.16;text-wrap:balance;margin:auto}#conversation-next{margin-top:18px}.name-entry{display:flex;align-items:center;width:min(320px,90%);margin:24px auto 0;border-bottom:1px solid #c1d5c744;padding-bottom:7px}.name-entry:focus-within{border-color:var(--accent)}.name-entry input{background:none;border:0;color:var(--ink);width:100%;min-width:0;font-size:21px;outline:none;padding:7px 0;letter-spacing:-.02em}.name-entry input::placeholder{color:#687870}.name-entry button{font-size:25px;background:#d0f4d911;border-radius:50%;width:40px;height:40px;flex-shrink:0;color:var(--accent)}#name-error{color:var(--accent);font-size:10px;margin:10px 0}.voice-panel .conversation-content{top:57%}#voice-title{font-size:clamp(31px,3.5vw,50px)}#voice-instruction{font-size:12px;color:var(--soft);line-height:1.8;margin:15px 0 22px}kbd{display:inline-grid;place-items:center;min-width:33px;height:27px;padding:1px 7px;background:#d9f4e00a;border:1px solid #d1e7d82d;box-shadow:0 2px 0 #d1e7d819;border-radius:5px;color:var(--accent);font:14px DM,sans-serif;margin:0 4px}.talk-button{display:inline-flex;align-items:center;gap:15px;background:#d9f4e00a;border:1px solid #b2d4c137;border-radius:40px;padding:17px 25px;font-size:12px;color:var(--accent);touch-action:none;user-select:none;-webkit-user-select:none}.talk-button.listening{background:rgba(var(--accent-rgb),.15);box-shadow:0 0 50px rgba(var(--accent-rgb),.12)}.voice-wave{height:19px;display:flex;align-items:center;gap:3px}.voice-wave i{display:block;width:2px;height:5px;background:currentColor;border-radius:4px}.voice-wave i:nth-child(2),.voice-wave i:nth-child(4){height:12px}.voice-wave i:nth-child(3){height:19px}.listening .voice-wave i{animation:voice-pulse .6s ease-in-out infinite alternate}.listening .voice-wave i:nth-child(2n){animation-delay:-.3s}.voice-secondary{display:flex;align-items:center;justify-content:center;gap:20px;margin:14px auto 0}.voice-secondary span{font-size:8px;color:#66786f}.voice-secondary .text-button{font-size:10px}.voice-panel #interest-form .name-entry{margin-top:13px}.global-footer{position:fixed;bottom:19px;left:4.2vw;right:4.2vw;z-index:12;display:flex;align-items:center;gap:20px;pointer-events:none}.global-footer>*{pointer-events:auto}.global-footer .text-button{font-size:9px;color:#758780}.global-footer #restart-button{margin-left:auto}#journey-progress{margin-left:auto;width:62px;height:1px;background:linear-gradient(90deg,var(--accent) var(--journey,0%),#c3dec322 var(--journey,0%));opacity:.7}
#image-sparks{position:absolute;inset:0;perspective:1000px;overflow:hidden}.image-spark{position:absolute;width:clamp(100px,14vw,210px);height:clamp(120px,17vw,250px);object-fit:cover;border-radius:2px;box-shadow:0 25px 90px #0009;opacity:0;animation:image-bloom 1.3s cubic-bezier(.2,.6,.2,1) forwards;transform:translate(-50%,-50%) rotate(var(--tilt))}.image-spark:nth-child(1){left:20%;top:29%;--tilt:-9deg;animation-delay:0s}.image-spark:nth-child(2){left:42%;top:24%;--tilt:5deg;animation-delay:.13s}.image-spark:nth-child(3){left:65%;top:29%;--tilt:-4deg;animation-delay:.26s}.image-spark:nth-child(4){left:83%;top:40%;--tilt:8deg;animation-delay:.39s}.image-spark:nth-child(5){left:32%;top:46%;--tilt:-3deg;animation-delay:.5s}.opening-panel .bottom-copy{top:66%}.opening-panel h1{font-size:clamp(39px,4.6vw,70px)}#museum-loading{font-size:11px;color:var(--soft);margin-top:25px}.museum-panel{height:100svh;position:fixed;inset:0}.museum-title{position:absolute;top:115px;left:4.2vw;pointer-events:none;max-width:550px}.museum-title .eyebrow{font-size:8px;margin-bottom:12px}.museum-title h1{font-size:clamp(32px,3.5vw,53px);text-shadow:0 4px 30px #000}.museum-footer{position:absolute;left:4.2vw;right:4.2vw;bottom:75px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;pointer-events:none}.museum-message{background:#07090d90;backdrop-filter:blur(18px);padding:15px 19px;border:1px solid #d2e5d515;border-radius:9px;max-width:400px}.museum-message p{font-size:13px;margin:0 0 8px;letter-spacing:-.015em}.museum-message>span{font-size:9px;color:var(--soft)}.museum-navigation{display:flex;align-items:center;gap:13px;background:#07090dc9;border:1px solid #c3dbcc24;border-radius:40px;padding:6px;backdrop-filter:blur(16px);pointer-events:auto}.museum-navigation button{height:37px;min-width:38px;border-radius:30px;background:transparent;color:var(--accent);font-size:18px}.museum-navigation button:hover{background:#d0f4df11}.museum-navigation span{font-size:9px;color:var(--soft);font-variant-numeric:tabular-nums;white-space:nowrap}.museum-navigation .hint-button{font-size:10px;padding:0 14px;border-left:1px solid #b8d9c628;border-radius:0}.found-art{position:absolute;top:16%;left:50%;transform:translateX(-50%) rotate(-3deg);width:clamp(180px,22vw,320px);height:clamp(200px,29vh,330px);border:1px solid #d1e8d649;box-shadow:0 0 140px var(--vibe-glow);border-radius:5px;overflow:hidden}.found-art img{width:100%;height:100%;object-fit:cover}.found-panel .bottom-copy{top:61%}.stage-heading{text-align:center;position:relative;padding-top:17vh}.stage-heading h1{font-size:clamp(38px,4.6vw,72px)}.vibes-panel{padding:0 7vw 115px;text-align:center}.vibe-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:1100px;margin:42px auto 32px}.vibe-card{height:clamp(260px,41vh,450px);position:relative;text-align:left;background:#121a1c;border:1px solid #d1e7d622;border-radius:8px;overflow:hidden;transition:transform .4s,border-color .4s,box-shadow .4s}.vibe-card img{width:100%;height:100%;object-fit:cover;opacity:.8;transition:transform .9s,opacity .6s}.vibe-card:hover img,.vibe-card.selected img{transform:scale(1.045);opacity:1}.vibe-card.selected{border-color:var(--accent);transform:translateY(-7px);box-shadow:0 0 70px var(--vibe-glow)}.vibe-shade{position:absolute;inset:0;background:linear-gradient(0deg,#050b0ddd,transparent 67%)}.vibe-number{position:absolute;top:21px;left:23px;font-size:9px;letter-spacing:.14em}.vibe-name{position:absolute;bottom:28px;left:26px;font-family:Instrument,Georgia,serif;font-style:italic;font-size:clamp(27px,2.7vw,42px);line-height:1}.vibe-name small{display:block;font:10px DM,sans-serif;color:#c4d2c9;margin-top:12px}.vibe-check{position:absolute;right:23px;bottom:30px;font-size:24px;color:var(--accent)}.vibes-panel .primary{margin:auto}.plan-panel{text-align:center;padding:0 8vw 120px}.plan-panel .stage-heading{padding-top:15vh}.home-blueprint{position:relative;width:min(680px,90vw);margin:35px auto 24px;border:1px solid #c4e2ce2b;border-radius:12px;padding:27px 30px 24px;background:linear-gradient(120deg,#cbe4d908,#07121455);box-shadow:0 0 90px #8cdab608;perspective:1000px;transform:rotateX(6deg) rotateY(-7deg);transition:transform 1s;backdrop-filter:blur(10px)}#blueprint-name{display:block;text-align:left;font:italic 40px Instrument,Georgia,serif;color:var(--accent);letter-spacing:-.03em;overflow-wrap:anywhere}.blueprint-windows{display:flex;gap:16px;margin-top:26px}.blueprint-windows>div{border:1px solid #c4e2ce2b;background:#c2e9ce04;flex:1;height:115px;padding:20px;text-align:left;border-radius:6px;transition:opacity .4s,transform .4s;display:flex;flex-direction:column;gap:17px}.blueprint-windows i{font-style:normal;font-size:24px;color:var(--accent)}.blueprint-windows span{font-size:10px;color:var(--soft)}.blueprint-windows>div.excluded{opacity:.12;transform:scale(.94)}.starter-choices{display:flex;justify-content:center;gap:13px;margin:27px auto}.starter-choices button{display:flex;gap:12px;align-items:center;font-size:11px;padding:14px 17px;border:1px solid #c4e2ce24;border-radius:40px;background:#08101277;color:var(--soft)}.starter-choices button>span{font-size:18px}.starter-choices button>i{font-size:11px;font-style:normal;opacity:0}.starter-choices button.selected{color:var(--accent);border-color:#c4e2ce59;background:rgba(var(--accent-rgb),.06)}.starter-choices button.selected>i{opacity:1}.home-panel{padding:16vh 8vw 120px;display:flex;flex-direction:column;justify-content:space-between;gap:45px}.home-heading{max-width:70%;position:relative}.home-heading h1{font-size:clamp(57px,7.7vw,123px);line-height:1.01;overflow-wrap:anywhere}.home-heading .eyebrow{font-size:8px}#home-title:focus{outline:none}.home-projects{display:flex;gap:17px;max-width:800px;width:78%;margin-top:15vh}.home-project{flex:1;min-width:0;background:linear-gradient(130deg,#e6f7e510,#07131466);border:1px solid #cce2d331;border-radius:10px;padding:24px;text-align:left;min-height:156px;display:flex;flex-direction:column;justify-content:space-between;gap:30px;backdrop-filter:blur(18px);transition:transform .3s,border-color .3s}.home-project:hover{transform:translateY(-5px);border-color:var(--accent)}.home-project span{font-size:26px;color:var(--accent)}.home-project strong{font-size:17px;font-weight:450;letter-spacing:-.025em}.home-project small{font-size:10px;color:var(--soft);margin-top:7px;display:block}.home-project.empty{border-style:dashed;min-height:110px;justify-content:center}.museum-return{align-self:flex-start;margin-top:-25px;color:var(--accent)}body[data-stage=building] .home-blueprint{transform:rotateX(0) rotateY(0) scale(1.07);box-shadow:0 0 200px var(--vibe-glow)}body[data-stage=building] .blueprint-windows>div:not(.excluded){background:rgba(var(--accent-rgb),.11);border-color:var(--accent)}body[data-stage=building] .starter-choices,body[data-stage=building] #build-home{opacity:0;pointer-events:none}body.home-arrived .home-heading,body.home-arrived .home-projects{animation:home-appear 1.3s cubic-bezier(.1,.7,.1,1) both}body.home-arrived .home-projects{animation-delay:.25s}#transition-flash{position:fixed;inset:0;pointer-events:none;z-index:9;background:radial-gradient(ellipse at 60% 50%,rgba(var(--accent-rgb),.25),transparent 60%);opacity:0}#transition-flash.flashing{animation:flash-through 1.7s ease-out forwards}.toast{position:fixed;z-index:40;bottom:68px;left:50%;transform:translateX(-50%);padding:11px 18px;font-size:11px;color:var(--accent);background:#101c18ec;border:1px solid #ccdfd331;border-radius:7px;max-width:88vw;text-align:center;opacity:0;pointer-events:none}.toast.visible{opacity:1}
dialog{background:#10161bee;color:var(--ink);border:1px solid #d5e9dc29;border-radius:14px;width:min(530px,calc(100vw - 30px));max-height:calc(100dvh - 36px);padding:32px;box-shadow:0 25px 160px #0009;backdrop-filter:blur(30px);overflow:auto}dialog::backdrop{background:#04080cb5;backdrop-filter:blur(14px)}.close-dialog{background:none;color:var(--soft);font-size:27px;line-height:1;width:35px;height:35px;float:right}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:16px}.dialog-top>div{display:flex;align-items:center;gap:14px}.dialog-top .eyebrow{margin:0}dialog h2{font-size:42px;font-weight:400;letter-spacing:-.05em;line-height:1.1;margin:22px 0 28px}dialog p:not(.eyebrow){font-size:13px;color:#a7b7af;line-height:1.7}dialog label{font-size:12px;color:var(--soft);display:flex;align-items:center;gap:10px;justify-content:space-between}.saved-state{font-size:9px;color:var(--accent)}#notes-dialog,#drawing-dialog{width:min(720px,calc(100vw - 30px))}#notes-input{display:block;width:100%;height:40vh;min-height:180px;background:#070c10;border:1px solid #b9d2c221;border-radius:7px;color:var(--ink);font-size:15px;padding:22px;line-height:1.8;resize:vertical}#notes-input::placeholder{color:#6d8075}#drawing-pad{display:block;width:100%;height:40vh;min-height:180px;background:#070c10;border:1px solid #b9d2c221;border-radius:7px;touch-action:none;cursor:crosshair}.drawing-actions{display:flex;justify-content:space-between;margin-top:8px}#edit-name{display:block;background:#070c10;border:1px solid #bdd5c429;border-radius:5px;color:var(--ink);padding:13px 15px;width:100%;margin-top:10px;font-size:19px}.settings-vibes{display:flex;gap:8px;margin:25px 0}.settings-vibes button{flex:1;border:1px solid #bdd5c429;border-radius:6px;background:#d2e8d505;font-size:10px;padding:15px 7px}.settings-vibes button.selected{border-color:var(--accent);color:var(--accent)}.settings-starters{display:flex;gap:25px;margin:27px 0 5px}.settings-starters label{justify-content:flex-start}.settings-starters input{accent-color:var(--accent)}.no-js{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:var(--bg);padding:30px}
@keyframes voice-pulse{from{transform:scaleY(.5)}to{transform:scaleY(1.25)}}@keyframes image-bloom{from{opacity:0;transform:translate(-50%,-40%) rotate(var(--tilt)) scale(.7);filter:blur(15px)}to{opacity:.9;transform:translate(-50%,-50%) rotate(var(--tilt)) scale(1);filter:blur(0)}}@keyframes home-appear{from{opacity:0;transform:translateY(25px);filter:blur(8px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes flash-through{0%{opacity:0}30%{opacity:1}100%{opacity:0}}
@media(max-width:900px){.header-tools{gap:14px}.vibe-options{gap:14px}.vibe-name{left:20px;font-size:30px}.vibe-number{left:20px}.vibe-check{right:17px}.home-heading{max-width:90%}.home-projects{width:100%}.museum-title{top:100px}.museum-footer{gap:15px}.museum-message{max-width:310px}.museum-navigation{gap:6px}.museum-navigation .hint-button{padding:0 11px}}
@media(max-width:600px){.masthead{padding:21px 23px;gap:12px}.wordmark{font-size:8px;gap:7px}.wordmark>span{font-size:25px}.header-tools{gap:9px}.buddy-looks button{font-size:9px;padding:7px 10px}.sound-button{padding:5px;min-height:30px}.sound-button #sound-label{display:none}.header-tools>.text-button{font-size:9px;max-width:68px;line-height:1.4}body[data-stage=home] .buddy-looks{display:none}.global-footer{bottom:16px;left:23px;right:23px;gap:12px}.global-footer .text-button{font-size:8px}#journey-progress{width:36px}.bottom-copy{top:65%;width:88vw}.welcome-panel .bottom-copy{top:64%}.eyebrow{font-size:7px;margin-bottom:17px}h1{font-size:38px}.primary{min-height:48px;padding:14px 21px;font-size:11px}.bottom-copy .primary{margin-top:26px}.conversation-content{top:61%;width:86vw}#buddy-caption{font-size:31px;line-height:1.17}.buddy-label{font-size:7px}.name-entry{margin-top:22px;width:86%}.name-entry input{font-size:19px}.voice-panel .conversation-content{top:54%}#voice-title{font-size:32px}#voice-instruction{font-size:11px;margin-top:14px;line-height:1.7}.voice-secondary{gap:17px}.voice-secondary span{font-size:7px}.voice-secondary .text-button{font-size:9px}.talk-button{padding:15px 23px}.opening-panel .bottom-copy{top:65%}.opening-panel h1{font-size:39px}.image-spark{width:32vw;height:42vw}.image-spark:nth-child(1){left:18%;top:24%}.image-spark:nth-child(2){left:51%;top:25%}.image-spark:nth-child(3){left:85%;top:30%}.image-spark:nth-child(4){left:70%;top:45%}.image-spark:nth-child(5){left:31%;top:44%}.opening-panel .eyebrow{font-size:6px}.museum-title{left:24px;top:91px;right:24px}.museum-title h1{font-size:29px}.museum-title .eyebrow{font-size:7px;margin-bottom:9px}.museum-footer{left:20px;right:20px;bottom:62px;flex-direction:column;align-items:center;gap:11px}.museum-message{padding:10px 14px;text-align:center;max-width:100%;background:#07090d90}.museum-message p{font-size:11px;margin-bottom:6px}.museum-message span{font-size:8px}.museum-navigation{padding:3px 5px;gap:8px}.museum-navigation button{height:33px;min-width:32px}.museum-navigation .hint-button{font-size:9px}.museum-navigation span{font-size:8px}.found-art{top:17%;height:30vh;width:49vw}.found-panel .bottom-copy{top:59%}.found-panel h1{font-size:45px}.stage-heading{padding-top:13vh}.stage-heading h1{font-size:39px}.stage-heading .eyebrow{font-size:7px}.vibes-panel{padding:0 6vw 105px}.vibe-options{gap:10px;margin:27px auto;grid-template-columns:1fr}.vibe-card{height:15vh;min-height:110px;border-radius:7px}.vibe-card.selected{transform:translateX(4px);box-shadow:0 0 45px var(--vibe-glow)}.vibe-card img{object-position:center 45%}.vibe-name{bottom:19px;left:20px;font-size:30px}.vibe-name small{font-size:8px;margin-top:8px}.vibe-number{top:12px;left:20px;font-size:7px}.vibe-check{bottom:23px}.vibe-shade{background:linear-gradient(90deg,#050b0dcc,#050b0d11)}.plan-panel{padding:0 6vw 105px}.plan-panel .stage-heading{padding-top:14vh}.home-blueprint{margin-top:34px;padding:23px 20px 20px;width:100%}#blueprint-name{font-size:32px}.blueprint-windows{gap:10px;margin-top:20px}.blueprint-windows>div{height:115px;padding:18px}.starter-choices{flex-direction:column;align-items:stretch;gap:10px;margin:25px 0}.starter-choices button{padding:12px 16px;font-size:11px;justify-content:flex-start}.starter-choices button i{margin-left:auto}.plan-panel>.primary{width:100%;margin-top:0}.home-panel{padding:17vh 8vw 110px;gap:30px}.home-heading{max-width:100%}.home-heading .eyebrow{font-size:7px}.home-heading h1{font-size:clamp(53px,13vw,73px)}.home-projects{margin-top:21vh;gap:10px}.home-project{padding:20px 17px;min-height:136px;gap:30px}.home-project strong{font-size:15px}.home-project small{font-size:9px;line-height:1.6}.museum-return{font-size:10px;margin-top:-10px}dialog{padding:25px}dialog h2{font-size:36px}.dialog-top .eyebrow{font-size:7px}.dialog-top>div{gap:9px}#notes-input{padding:17px;font-size:14px}}
@media(max-height:720px) and (min-width:601px){.conversation-content{top:62%}.bottom-copy{top:60%}.stage-heading{padding-top:15vh}.vibe-options{margin:24px auto}.vibe-card{height:35vh;min-height:200px}.plan-panel .stage-heading{padding-top:13vh}.home-blueprint{margin:22px auto 15px;padding:20px}.blueprint-windows>div{height:90px}.starter-choices{margin:20px auto}.home-panel{padding-top:17vh}.home-heading h1{font-size:75px}.home-projects{margin-top:8vh}.home-project{min-height:130px}.voice-panel .conversation-content{top:53%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.image-spark{opacity:.9}}
/* Second look: a living companion opens into a white, endless museum. */
.eye-picker select{font:10px DM,Arial,sans-serif;color:var(--accent);background:#0f1519;border:1px solid #c4d6cf22;border-radius:22px;padding:10px 24px 10px 12px;max-width:112px;cursor:pointer;outline-offset:4px}.eye-picker select:focus-visible{outline:2px solid var(--accent)}.header-tools{gap:16px}.global-footer>a{display:flex;align-items:center}.global-footer #restart-button{color:var(--accent)}.global-footer #journey-progress{width:38px}#museum-loading{font-size:11px;max-width:340px;margin:20px auto;color:var(--soft)}
body[data-stage=museum]{--bg:#f9faf8;--ink:#263138;--soft:#6b777e;--accent:#436c73;--accent-rgb:67,108,115;color-scheme:light;background:#f9faf8}body[data-stage=museum] .cosmic-grain{display:none}body[data-stage=museum] .edge-fade{background:linear-gradient(0deg,#f9faf8 0%,#f9faf800 15%,#f9faf800 85%,#f9faf8aa 100%)}body[data-stage=museum] #home-atmosphere{opacity:0}body[data-stage=museum] .masthead{background:linear-gradient(#f9faf8f0,#f9faf800)}body[data-stage=museum] .buddy-looks{background:#ffffff66;border-color:#758c8c22}body[data-stage=museum] .buddy-looks button{color:#52666b}body[data-stage=museum] .buddy-looks button.active{background:#3557630b;color:#263d47}body[data-stage=museum] .eye-picker select{background:#ffffff99;border-color:#74888733;color:#415862}body[data-stage=museum] .museum-title{top:116px;max-width:410px}body[data-stage=museum] .museum-title h1{font-size:clamp(29px,3.2vw,48px);text-shadow:none}body[data-stage=museum] .museum-title .eyebrow{color:#84928e}body[data-stage=museum] .museum-message{background:transparent;border:0;backdrop-filter:none;padding:12px 0;max-width:350px}body[data-stage=museum] .museum-message p{font-size:13px;color:#33474d}body[data-stage=museum] .museum-navigation{background:#fffffff0;border-color:#8faaaa38;box-shadow:0 6px 24px #153a4310}body[data-stage=museum] .museum-navigation button:hover{background:#3157600a}body[data-stage=museum] .museum-navigation .hint-button{color:#385b64;border-color:#8faaaa38;font-size:11px;padding:0 20px}body[data-stage=museum] .global-footer{color:#6c7d7c}body[data-stage=museum] .global-footer .text-button{color:#6c7d7c}body[data-stage=museum] #journey-progress{background:linear-gradient(90deg,#6c8a8d var(--journey),#a3b5b526 var(--journey))}
#museum-wash{position:fixed;inset:0;background:#fafbf9;z-index:10;pointer-events:none;opacity:0}#museum-wash.arriving{animation:arrive-in-light 1.6s cubic-bezier(.1,.6,.2,1) both}@keyframes arrive-in-light{from{opacity:1}to{opacity:0}}
@media(max-width:600px){.masthead{padding:20px;gap:8px}.header-tools{gap:5px}.wordmark{font-size:7px;gap:5px}.wordmark>span{font-size:22px}.buddy-looks button{padding:7px 8px;font-size:8px}.eye-picker select{font-size:9px;padding:8px 4px 8px 8px;width:83px}.sound-button{padding:4px}.global-footer{gap:12px}.global-footer #journey-progress{display:none}.global-footer #restart-button{margin-left:auto}.global-footer #about-button{font-size:8px}body[data-stage=museum] .museum-title{top:100px;left:24px}body[data-stage=museum] .museum-title h1{font-size:32px}body[data-stage=museum] .museum-footer{bottom:71px;gap:7px}body[data-stage=museum] .museum-message{padding:0}body[data-stage=museum] .museum-message p{font-size:11px;margin-bottom:6px}body[data-stage=museum] .museum-navigation .hint-button{font-size:10px;padding:0 14px}}
@media(prefers-reduced-motion:reduce){#museum-wash.arriving{opacity:0}}
body[data-stage=museum] .museum-title{top:105px}body[data-stage=museum] .museum-title .eyebrow{display:none}body[data-stage=museum] .museum-title h1{font-size:clamp(24px,2vw,30px)}
@media(max-height:720px) and (min-width:601px){.home-panel{padding-top:12vh;gap:20px;justify-content:flex-start}.home-heading h1{font-size:clamp(48px,10vh,68px)}.home-projects{margin-top:5vh}.home-project{min-height:110px;padding:18px;gap:16px}.museum-return{margin-top:0}}