:root{--bg-top: #c6d8d7;--bg-mid: #a9c3c2;--bg-bottom: #7f9f9e;--palm-shadow: rgba(30, 60, 60, .38);--palm-shadow-soft: rgba(30, 60, 60, .22);--tag-w: min(360px, 46vw);--tag-x: 50%;--tag-y: -16vh;--card-top: 57%;--card-left: 6%;--card-right: 6%;--card-bottom: 2%;--ribbon-top: -6%;--ribbon-left: 66%;--ribbon-right: 25%;--ribbon-bottom: 43%;--shadow-color: #0a1e24;--shadow-offset-x: 14%;--shadow-offset-y: 6%;--shadow-opacity: .85;--shadow-blur: 3px;--fx-opacity: .75}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg-bottom);overflow:hidden;font-family:ui-sans-serif,-apple-system,system-ui,sans-serif}.scene{position:relative;min-height:100vh;isolation:isolate;overflow:hidden}.shader{position:absolute;inset:0;width:100%;height:100%;z-index:0;display:block;pointer-events:none}.bg{position:absolute;inset:0;z-index:1;overflow:hidden;background:radial-gradient(120% 90% at 20% 10%,rgba(255,236,210,.2) 0%,transparent 55%),radial-gradient(120% 90% at 65% 35%,var(--bg-top) 0%,var(--bg-mid) 45%,var(--bg-bottom) 100%);transition:opacity .6s ease}body.webgl-on .bg{opacity:0}.palm{position:absolute;inset:-10%;background-image:linear-gradient(100deg,transparent 0%,transparent 6%,var(--palm-shadow) 7%,var(--palm-shadow) 12%,transparent 13%,transparent 22%,var(--palm-shadow-soft) 23%,var(--palm-shadow-soft) 28%,transparent 29%,transparent 38%,var(--palm-shadow) 39%,var(--palm-shadow) 44%,transparent 45%,transparent 56%,var(--palm-shadow-soft) 57%,var(--palm-shadow-soft) 62%,transparent 63%,transparent 74%,var(--palm-shadow) 75%,var(--palm-shadow) 79%,transparent 80%,transparent 100%),linear-gradient(82deg,transparent 0%,transparent 20%,var(--palm-shadow-soft) 21%,var(--palm-shadow-soft) 26%,transparent 27%,transparent 52%,var(--palm-shadow-soft) 53%,var(--palm-shadow-soft) 57%,transparent 58%,transparent 100%);background-size:120% 100%,130% 100%;filter:blur(28px) saturate(.95);mix-blend-mode:multiply;opacity:.9;animation:palmDrift 24s ease-in-out infinite alternate;will-change:transform}@keyframes palmDrift{0%{transform:translate3d(-1.5%,-.8%,0) scale(1.02)}to{transform:translate3d(1.5%,.8%,0) scale(1.06)}}.gobo{position:absolute;inset:-18%;background:radial-gradient(closest-side at 18% 28%,rgba(255,255,255,.16),transparent 68%),radial-gradient(closest-side at 62% 36%,rgba(255,255,255,.1),transparent 66%),radial-gradient(closest-side at 45% 72%,rgba(0,0,0,.14),transparent 70%),radial-gradient(closest-side at 78% 62%,rgba(255,255,255,.08),transparent 64%);filter:blur(32px) saturate(1.05);opacity:var(--fx-opacity);mix-blend-mode:soft-light;animation:goboMove 16s ease-in-out infinite alternate;will-change:transform}.grain{position:absolute;inset:-20%;background-image:repeating-radial-gradient(circle at 20% 10%,rgba(255,255,255,.05) 0 1px,transparent 1px 4px),repeating-radial-gradient(circle at 80% 60%,rgba(0,0,0,.06) 0 1px,transparent 1px 5px);opacity:.1;mix-blend-mode:overlay;filter:blur(.2px);animation:grainShift 8s steps(2,end) infinite;will-change:transform}.rays{position:absolute;inset:-10%;background:linear-gradient(115deg,transparent 0%,transparent 18%,rgba(255,228,190,.1) 22%,transparent 30%,transparent 44%,rgba(255,228,190,.08) 48%,transparent 56%,transparent 70%,rgba(255,228,190,.06) 73%,transparent 80%);mix-blend-mode:screen;filter:blur(18px);opacity:.9;animation:raysDrift 14s ease-in-out infinite alternate;will-change:transform,opacity}@keyframes raysDrift{0%{transform:translate3d(-1%,-1%,0) scale(1.02);opacity:.75}to{transform:translate3d(1.2%,1%,0) scale(1.06);opacity:1}}.vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(130% 90% at 50% 55%,transparent 55%,rgba(0,0,0,.28) 100%);mix-blend-mode:multiply}@keyframes goboMove{0%{transform:translate3d(-2%,-1%,0) rotate(-.6deg) scale(1.02)}to{transform:translate3d(2%,1%,0) rotate(.6deg) scale(1.06)}}@keyframes grainShift{0%{transform:translateZ(0)}20%{transform:translate3d(-1.5%,.8%,0)}55%{transform:translate3d(1.1%,-1.2%,0)}to{transform:translateZ(0)}}.hanger{position:absolute;left:var(--tag-x);top:var(--tag-y);z-index:2;width:var(--tag-w);transform:translate3d(-50%,0,0);transform-origin:50% 0;pointer-events:none;will-change:transform,rotate,translate}.tag{position:relative;display:block;width:100%;height:auto;user-select:none;-webkit-user-drag:none}.tag__shadow{position:absolute;background-color:var(--shadow-color);opacity:var(--shadow-opacity);transform:translate(var(--shadow-offset-x),var(--shadow-offset-y));transform-origin:0 0;filter:blur(var(--shadow-blur));pointer-events:none}.tag__shadow--card{left:var(--card-left);right:var(--card-right);top:var(--card-top);bottom:var(--card-bottom);border-radius:2px;box-shadow:0 24px 40px #00000038,0 2px 6px #0000002e}.tag__shadow--ribbon{left:var(--ribbon-left);right:var(--ribbon-right);top:var(--ribbon-top);bottom:var(--ribbon-bottom)}.motion-hint{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 22px);transform:translate(-50%,8px);padding:10px 18px;font:500 12px/1 ui-sans-serif,-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#ebf5f2db;background-color:#0a161a52;backdrop-filter:blur(10px) saturate(1.1);-webkit-backdrop-filter:blur(10px) saturate(1.1);border:1px solid rgba(255,255,255,.08);border-radius:999px;user-select:none;-webkit-tap-highlight-color:transparent;cursor:pointer;appearance:none;opacity:0;transition:opacity .6s ease,transform .6s ease;z-index:10}.motion-hint:active{transform:translate(-50%,1px) scale(.98)}.motion-hint[hidden]{display:none}.motion-hint.is-visible{opacity:1;transform:translate(-50%)}@media(max-width:780px){:root{--tag-w: min(300px, 64vw);--tag-x: 50%;--shadow-offset-x: 12%;--shadow-offset-y: 5%}}@media(prefers-reduced-motion:reduce){.palm,.gobo,.grain,.rays{animation:none!important}}