:root{--ink: #f6f3ee;--dim: rgba(246, 243, 238, .62);--glass: rgba(14, 14, 16, .42);--gold: #e9c27a;--serif: "Instrument Serif", Georgia, serif;--sans: "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:#0b0b0c;color:var(--ink);font-family:var(--sans)}#gl{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}#ui{position:fixed;inset:0;pointer-events:none;user-select:none;-webkit-user-select:none}#ui button{pointer-events:auto;font-family:var(--sans)}.fade{position:absolute;inset:0;background:#0b0b0c;opacity:0;transition:opacity .7s ease}.fade.on{opacity:1}.card{position:absolute;left:0;right:0;top:42%;text-align:center;opacity:0;transition:opacity .9s ease;text-shadow:0 1px 12px rgba(0,0,0,.5)}.card.on{opacity:1}.card .t{font-family:var(--serif);font-size:clamp(30px,5vw,56px);letter-spacing:.01em}.card .s{margin-top:6px;font-size:clamp(12px,1.4vw,15px);color:var(--dim);letter-spacing:.08em;text-transform:lowercase}.prompt{position:absolute;left:50%;bottom:max(28px,env(safe-area-inset-bottom));transform:translate(-50%,8px);padding:10px 18px;border-radius:999px;background:var(--glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);font-size:14px;font-weight:500;opacity:0;transition:opacity .2s,transform .2s}.prompt.on{opacity:1;transform:translate(-50%)}.prompt:before{content:"E";display:inline-block;margin-right:10px;padding:1px 7px;border:1px solid var(--dim);border-radius:5px;font-size:12px}@media(pointer:coarse){.prompt:before{display:none}}.toast{position:absolute;left:50%;top:max(18px,env(safe-area-inset-top));transform:translate(-50%,-8px);padding:9px 16px;border-radius:12px;background:var(--glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);font-size:14px;opacity:0;transition:opacity .25s,transform .25s}.toast.on{opacity:1;transform:translate(-50%)}.stick{position:absolute;left:0;top:0;width:120px;height:120px;border-radius:50%;border:1.5px solid rgba(255,255,255,.35);background:#00000024;transform:translate(calc(max(28px,env(safe-area-inset-left)) + 10px),calc(100vh - 170px))}.stick .knob{position:absolute;left:35px;top:35px;width:50px;height:50px;border-radius:50%;background:#ffffffd1}.action-btn{position:absolute;right:max(28px,env(safe-area-inset-right));bottom:max(34px,env(safe-area-inset-bottom));width:108px;height:108px;border-radius:50%;border:1.5px solid rgba(255,255,255,.45);background:#00000040;color:var(--ink);font-weight:700;font-size:15px;letter-spacing:.06em;opacity:.4;transition:opacity .2s,background .2s}.action-btn.ready{opacity:1;background:#e9c27ae6;color:#1a1408;border-color:transparent}@media(prefers-reduced-motion:reduce){.card,.fade,.prompt,.toast{transition:none}}.wd{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:clamp(10px,2.4vh,22px);background:#0b0b0c80;backdrop-filter:blur(18px) saturate(1.1);-webkit-backdrop-filter:blur(18px) saturate(1.1);pointer-events:auto;opacity:0;transition:opacity .24s ease}.wd.in{opacity:1}.wd-head{position:relative;text-align:center;padding:0 max(24px,env(safe-area-inset-right)) 0 max(24px,env(safe-area-inset-left))}.wd-title{font-family:var(--serif);font-size:clamp(26px,4.2vh,34px);line-height:1;letter-spacing:.01em}.wd-sub{margin-top:6px;font-size:11px;letter-spacing:.14em;color:var(--dim);text-transform:lowercase}.wd-x{position:absolute;right:max(24px,env(safe-area-inset-right));top:50%;transform:translateY(-50%);border:0;border-radius:999px;padding:8px 16px;background:#f6f3ee1f;color:var(--ink);font-size:13px;letter-spacing:.06em;cursor:pointer}.wd-x:hover{background:#f6f3ee38}.wd-row{display:flex;gap:clamp(12px,1.6vw,22px);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;padding:6px max(24px,env(safe-area-inset-left)) 10px;scroll-padding:0 30vw;outline:none}.wd-row::-webkit-scrollbar{display:none}.wd-row:before,.wd-row:after{content:"";flex:0 0 calc(50vw - var(--wd-w) / 2 - 30px)}.wd{--wd-w: min(30vw, 44vh)}.wd-watch{--wd-w: min(30vw, 50vh)}.wd-card{position:relative;flex:0 0 var(--wd-w);display:flex;flex-direction:column;align-items:center;gap:4px;scroll-snap-align:center;border:0;padding:0 0 10px;background:none;color:var(--ink);text-align:center;cursor:pointer;transition:transform .22s ease,opacity .22s ease;opacity:.62;transform:scale(.94)}.wd-card.focus,.wd-card:hover{opacity:1;transform:scale(1)}.wd-img{display:block;width:100%;aspect-ratio:3 / 4;border-radius:14px;overflow:hidden;background:#8f877d;box-shadow:0 18px 40px #00000059;outline:1.5px solid rgba(246,243,238,.08);outline-offset:-1.5px}.wd-watch .wd-img{aspect-ratio:1 / 1;background:#1d1a17}.wd-img img{display:block;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}.wd-card.on .wd-img{outline:2px solid var(--gold);outline-offset:-2px}.wd-name{margin-top:8px;font-family:var(--serif);font-size:20px;line-height:1.1}.wd-note{font-size:11px;letter-spacing:.08em;color:var(--dim)}.wd-wearing{position:absolute;top:10px;left:10px;padding:3px 9px;border-radius:999px;background:var(--gold);color:#1a1408;font-size:11px;font-weight:600;letter-spacing:.06em;opacity:0;transition:opacity .2s}.wd-card.on .wd-wearing{opacity:1}@media(max-height:500px){.wd{gap:8px;--wd-w: min(26vw, 52vh)}.wd-watch{--wd-w: min(28vw, 58vh)}.wd-title{font-size:24px}.wd-sub{display:none}.wd-name{font-size:17px;margin-top:4px}}@media(prefers-reduced-motion:reduce){.wd,.wd-card{transition:none}}