:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--cream:#f4f1e9;--muted:#c4c6c9}*{box-sizing:border-box}body{color:var(--cream);-webkit-font-smoothing:antialiased;background:#10161d;margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:5px;outline:2px solid #ead3a1}button{touch-action:manipulation}button:disabled{cursor:wait}.experience{isolation:isolate;background:#10161d;width:100%;height:100svh;min-height:420px;position:relative;overflow:hidden}.experience:fullscreen{height:100dvh}.scene-backdrop{background-size:cover;animation:.8s ease-out arrive;position:absolute;inset:0}.living-canvas{width:100%;height:100%;display:block}.edge-shade{pointer-events:none;background:linear-gradient(#050a1247,#0000 16% 74%,#050a126b);transition:opacity 1s;position:absolute;inset:0}.scene-header{justify-content:space-between;align-items:center;width:100%;padding:28px 34px;display:flex;position:absolute;top:0;left:0}.wordmark{letter-spacing:-.5px;text-shadow:0 1px 12px #0008;align-items:center;gap:8px;font-size:15px;font-weight:500;display:flex}.brand-symbol{margin-right:3px;font-size:25px}.brand-dot{color:#e0b879;margin-left:-7px}.header-actions{gap:6px;display:flex}.icon-button{background:0 0;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;transition:background .2s;display:inline-flex}.icon-button:hover{background:#ffffff14}.header-actions .icon-button{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0d152336}.header-actions .icon-button:hover{background:#0d152388}.disabled-motion{opacity:.6}.glass{-webkit-backdrop-filter:blur(24px);background:#0f151db8;border:1px solid #ffffff21;box-shadow:0 8px 40px #0002}.bottom-ui{position:absolute;bottom:28px;left:34px;right:34px}.control-row{justify-content:space-between;align-items:center;gap:24px;display:flex}.scene-label{text-shadow:0 2px 15px #0009;flex-direction:column;gap:8px;min-width:175px;display:flex}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:#dddcd6;font-size:10px;display:block}.place-name{letter-spacing:-.6px;font-family:Georgia,serif;font-size:29px;font-weight:400}.player{border-radius:100px;align-items:center;gap:6px;padding:9px 12px;display:flex}.play-button{color:#27303b;background:#eee9dc;border:1px solid #ffffff50;border-radius:50%;place-items:center;width:45px;height:45px;transition:background .2s;display:grid}.play-button:hover{background:#fff}.play-button svg{width:18px;height:18px}.player-divider{background:#ffffff20;width:1px;height:26px;margin:0 12px}.now-playing{align-items:center;gap:12px;min-width:142px;font-size:11px;line-height:1.5;display:flex}.now-playing small{color:#b5bbc3;letter-spacing:.04em;margin-top:2px;font-size:9px;display:block}.music-bars{align-items:center;gap:3px;width:21px;height:19px;display:flex}.music-bars i{background:#dbbc83;border-radius:2px;width:2px;height:5px;display:block}.playing .music-bars i{animation:1.1s ease-in-out infinite alternate equalize}.music-bars i:nth-child(2){height:13px;animation-delay:-.4s}.music-bars i:nth-child(3){height:8px;animation-delay:-.7s}.music-bars i:nth-child(4){height:16px;animation-delay:-.2s}.volume-control{align-items:center;gap:10px;margin:0 10px 0 20px;display:flex}.volume-control svg{opacity:.7;width:16px}.volume-control input{accent-color:#ded4bb;cursor:pointer;width:62px;height:16px}.browse-button{border-radius:100px;justify-content:center;align-items:center;gap:10px;min-width:122px;height:49px;padding:0 21px;font-size:12px;display:flex}.browse-button:hover{background:#29313bc9}.chrome{transition:opacity .8s,transform .8s}.is-idle .chrome{opacity:0;pointer-events:none;transform:translateY(8px)}.is-idle .scene-header{transform:translateY(-8px)}.is-idle .edge-shade{opacity:0}.chrome:focus-within{opacity:1;pointer-events:auto;transform:none}.wake-button{opacity:0;pointer-events:none;background:0 0;border:0;width:48px;height:18px;position:absolute;bottom:9px;left:calc(50% - 24px)}.wake-button span{background:#fff5;border-radius:9px;width:24px;height:3px;margin:auto;display:block}.is-idle .wake-button{opacity:1;pointer-events:auto}.scene-tray{border-radius:18px;width:min(910px,100%);margin:0 auto 22px;padding:14px 18px 18px;animation:.2s ease-out tray-in}.tray-heading{color:#d5d7db;justify-content:space-between;align-items:center;margin:0 2px 7px;font-size:12px;display:flex}.tray-heading .icon-button{width:30px;height:30px}.scene-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}.scene-card{color:#c5c9d0;flex-direction:column;gap:10px;font-size:10px;display:flex}.card-image{aspect-ratio:1.55;border:1px solid #0000;border-radius:8px;transition:border-color .2s;display:block;position:relative;overflow:hidden}.card-image img{object-fit:cover}.scene-card:hover .card-image{border-color:#fff8}.scene-card.is-active{color:#fff}.scene-card.is-active .card-image{border-color:#e8d4aa}.selected-dot{background:#f0d49c;border-radius:50%;width:6px;height:6px;position:absolute;bottom:7px;right:7px;box-shadow:0 0 8px #f0d49c}.about-panel{border-radius:18px;width:min(350px,100% - 40px);padding:30px;animation:.2s ease-out tray-in;position:absolute;top:90px;right:34px}.panel-close{position:absolute;top:8px;right:8px}.about-panel .eyebrow{color:#dfc596;margin-top:12px;font-size:8px}.about-panel h2{margin:18px 0;font:29px Georgia,serif}.about-panel p{color:#d0d3d8;font-size:12px;line-height:1.8}.about-panel small{color:#b0b7c1;margin-top:22px;font-size:10px;line-height:1.6;display:block}.error-message{background:#291d1ded;border:1px solid #daa0855c;border-radius:9px;width:fit-content;margin:0 auto 14px;padding:12px 18px;font-size:12px}.loading-dot{border:2px solid #27303b44;border-top-color:#27303b;border-radius:50%;width:12px;height:12px;animation:.7s linear infinite spin}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.not-found{min-height:100svh;padding:15vw}.not-found h1{font:48px Georgia,serif}.not-found a{text-decoration:underline}@keyframes equalize{to{height:4px}}@keyframes arrive{0%{opacity:.3}to{opacity:1}}@keyframes tray-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width:1500px){.scene-header{padding:32px 44px}.bottom-ui{bottom:35px;left:44px;right:44px}}@media (max-width:1000px){.now-playing{min-width:120px}.volume-control{margin-left:10px}.scene-label{min-width:130px}.control-row{gap:14px}.player{gap:1px;padding:8px}.player-divider{margin:0 8px}.volume-control input{width:45px}.browse-button{min-width:100px;padding:0 16px}.bottom-ui{left:22px;right:22px}}@media (max-width:760px){.scene-header{padding:18px}.header-actions{gap:2px}.control-row{flex-wrap:wrap;align-items:end;gap:18px}.scene-label{flex:1;order:0}.browse-button{order:1;min-width:105px;height:44px}.player{order:2;justify-content:center;gap:6px;width:100%;padding:9px 12px}.player-divider{margin:0 9px}.volume-control{margin-left:auto}.now-playing{flex:1;min-width:0}.place-name{font-size:27px}.scene-label .eyebrow{font-size:8px}.bottom-ui{bottom:24px;left:18px;right:18px}.scene-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.scene-tray{margin-bottom:18px;padding:10px 14px 15px}.card-image{aspect-ratio:1.6}.scene-card{gap:7px;font-size:10px}.about-panel{top:76px;right:18px}.wordmark{font-size:14px}.volume-control input{width:50px}.skip-button{width:31px}.scene-header .icon-button{width:38px;height:38px}.fullscreen-button{display:none}}@media (max-height:560px){.scene-header{padding:12px 20px}.bottom-ui{bottom:16px}.scene-label{display:none}.control-row{flex-wrap:nowrap}.player{order:0;width:auto}.scene-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.scene-tray{margin-bottom:10px;padding:6px 12px 10px}.about-panel{max-height:calc(100% - 155px);padding:16px;top:62px;overflow:auto}.card-image{aspect-ratio:1.9}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}
