@font-face{font-family:XiangDisplay;src:url(./display-o11Nxh8M.woff2) format("woff2");font-weight:700 900;font-style:normal;font-display:swap}@font-face{font-family:XiangBody;src:url(./body-Cuad_As7.woff2) format("woff2");font-weight:400 600;font-style:normal;font-display:swap}:root{--brand: #5f6fff;--cream: #f7f1e6;--ink: #1a1410;--paper: #f2ede4;--amber: #e0a45a;--safe-l: max(16px, env(safe-area-inset-left));--safe-r: max(16px, env(safe-area-inset-right));--safe-t: max(14px, env(safe-area-inset-top));--safe-b: max(12px, env(safe-area-inset-bottom));--foot-left: 168px}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none;background:#140c09;color:var(--cream);font-family:XiangBody,PingFang SC,Hiragino Sans GB,Noto Sans SC,Songti SC,serif;-webkit-font-smoothing:antialiased;touch-action:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#app,#stage,#gl,#hero-bg{position:fixed;top:0;right:0;bottom:0;left:0}#gl{width:100%;height:100%;display:block;opacity:0;transform:scale(1.03);filter:blur(8px);transform-origin:center center;pointer-events:none}body.is-room #gl,body.is-entering #gl{pointer-events:auto}#hero-bg{background:#140c09 center 45% / cover no-repeat;filter:blur(8px);transform:scale(1.04);transform-origin:center center;pointer-events:none}body.no-webgl #hero-bg{filter:blur(10px)}#grain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4;opacity:.08;mix-blend-mode:overlay;background-size:128px 128px}#loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(180deg,#140c09,#2a1c14 48%,#5a3b28);transition:opacity .7s ease,filter .6s ease,transform .6s ease}#loader.is-out{opacity:0;filter:blur(16px);pointer-events:none}.loader-ring{position:relative;width:min(300px,72vw);height:min(300px,72vw);display:grid;place-items:center;transition:transform .6s ease,filter .6s ease,opacity .6s ease}#loader.is-burst .loader-ring{transform:scale(1.06);filter:blur(18px);opacity:0}.loader-ring:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.08),rgba(255,255,255,.02) 55%,transparent 62%);box-shadow:inset 0 -18px 28px #00000059,inset 0 8px 16px #ffffff38,0 0 0 1px #ffffff4d}#loadPct{font-family:XiangDisplay,XiangBody,serif;font-size:clamp(56px,10vw,120px);font-weight:900;letter-spacing:-.06em;line-height:.8;color:#ffffffe0;font-variant-numeric:tabular-nums}#loadCap{margin-top:22px;font-size:18px;letter-spacing:.12em;color:#f7f1e6b3}#header{position:fixed;top:0;left:0;right:0;z-index:22;display:flex;align-items:flex-start;justify-content:space-between;padding:calc(var(--safe-t) + 6px) calc(var(--safe-r) + 12px) 0 calc(var(--safe-l) + 8px);pointer-events:none}#header>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:10px;background:none;border:0;padding:0;color:inherit;cursor:pointer;font:inherit}.brand:focus-visible{outline:2px solid var(--brand);outline-offset:4px}.mark{width:26px;height:26px;position:relative;mix-blend-mode:difference;flex:0 0 auto}.mark i{position:absolute;width:18px;height:18px;border:1.5px solid #fff;border-radius:50%;top:4px}.mark i:first-child{left:0}.mark i:last-child{right:0}.demo-tag{font-size:12px;letter-spacing:.04em;color:#f7f1e6c7;white-space:nowrap}@media (min-width: 700px){.demo-tag{font-size:13px}}.header-right{display:flex;align-items:center;gap:40px}#menuBtn,#backBtn{background:none;border:0;color:var(--cream);font:500 18px/1 XiangBody,serif;cursor:pointer;padding:6px 0}#ctaHead,#ctaMenu,#ctaFoot{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:var(--brand);color:#fff;font:600 16px/1 XiangBody,serif;padding:8px 16px;border-radius:999px;cursor:pointer}#ctaHead{font-size:18px;background:transparent;color:var(--brand);padding:6px 0;border-radius:0}#menuBtn:focus-visible,#backBtn:focus-visible,#ctaHead:focus-visible,#ctaHero:focus-visible,#ctaMenu:focus-visible,#ctaFoot:focus-visible,.tab:focus-visible,.menu-list button:focus-visible{outline:2px solid var(--brand);outline-offset:3px}#backBtn{position:fixed;top:calc(var(--safe-t) + 54px);left:calc(var(--safe-l) + 8px);z-index:22;color:var(--brand);display:none}body.at-rack #backBtn{display:block}#poster{position:fixed;top:0;right:0;bottom:0;left:0;z-index:8;pointer-events:none;display:grid;place-items:center;overflow:hidden}#poster .layer{position:absolute;left:50%;top:50%;will-change:transform,filter,opacity}#kicker{font-size:clamp(22px,3.2vw,47px);letter-spacing:-.06em;line-height:.9;text-align:center;white-space:nowrap;transform:translate(-50%,calc(-100% - 132px));color:#ffffffeb}#nameGroup{display:flex;align-items:center;gap:14px;transform:translate(-50%,-58%)}.glass-dot{width:45px;height:90px;border-radius:45px;background:linear-gradient(180deg,#ffffff47,#ffffff0f);box-shadow:inset 0 -10px 16px #00000047,inset 0 8px 12px #ffffff47}#shopName{display:flex;gap:.06em;font-family:XiangDisplay,XiangBody,serif;font-size:clamp(72px,16vw,172px);font-weight:900;letter-spacing:-.08em;line-height:.8;color:#ffffff57;text-shadow:0 1px 0 rgba(255,255,255,.2),inset 0 -2px 0 rgba(0,0,0,.25),0 18px 40px rgba(0,0,0,.25)}#headline{display:flex;gap:.12em;font-size:clamp(22px,3.2vw,47px);letter-spacing:-.06em;line-height:.9;transform:translate(-50%,28px);color:#ffffffeb;white-space:nowrap}.chips{transform:translate(70px,36px)}.chip{position:absolute;left:0;top:0;background:var(--cream);color:var(--ink);font-size:18px;line-height:1;padding:7px 12px;border-radius:4px;box-shadow:0 6px 18px #0000002e;white-space:nowrap}.chip:nth-child(1){transform:translate(40px,8px) rotate(-3deg)}.chip:nth-child(2){transform:translate(108px,36px) rotate(4deg)}.chip:nth-child(3){transform:translate(58px,64px) rotate(-2deg)}.notes{transform:translate(calc(-50% - 160px),96px);display:flex;flex-direction:column;gap:10px;color:#ffffffe6;font-size:18px;letter-spacing:.04em}#ctaHero{transform:translate(-50%,322px);background:none;border:0;color:var(--brand);font:500 18px/1 XiangBody,serif;cursor:pointer;pointer-events:auto;padding:6px 0;text-decoration:none}#ctaHero:hover,#ctaHero:focus-visible{text-decoration:underline}#hint{transform:translate(-50%,358px);font-size:14px;color:#f7f1e69e;pointer-events:none;white-space:nowrap}body.is-room #poster,body.is-room #hero-bg{opacity:0}.enter-rise{animation:riseIn .9s cubic-bezier(.2,.7,.2,1) both}@keyframes riseIn{0%{opacity:0;transform:translate(var(--tx, -50%),calc(var(--ty, 0px) + 16px));filter:blur(12px)}to{opacity:1;filter:blur(0)}}@media (prefers-reduced-motion: reduce){.enter-rise{animation:none}}#lookHint{position:fixed;left:50%;top:auto;bottom:calc(var(--safe-b) + 108px);transform:translate(-50%);z-index:12;font-size:18px;color:#f7f1e6d9;letter-spacing:.06em;text-shadow:0 2px 10px rgba(0,0,0,.5);opacity:0;pointer-events:none;transition:opacity .5s ease;text-align:center;padding:0 24px}#lookHint.show{opacity:1}#tag{position:fixed;z-index:13;transform:translate(-50%);background:var(--cream);color:var(--ink);font-size:16px;line-height:1;padding:6px 10px;border-radius:4px;pointer-events:none;opacity:0;white-space:nowrap;box-shadow:0 6px 16px #00000038}#tag.show{opacity:1}#detail{position:fixed;z-index:13;width:88px;height:88px;border-radius:50%;overflow:hidden;pointer-events:none;opacity:0;box-shadow:0 8px 20px #00000059;border:2px solid rgba(247,241,230,.7);background:#1a1410 center / cover no-repeat}#detail.show{opacity:1}#tabs{position:fixed;left:50%;bottom:calc(var(--safe-b) + 46px);transform:translate(-50%) translateY(120%);z-index:18;display:flex;align-items:stretch;gap:0;background:transparent;pointer-events:none;opacity:0}body.is-room #tabs{pointer-events:auto;opacity:1;transform:translate(-50%) translateY(0);transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity .5s ease}body.is-poster #tabs,body.is-loading #tabs{pointer-events:none;opacity:0;transform:translate(-50%) translateY(120%)}.tabs-track{position:relative;display:flex;align-items:center;isolation:isolate}.tab{position:relative;z-index:1;background:#f7f1e6c7;color:var(--ink);border:0;font:500 16px/1 XiangBody,serif;padding:10px 28px;margin:0 3px;border-radius:2px;cursor:pointer;min-width:4.5em}.tab-ink{position:absolute;z-index:2;top:0;height:100%;background:var(--brand);border-radius:2px;pointer-events:none;transition:none}.tabs-labels{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;align-items:center;color:#fff;pointer-events:none;overflow:hidden}.tabs-labels span{font:500 16px/1 XiangBody,serif;padding:10px 28px;margin:0 3px;min-width:4.5em;text-align:center;flex:0 0 auto}#footer{position:fixed;left:var(--foot-left);right:var(--safe-r);bottom:var(--safe-b);z-index:17;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand cta" "disc cta";column-gap:16px;row-gap:2px;align-items:end;font-size:11px;line-height:1.45;color:#f7f1e69e;pointer-events:none}#footer>*{pointer-events:auto}#footer .brand-line{grid-area:brand;color:#f7f1e6cc;white-space:nowrap}#footer .disc{grid-area:disc;max-width:58em}#footer .disc p{margin:0}#ctaFoot{grid-area:cta;align-self:end;font-size:13px;padding:5px 12px;margin:0}@media (max-width: 720px){#footer{font-size:10px;gap:6px 10px}#footer .disc-2{display:none}#ctaFoot{margin-left:0}.header-right{gap:14px}#ctaHead{font-size:16px}#hint{font-size:13px}.glass-dot{width:18px;height:36px;border-radius:18px}#kicker{white-space:normal;width:88vw;text-align:center}.chip{font-size:15px;padding:6px 10px}#tabs{bottom:calc(var(--safe-b) + 58px)}#lookHint{bottom:calc(var(--safe-b) + 120px);font-size:15px}}#menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#0c080675;display:none;align-items:flex-start;justify-content:flex-end}body.menu-open #menu{display:flex}.menu-panel{margin:calc(var(--safe-t) + 56px) calc(var(--safe-r) + 12px) 0 0;width:min(320px,calc(100vw - 32px));background:#1a1410f5;color:var(--cream);border:1px solid rgba(247,241,230,.12);border-radius:12px;padding:18px 18px 16px;box-shadow:0 16px 40px #0006}.menu-list{list-style:none;margin:0;padding:0}.menu-list button{display:block;width:100%;text-align:left;background:none;border:0;color:inherit;font:500 20px/1.6 XiangBody,serif;cursor:pointer;padding:4px 0}#menuClose{margin-top:8px;opacity:.75}.menu-cta{margin-top:18px}.menu-note{display:none;margin-top:14px;font-size:11px;line-height:1.45;color:#f7f1e69e}@media (max-width: 720px){.menu-note{display:block}}#toast{position:fixed;left:50%;bottom:28%;transform:translate(-50%) translateY(8px);z-index:50;background:#1a1410f0;color:var(--cream);font-size:14px;padding:10px 16px;border-radius:8px;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease;max-width:min(420px,90vw);text-align:center;box-shadow:0 8px 24px #00000059}#toast.show{opacity:1;transform:translate(-50%) translateY(0)}body.reduced #loader,body.reduced #poster,body.reduced #tabs,body.reduced #gl,body.reduced #hero-bg{transition:none!important;animation:none!important}
