:root{color-scheme:dark;--gold:#e8c47b;--cream:#f2e5c8;--muted:#85818b}*{box-sizing:border-box}body{margin:0;background:#080910;color:var(--cream);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;overflow:hidden}button{font:inherit;cursor:pointer;color:inherit;border:0}button:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}#experience{height:100svh;min-height:500px;position:relative;isolation:isolate}.ambient{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 48%,#191625 0,#0d0d17 35%,#070810 72%)}#scene{position:absolute;inset:0;touch-action:none}#scene canvas{display:block;width:100%;height:100%}header{position:absolute;top:30px;left:42px;right:42px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:10px;letter-spacing:3px;color:#b8ab94;display:flex;gap:12px;align-items:center}.brand-star{font-size:26px;color:var(--gold)}.header-actions{display:flex;gap:10px}.icon-button{width:34px;height:34px;background:#ffffff04;border:1px solid #d7bb7920;border-radius:50%;color:#c3b28e;font-size:17px}.icon-button:hover{background:#c6a46c20}.heading{position:absolute;top:8.8%;left:0;width:100%;text-align:center;pointer-events:none}h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(35px,4vw,62px);letter-spacing:2px;margin:0;color:#f4dfac;text-shadow:0 0 35px #d6a94f25}.status-dot{display:inline-block;height:5px;width:5px;background:#e0bf7c;border-radius:100%;box-shadow:0 0 9px #e0bf7c70}.controls{position:absolute;bottom:77px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:13px;background:#101018c9;border:1px solid #c7a46e26;border-radius:17px;padding:9px;backdrop-filter:blur(24px);box-shadow:0 15px 60px #0006;white-space:nowrap}.mode-tabs{display:flex;gap:3px}.mode{border-radius:10px;background:transparent;font-size:11px;padding:12px 14px;color:#d7c8aa;transition:.25s}.mode>span{font-size:17px;margin-right:7px;vertical-align:-1px}.mode:hover{background:#bda17112}.mode.active{color:#edd3a0;background:#b8965420;box-shadow:inset 0 0 0 1px #c1a06129}kbd{font-family:inherit;font-size:8px;padding:2px 4px;border:1px solid #b39f7733;border-radius:3px;margin-left:9px;opacity:.65}.divider{height:24px;width:1px;background:#c7a46e24}.secondary,.primary{font-size:11px;padding:12px 15px;border-radius:10px;transition:.2s}.secondary{background:transparent;color:#d7c8aa}.secondary:hover{background:#b6965015}.secondary span{font-size:16px;margin-right:4px}.primary{background:linear-gradient(120deg,#e9d09b,#c8a665);color:#30251b;font-weight:600;box-shadow:0 0 22px #bd924117}.primary:hover{filter:brightness(1.12)}.camera-icon{margin-right:7px;font-size:13px}#photo-nav{position:absolute;top:69%;left:50%;transform:translate(-50%,0);display:flex;gap:16px;align-items:center;padding:7px 12px;background:#080910b0;border-radius:24px;border:1px solid #e0bd662e;backdrop-filter:blur(15px)}#photo-nav button{background:none;color:#d4bb85;font-size:17px;padding:3px 8px}#photo-counter{font-size:10px;letter-spacing:2px;color:#bbaa8d}#camera-preview{position:absolute;bottom:165px;right:30px;width:160px;border-radius:12px;overflow:hidden;border:1px solid #ceb07340;background:#101018;box-shadow:0 10px 40px #0008}#camera-preview video{width:100%;height:115px;object-fit:cover;transform:scaleX(-1);display:block}#hand-overlay{position:absolute;top:0;left:0;width:100%;height:115px;transform:scaleX(-1)}#camera-preview>div{font-size:9px;display:flex;gap:6px;align-items:center;padding:9px;color:#bcaa87}dialog{background:linear-gradient(145deg,#1a1822,#0d0e16);color:#e7d8b8;border:1px solid #d5b16a40;border-radius:22px;padding:38px;max-width:440px;width:calc(100vw - 32px);box-shadow:0 20px 100px #000a}dialog::backdrop{background:#03040b9e;backdrop-filter:blur(12px)}dialog h2{font-family:Georgia,"Songti SC",serif;font-weight:400;margin:0 0 28px;font-size:26px;letter-spacing:2px}.dialog-close{position:absolute;right:16px;top:12px;background:none;color:#a39785;font-size:25px}.gesture-row{display:flex;align-items:center;gap:18px;margin:22px 0}.gesture-row>span{font-size:24px;width:32px}.gesture-row b{flex:1}.gesture-row b{font-size:12px;font-weight:500}dialog .primary{width:100%}#toast{position:absolute;bottom:230px;left:50%;transform:translate(-50%,10px);border:1px solid #c1a06140;background:#14131de8;color:#d4c2a0;border-radius:10px;font-size:11px;padding:12px 18px;opacity:0;transition:.3s;pointer-events:none;max-width:85%;text-align:center;line-height:1.7}#toast.visible{opacity:1;transform:translate(-50%,0)}#error{position:absolute;top:40%;left:10%;right:10%;text-align:center;color:#e7cd9a;font-size:14px;line-height:2}body.immersive header,body.immersive .controls{opacity:0;pointer-events:none}body.immersive .heading{top:5%}body.immersive h1{font-size:30px;text-transform:uppercase;letter-spacing:5px}body.immersive #scene{cursor:none}@media(max-width:760px){header{left:20px;right:20px;top:20px}.brand{font-size:8px;letter-spacing:2px}.heading{top:14%}h1{font-size:38px}.controls{bottom:75px;gap:4px;max-width:calc(100vw - 24px);padding:7px;flex-wrap:wrap;justify-content:center;width:350px;border-radius:16px}.mode-tabs{width:100%;justify-content:center}.mode{padding:10px 12px;font-size:10px}.mode>span{margin-right:4px}.mode kbd{display:none}.divider{display:none}.secondary,.primary{padding:9px 20px;font-size:10px}#camera-preview{width:110px;right:15px;bottom:220px}#camera-preview video,#hand-overlay{height:80px}#toast{bottom:280px;width:85%}#photo-nav{top:65%}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.theme-switch{display:flex;gap:4px;padding:4px;border:1px solid #c7a46e26;border-radius:25px;background:#101018aa;backdrop-filter:blur(18px)}.theme-choice{background:none;color:#d7c8aa;font-size:10px;padding:9px 14px;border-radius:20px;transition:background .3s,color .3s}.theme-choice[aria-pressed="true"]{color:#f1d59b;background:#c6a46c20}.theme-choice[data-theme="heart"]{color:#f6accd}.theme-choice:hover{background:#ffffff09}.mode #shape-label{font-size:11px;margin-right:0;vertical-align:0}.theme-heart{--gold:#ff91c4;--cream:#ffe1f0;background:#0d0610}.theme-heart .ambient{background:radial-gradient(ellipse at 50% 48%,#291024 0,#140a17 40%,#09060e 78%)}.theme-heart h1{color:#ffc5e2;text-shadow:0 0 35px #ff4a9b38}.theme-heart .theme-switch,.theme-heart .controls{border-color:#ec86bb30}.theme-heart .theme-choice[aria-pressed="true"]{color:#ffd5ea;background:#ff75b822}.theme-heart .mode{color:#efbdd6}.theme-heart .mode.active{color:#ffdaed;background:#d44a8b29;box-shadow:inset 0 0 0 1px #f18abd35}.theme-heart .mode:hover{background:#dd80b11a}.theme-heart .primary{background:linear-gradient(120deg,#ffc5df,#e78aba);color:#48172f;box-shadow:0 0 26px #ed529129}.theme-heart .icon-button{color:#edb3d2;border-color:#f195ca2b}.theme-heart .status-dot{background:#ffacd1;box-shadow:0 0 9px #ff77b7}.theme-heart .divider{display:none}.theme-heart #camera-preview{border-color:#ef85ba40}.theme-heart #camera-preview>div{color:#ffc0de}.theme-heart dialog{background:linear-gradient(145deg,#251321,#100a14);border-color:#ef8ab740}.theme-heart .dialog-close{color:#f1bbd4}.theme-heart #toast{color:#f9cade;border-color:#e281af40;background:#24101fe8}@media(max-width:760px){.theme-choice{font-size:9px;padding:8px 11px}.mode #shape-label{font-size:10px}.theme-heart .controls{width:290px}.theme-heart .mode-tabs{width:auto}.theme-heart .primary{padding:11px 13px}.theme-heart .controls{gap:5px;flex-wrap:nowrap}.theme-heart .mode{padding:10px 9px}}