.viewer{position:fixed;inset:0;background:#04050a}.viewer__canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.viewer__top{position:absolute;top:0;left:0;right:0;z-index:20;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:flex-start;justify-content:space-between;gap:18px;padding:20px clamp(16px,3vw,34px);background:linear-gradient(to bottom,rgba(4,5,10,.82),transparent);pointer-events:none}.viewer__top>*{pointer-events:auto}.back-link{white-space:nowrap;display:inline-flex;align-items:center;gap:9px;padding:9px 16px 9px 12px;border-radius:999px;border:1px solid var(--line);background:#0a0d16a8;backdrop-filter:blur(12px);font-size:13px;color:var(--text-dim);transition:color .2s ease,border-color .2s ease}.back-link:hover{color:var(--text);border-color:var(--line-strong)}.viewer__heading{min-width:0}.viewer__eyebrow{margin:0 0 4px;font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint)}.viewer__title{margin:0;font-size:clamp(21px,3vw,30px);font-weight:650;letter-spacing:-.01em;display:flex;align-items:baseline;gap:11px;flex-wrap:wrap}.viewer__title em{font-family:var(--font-mono);font-style:normal;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.viewer__actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.viewer__tools{position:relative;min-width:0;max-width:520px;justify-self:end}.viewer__xr-status{margin:8px 0 0;max-width:60ch;font-size:11px;line-height:1.6;color:var(--text-dim);text-align:right}.viewer__extras{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:8px}.text-control,.experience-settings summary{padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:#0a0d16cc;color:var(--text-dim);font-size:12px;cursor:pointer;white-space:nowrap}.text-control[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}.experience-settings summary{list-style:none}.experience-settings summary::-webkit-details-marker{display:none}.settings-panel{position:absolute;top:calc(100% + 10px);right:0;z-index:35;width:min(320px,calc(100vw - 32px));max-height:min(450px,calc(100dvh - 310px));overflow-y:auto;display:flex;flex-direction:column;gap:14px;padding:18px;border:1px solid var(--line-strong);border-radius:18px;background:#0a0d16f7;box-shadow:var(--shadow-card);overscroll-behavior:contain}.experience-settings:not([open]) .settings-panel{display:none}.settings-panel label{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;color:var(--text)}.settings-panel select{padding:9px;max-width:170px;border-radius:9px;border:1px solid var(--line-strong);color:var(--text);background:var(--bg-soft);font:inherit}.settings-panel input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent)}.settings-panel .btn{justify-content:center;font-size:13px}.settings-hint{margin:-5px 0 0;color:var(--text-dim);font-size:12px;line-height:1.6}.session-countdown{color:var(--text-dim);font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums}.viewer-message{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:28;width:min(480px,calc(100% - 32px));padding:24px;border-radius:20px;background:#0a0d16f5;border:1px solid var(--line-strong);box-shadow:var(--shadow-card)}.viewer-message h2{margin:0 0 12px;font-size:22px}.viewer-message p{color:var(--text-dim);line-height:1.7;font-size:14px}.message-actions{display:flex;flex-wrap:wrap;gap:10px}.message-actions .btn{padding:10px 16px}.viewer-message[hidden],.restore-controls[hidden],.breath[hidden]{display:none}.restore-controls{position:fixed;right:18px;top:18px;z-index:30}.controls-hidden :is(.viewer__top,.viewer__bottom){visibility:hidden;pointer-events:none}.icon-btn[hidden]{display:none}.viewer :is(button,a,input,select):focus-visible{outline:2px solid var(--accent);outline-offset:4px}.viewer button:disabled{cursor:default}.viewer__bottom{position:absolute;left:0;right:0;bottom:0;z-index:20;display:flex;align-items:flex-end;justify-content:space-between;gap:22px;padding:26px clamp(16px,3vw,34px) clamp(18px,3vw,30px);background:linear-gradient(to top,rgba(4,5,10,.9),transparent)}.viewer__info{max-width:54ch;min-width:0}.viewer__desc{margin:0 0 10px;font-size:14px;line-height:1.72;color:var(--text-dim)}.viewer__tags{display:flex;gap:6px;flex-wrap:wrap;margin:0;padding:0;list-style:none}.viewer__tags li{font-size:11px;padding:3px 9px;border-radius:6px;color:var(--text-faint);background:#ffffff0d}.viewer__nav{display:flex;align-items:center;gap:8px;flex-shrink:0}.icon-btn{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line);background:#0a0d16b3;backdrop-filter:blur(12px);cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .18s ease}.icon-btn:hover{border-color:var(--accent);background:#18223ccc;transform:translateY(-1px)}.scene-select{appearance:none;padding:10px 34px 10px 15px;border-radius:999px;border:1px solid var(--line);background:#0a0d16b3 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%239aa8c4' stroke-width='1.4' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 14px center;color:var(--text);font-size:13px;backdrop-filter:blur(12px);cursor:pointer;max-width:190px}.scene-select option{background:#0b0f18;color:var(--text)}.viewer__loading{position:absolute;inset:0;z-index:15;display:grid;place-content:center;gap:18px;justify-items:center;background:#04050ab8;backdrop-filter:blur(6px);transition:opacity .4s ease}.viewer__loading[hidden]{display:none}.spinner{width:38px;height:38px;border-radius:50%;border:2px solid rgba(150,180,240,.18);border-top-color:var(--accent);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.viewer__loading span{font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint)}.breath{position:absolute;left:50%;bottom:104px;z-index:18;width:140px;height:140px;transform:translate(-50%);display:grid;place-items:center;pointer-events:none}.breath__halo{position:absolute;inset:6px;border-radius:50%;background:radial-gradient(circle,rgba(150,190,255,.1) 0%,transparent 70%);filter:blur(6px)}.breath__ring{position:absolute;width:76px;height:76px;border-radius:50%;border:1px solid rgba(196,220,255,.5);box-shadow:0 0 30px #8cb4ff29,inset 0 0 24px #8cb4ff1a;transition:opacity .8s ease;will-change:transform}.breath__label{position:absolute;bottom:2px;font-size:12px;letter-spacing:.3em;text-indent:.3em;color:#deeaffb8;text-shadow:0 1px 14px rgba(0,0,0,.7)}.audio-ctl{display:inline-flex;align-items:center;gap:10px}.audio-ctl[hidden]{display:none}.audio-ctl .icon-btn.is-on{color:#9ec6ff;border-color:#9ec6ff73;background:#1e2c4eb8}.audio-ctl.is-muted #sound-wave{opacity:.18}.volume{width:92px;height:4px;accent-color:#7fb2ff;cursor:pointer}@media(max-width:720px){.volume{display:none}.breath{bottom:150px}}.mixer{position:absolute;top:calc(100% + 10px);right:0;z-index:30;width:236px;padding:14px 16px 12px;border-radius:16px;background:var(--surface-strong);border:1px solid var(--line);backdrop-filter:blur(16px);box-shadow:0 18px 44px #00000080}.mixer[hidden]{display:none}.mixer__title{margin:0 0 10px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint)}.mixer__rows{display:flex;flex-direction:column;gap:9px}.mixer__row{display:grid;grid-template-columns:44px 1fr;align-items:center;gap:10px}.mixer__name{font-size:12.5px;color:var(--text-dim)}.mixer__row input[type=range]{width:100%;accent-color:#7fb2ff;cursor:pointer}.modes{grid-column:1 / -1;justify-self:start;z-index:21;display:flex;gap:6px;padding:4px;border-radius:999px;background:#0a0d1699;border:1px solid var(--line);backdrop-filter:blur(12px)}.modes[hidden]{display:none}.mode-btn{padding:6px 14px;border:none;border-radius:999px;background:transparent;color:var(--text-faint);font-size:12.5px;cursor:pointer;transition:color .2s ease,background .2s ease}.mode-btn:hover{color:var(--text)}.mode-btn.is-active{color:#fff;background:linear-gradient(120deg,#4f8dff,#8a5cff)}.xr-overlay{position:fixed;inset:0;z-index:40;display:grid;place-items:end center;padding:0 0 46px;pointer-events:none}.xr-overlay[hidden]{display:none}.xr-overlay__card{display:flex;flex-direction:column;gap:6px;max-width:420px;padding:14px 20px;border-radius:16px;background:#080b14bd;border:1px solid rgba(150,190,255,.2);backdrop-filter:blur(14px);color:var(--text-dim);font-size:13px;line-height:1.6;text-align:center}.xr-overlay__card strong{color:#fff;font-size:14.5px;font-weight:600}.xr-overlay__hint{color:var(--text-faint);font-size:12px}.xr-banner{position:fixed;top:50%;left:50%;transform:translate(-50%);z-index:22;width:max-content;max-width:calc(100% - 32px);padding:9px 18px;border-radius:999px;background:#0a0d16cc;border:1px solid var(--line);backdrop-filter:blur(12px);font-size:12.5px;line-height:1.6;color:var(--text-dim);opacity:0;pointer-events:none;transition:opacity .3s ease}.xr-banner.is-visible{opacity:1}@media(max-width:1040px){.viewer__top{grid-template-columns:auto minmax(0,1fr);gap:12px 18px}.viewer__tools{grid-column:1 / -1;width:100%;max-width:none}.viewer__actions{justify-content:flex-end}.audio-ctl{margin-right:auto}.viewer__xr-status{max-width:none;text-align:left}}@media(max-width:720px){.viewer__top{padding-top:max(16px,env(safe-area-inset-top));gap:10px 14px}.viewer__title{font-size:22px;gap:3px 10px}.viewer__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.viewer__actions>.btn{padding:10px 8px;min-height:44px}.viewer__extras{justify-content:space-between;gap:8px}.audio-ctl{grid-column:1 / -1;width:100%}.audio-ctl .volume{display:block;flex:1;width:auto;max-width:180px}.audio-ctl #mixer-toggle{margin-left:auto}.mixer{width:min(280px,100%)}.viewer__bottom{flex-direction:column;align-items:stretch;gap:14px;padding-bottom:max(18px,env(safe-area-inset-bottom))}.viewer__nav{justify-content:space-between}.scene-select{flex:1;max-width:none}}@media(max-height:500px)and (max-width:1040px){.settings-panel{position:fixed;top:16px;right:16px;max-height:calc(100dvh - 32px)}.viewer__top{grid-template-columns:auto minmax(0,1fr) auto;padding-top:10px;gap:6px 12px}.viewer__tools{grid-column:auto}.viewer__actions{display:flex}.audio-ctl .volume,.viewer__title em,.viewer__tags,.breath{display:none}.viewer__actions>.btn{padding:10px}.viewer__bottom{flex-direction:row;padding-top:10px}.viewer__desc{margin-bottom:0;font-size:12px}}