/* One physical drawing surface, from the model through the written pages. */
.living{background:#e9e1d2;color:#283d47;height:calc(100svh - 76px);min-height:650px;grid-template-rows:auto minmax(0,1fr) 144px auto;overflow:hidden}
.living:before{content:'';position:absolute;inset:0;pointer-events:none;z-index:1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.045' filter='url(%23n)'/%3E%3C/svg%3E")}
.living-stage{mask-image:linear-gradient(to bottom,transparent,#000 5%,#000 90%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 5%,#000 90%,transparent)}
.identity h1{color:#263a43}.identity h1 em{color:#966448}.identity p{color:#304850}.identity p span{color:#64716f}
.scene-footer{z-index:2;align-items:center;min-height:144px!important}.scene-footer #home-note p{color:#655c4c;font-size:18px}.scene-footer #home-note{border-left:1px solid #b6a689;padding:12px 0 12px 20px}
#object-caption{color:#796c53}#object-title{color:#855336}#object-description{color:#45565a}#scene-tools button,#scene-tools a,.object-actions #back-home{color:#526469}.object-actions a{color:#855336}.object-actions #scene-action{background:#d5b88b;color:#283b43;box-shadow:1px 4px 10px #6a4c2220}#score{color:#425b53;font:italic 20px Georgia;background:#eee4cdd9;padding:9px 16px;border-radius:4px 14px 6px 12px}
#object-labels button:before{background:#9b603a;box-shadow:0 0 0 5px #f6ead788,0 0 0 6px #7b654d55}#object-labels button span{background:#f2e8d6!important;color:#3b4d50!important;box-shadow:1px 3px 8px #654d2922!important}
.living:after{display:none}.content,.content-alt,.content-end{background-color:#e9e1d2}.content:first-of-type{padding-top:70px}
#steering button{background:#dfcfad;color:#304750;border-color:#a79677}#steering #pause{background:none}
.living[data-mode=flight],.living[data-mode=takeoff]{grid-template-rows:auto minmax(0,1fr) 144px 48px}
@media(max-width:600px){.living,.living:not([data-mode=flight]):not([data-mode=takeoff]){height:auto;min-height:0;grid-template-rows:auto 400px 186px auto}.living:not([data-mode=flight]):not([data-mode=takeoff]) .living-stage{height:400px}.scene-footer{min-height:186px!important;display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:8px}.scene-footer #home-note p{font-size:16px}.scene-footer #home-note{padding:8px 0 8px 13px}.identity h1{font-size:38px}.living[data-mode=flight],.living[data-mode=takeoff]{height:calc(100svh - 62px);min-height:570px;grid-template-rows:minmax(250px,1fr) 186px 48px}#score{font-size:15px;top:15px;right:6vw}#object-title{font-size:23px}#object-description{font-size:13px}.object-actions{gap:15px}#scene-tools{justify-content:flex-end}}
/* v18: a lit desk in a quiet evening room; reading pages keep their own light. */
.living{background:#101e2b;color:#e8dfcf;min-height:650px;grid-template-rows:auto minmax(0,1fr) 130px auto}
.living:before{opacity:.36}.living-stage{mask-image:linear-gradient(to bottom,transparent,#000 7%,#000 86%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 7%,#000 86%,transparent)}
.identity h1{color:#ece5d8}.identity h1 em{color:#e7bb87}.identity p{color:#d4d9d8}.identity p span{color:#9cafb8}
.scene-footer{min-height:130px!important}.scene-footer #home-note{border-color:#b79a6844}.scene-footer #home-note p{color:#dcc8a6}
#object-caption{color:#baa481}#object-title{color:#e8c18d}#object-description{color:#c0cbd0}#scene-tools button,#scene-tools a,.object-actions #back-home{color:#acbdc5}.object-actions a{color:#ddbc8b}.object-actions #scene-action{background:#d6b380;color:#182c38}
#object-labels button:before{background:#f0cf95;box-shadow:0 0 0 5px #14263188,0 0 0 6px #d6b58155}#object-labels button span{background:#e7d5b5!important;color:#34434b!important}
#score{background:#102333dd;color:#f2d9af}#steering button{background:#263d4d;color:#ebc994;border-color:#c8a16c66}
.content,.content-end{background-color:#ece6d9}.content-alt{background-color:#192d3b;color:#d8dedb}.content-alt .section-intro h2,.content-alt .prose .lead,.content-alt h3{color:#ece5d6}.content-alt .section-intro h2 em{color:#d9b27d}.content-alt .index,.content-alt .section-aside,.content-alt .project-notes article>span{color:#b59f7f}.content-alt .prose p{color:#bdc9c9}.content-alt .margin-drawing{color:#caa773}.content-alt:after{display:none}
#o-mne{border-top:1px solid #b69b7133}#o-mne:before{content:'';position:absolute;top:-17px;left:0;right:0;height:18px;background:#ece6d9;clip-path:polygon(0 55%,18% 72%,35% 42%,58% 65%,77% 40%,100% 62%,100% 100%,0 100%)}
@media(max-width:600px){.living,.living:not([data-mode=flight]):not([data-mode=takeoff]){grid-template-rows:auto 400px 150px auto}.scene-footer{min-height:150px!important}.living[data-mode=flight],.living[data-mode=takeoff]{grid-template-rows:minmax(250px,1fr) 186px 48px}.living[data-mode=flight] .scene-footer,.living[data-mode=takeoff] .scene-footer{min-height:186px!important}}
/* v19: breathing room for actions, and navigation within the picture. */
.living{height:auto;min-height:calc(100svh - 76px);grid-template-rows:auto clamp(340px,55svh,680px) minmax(190px,auto) auto;padding-bottom:38px;overflow:visible}
.scene-footer{min-height:190px!important;padding:20px 0 28px;box-sizing:border-box}.object-actions{flex-wrap:wrap;row-gap:10px;margin-top:12px}.object-actions button,.object-actions a{min-height:44px}
.living-stage{mask-image:none;-webkit-mask-image:none}.living-stage canvas{mask-image:linear-gradient(to bottom,transparent,#000 7%,#000 86%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 7%,#000 86%,transparent)}
#scene-return{display:none;position:absolute;left:5vw;top:26px;z-index:5;padding:12px 18px;border:1px solid #dac39b66;border-radius:24px;background:#122737ec;color:#f1dfbf;font:italic 16px Georgia;cursor:pointer;box-shadow:0 4px 20px #0003;min-height:46px}
.living:is([data-mode=focus],[data-mode=model],[data-mode=takeoff],[data-mode=flight],[data-mode=complete]) #scene-return,.living[data-discovered][data-mode=building] #scene-return{display:block}
.continue-down{display:flex;align-items:center;gap:18px;width:fit-content;margin-top:16px;font:13px/1.5 Arial;color:#c4cdd0;text-decoration:none;padding:8px 0}.continue-down span{font-size:24px;color:#e5bc83}.continue-down:hover{color:#f1dfbf}
.living[data-mode=flight],.living[data-mode=takeoff]{grid-template-rows:auto clamp(320px,50svh,620px) minmax(190px,auto) 48px}
@media(max-width:600px){.living,.living:not([data-mode=flight]):not([data-mode=takeoff]){grid-template-rows:auto 380px minmax(215px,auto) auto;padding-bottom:35px}.living:not([data-mode=flight]):not([data-mode=takeoff]) .living-stage{height:380px}.scene-footer{min-height:215px!important;padding:18px 0 24px;gap:12px}.object-actions{flex-wrap:wrap;column-gap:18px}.continue-down{font-size:12px;margin-top:12px}#scene-return{left:6vw;top:18px;font-size:14px;padding:10px 15px}.living[data-mode=flight],.living[data-mode=takeoff]{height:auto;min-height:0;grid-template-rows:340px minmax(215px,auto) 48px}.living[data-mode=flight] .scene-footer,.living[data-mode=takeoff] .scene-footer{min-height:215px!important}#score{top:23px;font-size:13px;max-width:45%;box-sizing:border-box}}
/* AI is part of the first impression, the unicorn is an invitation at the paper edge. */
.identity-work{text-align:right}.identity .ai-intro{font:italic clamp(19px,2vw,27px)/1.3 Georgia;color:#ead2a9;margin-bottom:6px}.identity-work>p:last-child{font-size:12px}.identity-work>p:last-child span{display:inline;margin-left:8px;font-size:11px}
#object-labels button[data-object=intelligence] span{opacity:1;font-size:15px;padding:9px 15px;bottom:36px}#object-labels button[data-object=intelligence]:before{width:9px;height:9px;background:#f6d49d}
.unicorn-guide{position:absolute;z-index:4;right:8vw;bottom:-5px;width:350px;height:150px;display:flex;align-items:center;text-decoration:none;color:#edd9b7;isolation:isolate}.unicorn-guide svg{width:155px;height:150px;overflow:visible;flex-shrink:0;filter:drop-shadow(0 4px 4px #0003)}.unicorn-whisper{font:italic 23px/1.15 Georgia;transform:rotate(-4deg);padding:0 12px 20px 0}.unicorn-whisper b{display:block;font-size:31px;font-weight:400;padding:7px 0 0 60px}.unicorn-peek{transform-origin:85px 170px;animation:unicorn-peek 1.6s ease-in-out 2 5s}.unicorn-guide:hover .unicorn-peek{transform:translateY(-8px) rotate(4deg)}.unicorn-guide:focus-visible{outline:2px dashed #edd9b7;outline-offset:6px;border-radius:20px}.living:not([data-mode=home]) .unicorn-guide{display:none}.living[data-mode=home] .scene-footer{padding-bottom:92px;align-items:flex-start}.living[data-mode=home] #scene-tools{margin-top:0}.living[data-mode=home] #home-note{max-width:50%}
.ai-feature{padding:25px 0 40px!important;border-bottom:1px solid #d5bd8b44!important;margin-bottom:25px}.ai-feature h3{font-size:32px!important}.ai-feature .text-link{color:#e0bc85}.ai-feature p{max-width:690px}
@keyframes unicorn-peek{0%,100%{transform:translateY(0) rotate(0)}40%{transform:translateY(-12px) rotate(5deg)}70%{transform:translateY(-7px) rotate(-2deg)}}
@media(max-width:600px){.identity-work{text-align:left}.identity .ai-intro{font-size:21px;max-width:290px;margin:8px 0 5px}.identity-work>p:last-child{font-size:11px}.identity-work>p:last-child span{display:block;margin-left:0;font-size:10px}.unicorn-guide{right:6vw;width:285px;height:130px;bottom:-4px}.unicorn-guide svg{width:132px;height:130px}.unicorn-whisper{font-size:21px;padding-bottom:12px}.living[data-mode=home] .scene-footer{min-height:250px!important;padding:12px 0 130px;display:block}.living[data-mode=home] #home-note{max-width:none}.living[data-mode=home] #scene-tools{justify-content:flex-start;margin-top:4px}.living:not([data-mode=flight]):not([data-mode=takeoff]){grid-template-rows:auto 350px minmax(215px,auto) auto}.living:not([data-mode=flight]):not([data-mode=takeoff]) .living-stage{height:350px}#object-labels button[data-object=intelligence] span{font-size:12px;padding:8px 12px;bottom:34px}#object-labels button[data-object=notebook] span{font-size:11px}}
@media(prefers-reduced-motion:reduce){.unicorn-peek{animation:none}.unicorn-guide:hover .unicorn-peek{transform:none}}
.living:has(#calm[aria-pressed=true]) .unicorn-peek{animation:none}
/* The guide must peek into the first viewport, not wait below it. */
.living{grid-template-rows:auto clamp(300px,48svh,600px) minmax(190px,auto) auto}
@media(max-width:600px){.living:not([data-mode=flight]):not([data-mode=takeoff]){grid-template-rows:auto 300px minmax(215px,auto) auto}.living:not([data-mode=flight]):not([data-mode=takeoff]) .living-stage{height:300px}}
.project-notes .ai-feature{display:block!important}.ai-feature>span{display:block;margin-bottom:16px}.ai-feature h3{margin-bottom:18px}.ai-feature p{margin:0 0 16px}.ai-feature .text-link{margin-top:18px}

/* Mouse interaction is not keyboard focus. Keep the ring for keyboard users. */
.living-stage[data-input="pointer"]:focus-visible{outline:none}

#object-labels button[data-object=assistant] span{opacity:1;font-size:12px;bottom:7px;left:32px;transform:none}#osobni-asistentka{scroll-margin-top:110px}.project-notes #osobni-asistentka{display:block!important}#osobni-asistentka h3{margin:12px 0}#osobni-asistentka p{margin:12px 0}.project-continuation{font-style:italic;opacity:.75}

/* Shared project alignment; additional paragraphs stay in the text column. */
.project-notes #osobni-asistentka{display:grid!important}
.project-notes article>h3,.project-notes article>p{grid-column:2}
.project-notes #osobni-asistentka h3{margin:0 0 10px}
.project-notes #osobni-asistentka p{margin:0!important}
.project-notes #osobni-asistentka .project-continuation{margin-top:10px!important}
.thought-prompts li{font-style:italic;font-weight:400;letter-spacing:-.015em;line-height:1.4}
.professional-note{margin-top:40px;padding-top:28px;border-top:1px solid #263f452e;scroll-margin-top:110px}
.professional-note>span{font:10px/1.5 Arial,sans-serif;letter-spacing:.12em;color:#936b44}
.professional-note h3{font:italic 32px/1.18 Georgia,serif;letter-spacing:-.025em;margin:14px 0 20px}
.professional-note .text-link{display:inline-block;margin-top:12px}
@media(max-width:600px){.project-notes article>h3,.project-notes article>p{grid-column:1}.professional-note h3{font-size:28px}}

/* Stable, clickable names: discovery happens inside scenes, not in hidden controls. */
.living #object-labels button span,
.living:not([data-discovered]) #object-labels button[data-object=plane] span{
 opacity:1!important;pointer-events:auto;bottom:38px;top:auto;left:50%;transform:translateX(-50%);font:italic 12px/1.2 Georgia,serif;padding:8px 12px;border-radius:16px;white-space:nowrap;transition:background-color .15s,box-shadow .15s;
}
.living:not([data-discovered]) #object-labels button[data-object=plane] span:after{content:none}
.living:not([data-discovered]) #object-labels button[data-object=plane]:before{animation:none}
.living #object-labels button:is([data-object=coffee],[data-object=assistant]) span{top:35px;bottom:auto}
.living #object-labels button:hover span,.living #object-labels button:focus-visible span{background:#fff0d2!important;box-shadow:0 0 0 2px #eac68b,0 4px 12px #0003!important}
.living #object-labels button:after{content:'';position:absolute;left:0;right:0;top:-18px;bottom:0;background:transparent}
.living #object-labels button:is([data-object=coffee],[data-object=assistant]):after{top:0;bottom:-18px}
@media(max-width:600px){
 .living #object-labels button span,.living:not([data-discovered]) #object-labels button[data-object=plane] span{font-size:11px;padding:7px 9px;bottom:36px}
 .living #object-labels button:is([data-object=coffee],[data-object=assistant]) span{top:35px;bottom:auto}
}

/* Steering keys control the game, not a page-sized focus indicator. */
.living:is([data-mode=takeoff],[data-mode=flight],[data-mode=complete]) .living-stage:focus-visible{outline:none}