:root{color-scheme:dark;--ink: #fff8ec;--muted: #dfcdb7;--gold: #d8a03b;--gold-bright: #f3c86c;--teal: #72dfd0;--rose: #d78cae;--deep: #110c0a;--panel: rgba(23, 16, 13, .74);--line: rgba(239, 210, 159, .24)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#100b09;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{overflow-x:hidden}button,input,textarea,select{font:inherit}a{color:inherit}.experience-shell{min-height:100vh;background:radial-gradient(circle at 48% 16%,rgba(243,200,108,.2),transparent 26%),radial-gradient(circle at 18% 78%,rgba(114,223,208,.13),transparent 32%),radial-gradient(circle at 82% 78%,rgba(215,140,174,.12),transparent 34%),linear-gradient(145deg,#24150e,#130d0a 52%,#070504)}.experience-shell[data-mode=voice]{background:radial-gradient(circle at 50% 18%,rgba(114,223,208,.22),transparent 28%),radial-gradient(circle at 16% 82%,rgba(243,200,108,.12),transparent 32%),linear-gradient(145deg,#102322,#130d0a 55%,#070504)}.experience-shell[data-mode=secret]{background:radial-gradient(circle at 50% 18%,rgba(215,140,174,.18),transparent 30%),radial-gradient(circle at 82% 78%,rgba(243,200,108,.14),transparent 32%),linear-gradient(145deg,#241326,#150d12 55%,#070504)}.experience-shell[data-mode=collection]{background:radial-gradient(circle at 50% 14%,rgba(243,200,108,.19),transparent 30%),radial-gradient(circle at 20% 76%,rgba(114,223,208,.12),transparent 30%),radial-gradient(circle at 80% 74%,rgba(141,165,217,.12),transparent 32%),linear-gradient(145deg,#211710,#111113 58%,#070504)}.experience-stage{position:relative;display:grid;min-height:100vh;place-items:center;padding:clamp(16px,4vw,42px);isolation:isolate}.experience-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.experience-canvas canvas{display:block;width:100%;height:100%}.mode-switcher{position:fixed;top:14px;left:50%;z-index:5;display:flex;max-width:calc(100vw - 24px);padding:6px;gap:4px;transform:translate(-50%);border:1px solid rgba(239,210,159,.22);border-radius:999px;background:#100b09b8;box-shadow:0 18px 42px #00000047;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.mode-switcher a{min-width:76px;padding:9px 12px;border-radius:999px;color:#f5dfbd;font-size:.8rem;font-weight:900;letter-spacing:0;text-align:center;text-decoration:none;white-space:nowrap}.mode-switcher a.is-active{color:#211306;background:linear-gradient(135deg,#f4ce78,#d99a32)}.story-panel{position:relative;z-index:2;width:min(620px,calc(100vw - 72px));margin-top:min(24vh,220px);padding:clamp(20px,4vw,36px);border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#261b13cc,#120d0ac7),var(--panel);box-shadow:0 30px 90px #00000073,inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);min-width:0;overflow:hidden}.story-panel:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;z-index:-1;border-radius:inherit;background:linear-gradient(135deg,rgba(243,200,108,.28),transparent 38%),linear-gradient(315deg,rgba(114,223,208,.16),transparent 36%);opacity:.72}.memory-photo-frame{position:relative;width:min(270px,62vw);margin:0 0 18px;padding:8px;border:1px solid rgba(243,200,108,.34);border-radius:16px;background:linear-gradient(135deg,#fff8ec24,#ffffff0a),#100b0980;box-shadow:0 20px 52px #00000052}.memory-photo-frame:after{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:11px;pointer-events:none;box-shadow:inset 0 0 0 1px #fff8ec24}.memory-photo-frame img{display:block;width:100%;aspect-ratio:4 / 3;border-radius:11px;object-fit:cover}.eyebrow{margin:0 0 10px;color:var(--gold-bright);font-size:.76rem;font-weight:950;letter-spacing:0;text-transform:uppercase}h1{max-width:13ch;margin:0;color:#fff8ec;font-size:clamp(2.3rem,6vw,4.65rem);line-height:.96;letter-spacing:0;overflow-wrap:anywhere;word-break:break-word;text-wrap:balance}.experience-shell[data-mode=collection] h1{max-width:15ch;font-size:clamp(2.25rem,5.2vw,4.25rem)}.subtitle{margin:14px 0 0;color:#f4dfbd;font-size:clamp(1rem,2vw,1.18rem);font-weight:850;overflow-wrap:anywhere}.experience-meta{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}.experience-meta span{display:grid;gap:1px;min-width:min(160px,100%);padding:10px 12px;border:1px solid rgba(239,210,159,.18);border-radius:12px;background:#fff8ec14}.experience-meta strong{color:var(--gold-bright);font-size:.72rem;text-transform:uppercase}.experience-meta em{color:#fff8ec;font-style:normal;font-weight:850}.story-copy{margin:16px 0 0;color:var(--muted);font-size:clamp(1rem,1.8vw,1.08rem);line-height:1.68;overflow-wrap:anywhere}.action-row{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:24px}.story-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border:0;border-radius:999px;color:#201206;background:linear-gradient(135deg,#f1c56b,#d69225);box-shadow:0 16px 38px #d8a03b47;font-weight:950;cursor:pointer}.story-button:focus-visible{outline:3px solid rgba(255,232,184,.85);outline-offset:4px}.status-text{min-height:1.4em;margin:0;color:var(--teal);font-size:.92rem;font-weight:800}.status-text a{color:#fff8ec;text-decoration-thickness:2px;text-underline-offset:4px}.fallback-note{margin:16px 0 0;color:#f0dcae;font-size:.9rem}.no-script-story{min-height:100vh;padding:32px;background:#130d0a;color:var(--ink)}.is-fallback .experience-canvas{opacity:.22;background:radial-gradient(circle at 50% 30%,rgba(216,160,59,.28),transparent 34%),linear-gradient(145deg,#2a170f,#0c0806)}.is-expanded .story-panel{margin-top:0}@media (max-width: 780px){.experience-stage{align-items:end;justify-items:stretch;width:100vw;padding:74px 14px 14px;overflow:hidden}.mode-switcher{overflow-x:auto;justify-content:flex-start;width:calc(100vw - 20px);border-radius:18px}.mode-switcher a{flex:0 0 auto}.story-panel{justify-self:center;width:calc(100vw - 48px);max-width:calc(100vw - 48px);margin-top:auto;border-radius:16px}.memory-photo-frame{width:min(220px,68vw)}h1{max-width:10ch;font-size:2.35rem;line-height:1}}@media (max-width: 420px){.story-panel{width:320px;max-width:calc(100vw - 56px);margin-right:auto;margin-left:auto;padding:18px}h1{max-width:9ch;font-size:2.1rem}.action-row{align-items:stretch;flex-direction:column}.story-button{width:100%}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important}}