#intro{background:radial-gradient(ellipse at 50% 52%,#263039 0,#141c25 42%,#0c1319 100%);justify-content:center;padding:100px 24px;text-align:center}#intro .intro-inner{max-width:720px;position:relative;margin:auto}#intro h1{font-size:clamp(30px,4.2vw,58px);line-height:1.13;font-weight:300;letter-spacing:-.045em;margin:0 0 14px}#intro .opening-caption{font-size:clamp(16px,2vw,24px);font-weight:300;color:#c8d0cb;line-height:1.5}#enter{display:block;position:relative;margin:70px auto 0;width:68px;height:68px;border:0;border-radius:50%;padding:0;background:transparent;box-shadow:none}#enter .seed{display:block;width:10px;height:10px;margin:auto;border-radius:50%;background:#ffd28b;box-shadow:0 0 13px #ffc376,0 0 48px #f9a239ac;animation:seed-breathe 3s ease-in-out infinite}#enter::before,#enter::after{content:'';position:absolute;inset:2px;border:1px solid #e5b56f44;border-radius:50%}#enter::after{inset:-12px;border-color:#e5b56f18}#enter:hover{background:#d9a65e0a}#enter:hover .seed{box-shadow:0 0 16px #ffd5a3,0 0 70px #f9a239}#intro .eyebrow{justify-content:center;margin-bottom:40px;font-size:10px;color:#b8c2bf}.opening-hint{font-size:10px;letter-spacing:.16em;color:#acbab8;margin-top:28px}.intro-coordinates{position:absolute;bottom:40px;left:0;right:0;font-size:8px;letter-spacing:.2em;color:#81908f}#entry-choices{position:fixed;z-index:35;left:40px;bottom:132px;width:290px;padding:20px;background:#14232af2;border-color:#e7be7b44;backdrop-filter:blur(22px)}#entry-choices p{font-size:12px;line-height:1.6;color:#c7d3cd;margin:0 0 16px}#entry-choices button{display:block;width:100%;text-align:left;font-size:12px;padding:13px;margin-top:8px}#entry-zeno{border-color:#e8ba6c88;color:#ffdb9b}#entry-beacon{position:fixed;z-index:12;bottom:116px;left:40px;font-size:9px;letter-spacing:.14em;padding:8px 14px;border:1px solid #d7ad6044;border-radius:30px;background:#132229b8;color:#f6d39a}#entry-beacon span{display:inline-block;width:5px;height:5px;background:#f7c477;border-radius:50%;box-shadow:0 0 10px #f9b34b;margin-right:8px}#voice-global{position:fixed;top:98px;right:40px;z-index:10;display:flex;align-items:center;gap:8px;font-size:9px;max-width:45vw}#zeno-status{color:#b4c4c0;background:#15242bd6;padding:9px;border:1px solid #f9d09a1c;border-radius:3px}#zeno-status[data-live=true]{color:#a7e2c2;border-color:#94dcbb66}#zeno-stop{font-size:9px;padding:8px;color:#efc18d;border-color:#d39f5c55;background:#14232bb8}#quiet-invite{position:fixed;z-index:8;left:50%;bottom:100px;transform:translateX(-50%);max-width:75vw;color:#f4d29d;background:#14232bdd;border:1px solid #e6bb7133;padding:13px 18px;font-size:12px;line-height:1.5;border-radius:4px;pointer-events:none}.film-hotspot{position:fixed;right:40px;bottom:155px;z-index:8;background:#1b2c32df;border:1px solid #e5b77888;color:#ffe1ad;box-shadow:0 9px 30px #0003;padding:12px 17px;display:flex;align-items:center;gap:14px;font-size:11px}.film-hotspot::before{content:'▷';font-size:22px;color:#f9bc67}#assistant{z-index:24}#mic-state[data-state=simulation]{color:#d9bb86}#mic-state[data-state=simulation]::before{content:'◇ ';color:#efc786}#voice-model{color:#c0ccca;line-height:1.6}#voice-note{line-height:1.7}#portal-caption{font-size:12px}.brand>span{letter-spacing:.16em}@keyframes seed-breathe{50%{transform:scale(.72);opacity:.7}}@media(max-width:700px){#intro h1{font-size:36px;max-width:300px;margin-left:auto;margin-right:auto}#intro .opening-caption{font-size:20px;max-width:280px;margin:0 auto}#enter{margin-top:50px}.intro-coordinates{bottom:28px;font-size:7px}#entry-beacon{left:18px;bottom:126px;font-size:8px;padding:7px 10px}#entry-choices{left:18px;bottom:164px;width:calc(100vw - 36px);max-width:340px}#voice-global{top:84px;right:18px;max-width:65vw;font-size:8px}#zeno-status{padding:6px;font-size:8px}#zeno-stop{padding:6px;font-size:8px}.film-hotspot{right:18px;bottom:166px;padding:8px 12px;font-size:10px;max-width:72vw;gap:8px}.film-hotspot::before{font-size:18px}#quiet-invite{bottom:178px;max-width:90vw;width:calc(100vw - 36px);font-size:11px}#assistant{bottom:76px;max-height:calc(100dvh - 160px)}.brand>span{display:none}}@media(prefers-reduced-motion:reduce){#enter .seed{animation:none}}