:root{color-scheme:dark;--pink:#ff68c4;--edge:#8f426c;--glass:linear-gradient(135deg,rgba(24,17,25,.94),rgba(15,12,15,.88));font-family:Arial,Helvetica,sans-serif;color:#faf5fa;background:#08070a}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button{border:0;background:none}button:focus-visible,a:focus-visible{outline:2px solid #ffb6e3;outline-offset:5px}button:hover{color:#ffb7e1}button[hidden],[hidden]{display:none!important}.viewport{height:100dvh;min-height:540px;overflow:hidden;position:relative;display:grid;place-items:center}.canvas{width:1536px;height:1024px;position:absolute;transform:scale(var(--scale,1));transform-origin:center;overflow:hidden;background:#08070a}.world{position:absolute;inset:0;transition:transform 1.25s cubic-bezier(.22,.65,.25,1);transform-origin:50% 50%}.room{position:absolute;width:100%;height:100%;object-fit:fill;user-select:none}.character{position:absolute;object-fit:contain;pointer-events:none;filter:drop-shadow(0 9px 7px #10071188)}.olya{width:380px;left:327px;top:336px;height:474px}.dov{width:423px;height:467px;left:460px;top:282px}.gang-glow{position:absolute;left:51.5%;top:10%;width:13%;height:19%;background:radial-gradient(ellipse,#ff27b729,transparent 68%);mix-blend-mode:screen;animation:neon 8s ease-in-out infinite;pointer-events:none}.city-ambient{position:absolute;left:14.5%;top:6%;width:22%;height:39%;overflow:hidden;pointer-events:none;background:linear-gradient(115deg,transparent 30%,#87adff06 51%,transparent 70%);animation:city 19s ease-in-out infinite}.city-ambient i{position:absolute;width:3px;height:5px;background:#ffcba1;box-shadow:0 0 5px #ffe4c0;left:23%;top:73%;animation:neon 11s ease-in-out infinite}.city-ambient i:nth-child(2){left:66%;top:60%;background:#acd8ff;animation-delay:-6s}.city-ambient i:nth-child(3){left:83%;top:89%;animation-delay:-3s}.header{position:absolute;inset:16px 34px auto 35px;display:flex;align-items:flex-start;gap:30px;height:85px}.logo{width:180px;height:80px;display:block}.logo img{width:100%;height:100%;object-fit:fill}.header nav{display:flex;gap:45px;margin:15px auto 0 130px;white-space:nowrap}.header nav button{padding:0 0 8px;font-size:16px}.header nav .active{color:#ff78ce;border-bottom:2px solid #ff78ce}.contact{border:1px solid #ce509c;border-radius:30px;padding:8px 18px;font-size:15px;letter-spacing:.5px;color:#ff91d5;white-space:nowrap;margin-top:5px}.contact span{font-size:25px;vertical-align:middle;margin-left:10px;line-height:20px}.intro{position:absolute;left:35px;top:190px;width:255px;text-shadow:0 2px 7px #000}.intro h1{font-size:25px;margin:0 0 12px;white-space:nowrap;letter-spacing:-.5px}.intro h1 span{font-size:40px;color:#ef68b7;vertical-align:middle;margin-left:7px;font-weight:400}.intro p{font-size:14px;line-height:23px;margin:0 0 27px}.explore{font-size:14px;background:linear-gradient(110deg,#b92e86cf,#792150db);border:1px solid #ff71cf;border-radius:16px;padding:15px 14px;box-shadow:0 0 20px #e83b8f22;white-space:nowrap}.explore b{font-size:21px;line-height:12px;margin-left:4px}.intro small{display:block;font-size:12px;margin-top:22px}.hotspot{position:absolute;display:flex;gap:10px;align-items:center;text-align:left;background:var(--glass);border:1px solid #6d4056;box-shadow:inset 0 0 12px #d7529810,0 3px 14px #0008;border-radius:16px;padding:8px 13px 8px 8px;min-height:56px;font-size:14px;transition:border-color .2s,box-shadow .2s,background .2s}.hotspot small{display:block;font-size:12px;margin-top:5px;color:#eee6ee}.icon{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;flex-shrink:0;background:radial-gradient(circle,#da3988b3,#8a245774 55%,#24121c 75%);box-shadow:0 0 12px #f358aa69,inset 0 0 0 1px #e87aac5c;color:#fff0f8}.icon svg{width:25px;height:25px;filter:drop-shadow(0 0 3px #ff70d5)}.hotspot:hover,.hotspot:focus-visible,.exploring .hotspot{border-color:#ff81cf;box-shadow:0 0 20px #e8399c55;color:white}.window{left:322px;top:236px}.sofa{left:96px;top:558px}.shelves{left:1023px;top:130px}.console{left:692px;top:868px}.exit{right:10px;top:483px}.glass{background:var(--glass);border:1px solid #67414f;box-shadow:inset 0 0 20px #ab37640a;border-radius:16px}.vibes{position:absolute;left:25px;bottom:28px;width:290px;height:142px;padding:14px}.album{position:absolute;left:14px;top:14px;width:63px;height:82px;border:1px solid #7f3a5c;border-radius:10px;background-image:url('assets/media/player/dovold_vibes_player.png');background-size:auto 130px;background-position:9% 50%;background-repeat:no-repeat}.player-title{position:absolute;left:89px;top:22px;font-size:15px}.player-title small{display:block;font-size:12px;margin-top:5px}.close-player{position:absolute;right:9px;top:12px;color:#fa8dd0;font-size:21px}.playback{position:absolute;top:74px;left:113px;right:26px;display:flex;justify-content:space-between;align-items:center}.playback button{color:#fc8cce;font-size:17px;padding:3px}.playback button:nth-child(2){color:white;font-size:16px}.timeline{position:absolute;left:16px;right:16px;bottom:17px;display:flex;gap:18px;align-items:center;font-size:12px;color:#c9c1c9}.track{height:4px;border-radius:10px;flex:1;background:#524851}.track i{display:block;width:4px;height:4px;background:#fa77cc;border-radius:50%}.restore-vibes{position:absolute;left:25px;bottom:28px;padding:15px;color:#fa8dd0}.chats{position:absolute;right:32px;bottom:40px;width:290px}.chat{padding:8px 10px;display:flex;gap:15px;align-items:center;min-height:80px}.chat+.chat{margin-top:0}.avatar{width:76px;height:76px;flex-shrink:0;border:1px solid #aa5a82;border-radius:50%;background-repeat:no-repeat;background-size:auto 122px;background-position:10% 50%}.avatar-olya{background-image:url('assets/ui/chat/olya_chat_welcome.png.png')}.avatar-dov{background-image:url('assets/ui/chat/dov_chat_welcome.png.png')}.chat h2{font-weight:400;font-size:15px;color:#ff96da;margin:0 0 8px}.chat p{font-size:12px;line-height:20px;margin:0;white-space:nowrap}.chat p span{color:#ff5bbc}.tv{position:absolute;left:68.5%;top:30.4%;width:18.4%;height:21%;clip-path:polygon(0 8%,100% 0,100% 100%,0 88%)}.tv-hit{position:absolute;inset:0;width:100%;height:100%;border:0}.tv-off{position:absolute;inset:0;background:linear-gradient(140deg,#101018,#030408 65%,#271421);opacity:0;transition:opacity .35s}.tv.is-off .tv-off{opacity:1}.tv-hint{position:absolute;bottom:28px;left:20px;font-size:13px;padding:5px 9px;border-radius:5px;background:#120d15de;color:#ffb4df;opacity:0;pointer-events:none}.tv:hover .tv-hint,.tv:focus-within .tv-hint{opacity:1}.home-ui{transition:opacity .4s}.in-scene .home-ui{opacity:0;pointer-events:none}.world[data-scene=window]{transform:translate(370px,170px) scale(2.4);transform-origin:26% 28%}.world[data-scene=sofa]{transform:translate(175px,-30px) scale(1.4);transform-origin:39% 57%}.world[data-scene=shelves]{transform:translate(-330px,230px) scale(1.65);transform-origin:76% 21%}.scene-controls{position:absolute;inset:0;pointer-events:none}.back{position:absolute;top:30px;left:30px;padding:15px 20px;font-size:16px;pointer-events:auto}.back span{margin-left:24px;color:#c398b5;font-size:12px}.scene-caption{position:absolute;bottom:40px;left:40px;max-width:440px;padding:20px 24px}.scene-caption h2{margin:0 0 10px;font-size:24px;color:#ff9cda}.scene-caption p{margin:0;font-size:14px;line-height:1.6}.toast{position:absolute;left:50%;bottom:35px;transform:translateX(-50%);max-width:520px;padding:15px 22px;font-size:15px;line-height:1.5;text-align:center;z-index:20}.dd-cursor{display:none;position:fixed;width:48px;height:48px;object-fit:contain;pointer-events:none;z-index:100;transform:translate(-50%,-50%)}@media (pointer:fine){body.custom-cursor,body.custom-cursor button,body.custom-cursor a{cursor:none}.custom-cursor .dd-cursor{display:block}}@keyframes neon{0%,100%{opacity:.35}50%{opacity:.85}}@keyframes city{0%,100%{opacity:.4;transform:translateX(-2px)}50%{opacity:.9;transform:translateX(2px)}}.paused *{animation-play-state:paused!important}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition-duration:.01s!important}}@media(max-width:800px){.viewport{min-width:800px;min-height:540px}body{overflow-x:auto}}

/* Frame the supplied portraits without baking the chat interface into the page. */
.avatar{background-position:24% 50%}.album{background-position:21% 50%}
/* Full-viewport environment extends beyond the interactive scene. */
.viewport::before{content:"";position:absolute;inset:0;pointer-events:none;background:#08070a url('assets/derived/home/room-extended.webp') center/cover no-repeat}
.canvas{background:transparent;mask-image:linear-gradient(90deg,transparent,#000 28px,#000 calc(100% - 28px),transparent),linear-gradient(0deg,transparent,#000 20px,#000 calc(100% - 20px),transparent);mask-composite:intersect}
.viewport::before{background-size:max(100vw,240vh) 100%;background-position:center}