.stage{background:radial-gradient(120% 90% at 78% 8%, var(--stage-2), var(--stage) 62%);color:var(--stage-ink);flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.stage[data-stage=night]{--stage:#14201f;--stage-2:#1b2b29;--stage-line:#2c3f3c;--stage-ink:#eaf1ee;--stage-ink-2:#a9bab6;--stage-ink-3:#7e938e;--stage-panel:#0e1817;--stage-weight:700;--stage-weight-2:500}.stage[data-stage=day]{--stage:#edf1ee;--stage-2:#fff;--stage-line:#b9c6c1;--stage-ink:#0a100e;--stage-ink-2:#26332f;--stage-ink-3:#46554f;--stage-panel:#fff;--stage-weight:700;--stage-weight-2:600}.stage-top{flex:none;justify-content:space-between;align-items:center;padding:clamp(1rem,2.2vh,1.9rem) clamp(1.25rem,3vw,3rem);display:flex}.stage-brand{align-items:center;gap:.7rem;display:flex}.stage-brand svg{width:auto;height:clamp(30px,3.4vh,44px)}.stage-brand span{font-family:var(--font-display);font-size:clamp(.95rem,1.5vh,1.2rem);font-weight:700}.stage-meta{color:var(--stage-ink-3);align-items:center;gap:1.1rem;font-size:clamp(.72rem,1.2vh,.88rem);display:flex}.pause-flag{border:1px solid var(--stage-line);border-radius:999px;align-items:center;gap:.4rem;padding:.25rem .7rem;display:inline-flex}.intro{text-align:center;flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:clamp(1rem,3vh,2.4rem);min-height:0;padding:0 clamp(1.5rem,5vw,5rem) clamp(1.5rem,4vh,3rem);display:flex}.intro-mark{animation:introPop .7s var(--spring) both}.intro-mark svg{width:clamp(64px,13vh,140px);height:auto}.intro-who{font-family:var(--font-display);color:var(--stage-ink-2);letter-spacing:.02em;margin:0;font-size:clamp(.9rem,1.9vh,1.35rem);font-weight:600}.intro-line{font-family:var(--font-display);text-wrap:balance;animation:introUp .6s var(--ease-out) both .1s;margin:0;font-size:clamp(1.9rem,5.6vw,5rem);font-weight:700;line-height:1.15}.intro-stats{justify-content:center;align-items:flex-start;gap:clamp(1.5rem,6vw,5.5rem);margin-top:clamp(.5rem,2vh,1.5rem);display:flex}.stat{animation:introUp .6s var(--ease-out) both .25s}.stat-n{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:clamp(2.6rem,9vw,8rem);font-weight:700;line-height:1}.stat-l{color:var(--stage-ink-2);font-weight:var(--stage-weight-2);margin-top:.4rem;font-size:clamp(.8rem,1.7vh,1.25rem)}.intro-scan .qr.big{width:clamp(150px,25vh,280px);height:clamp(150px,25vh,280px)}.intro-scan{animation:introUp .6s var(--ease-out) both .4s;align-items:center;gap:clamp(.9rem,2.5vw,2rem);margin-top:clamp(.5rem,2vh,1.6rem);display:flex}.scan-txt{text-align:start}.scan-txt .k{font-size:clamp(.85rem,1.8vh,1.3rem);font-weight:var(--stage-weight-2);color:var(--stage-ink)}.scan-txt .v{color:var(--stage-ink-3);margin-top:.25rem;font-size:clamp(.75rem,1.5vh,1.05rem)}@keyframes introPop{0%{opacity:0;transform:scale(.86)}to{opacity:1;transform:none}}@keyframes introUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.stage-body{flex:auto;grid-template-columns:1.02fr .92fr 1.12fr;align-items:center;gap:clamp(1.5rem,4vw,3.5rem);min-height:0;padding:0 clamp(1.25rem,3vw,3rem) clamp(1rem,2vh,1.75rem);display:grid}.frame{aspect-ratio:1440/900;border-radius:var(--r-lg);border:1px solid var(--stage-line);background:var(--stage-panel);align-self:center;width:100%;max-height:100%;position:relative;overflow:hidden;box-shadow:0 30px 80px -30px #000000b3}.stage[data-stage=day] .frame{box-shadow:0 24px 60px -28px #0a161461}.frame:after{content:"";pointer-events:none;border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff0d}.frame img{z-index:1;color:#0000;object-fit:cover;object-position:top center;width:100%;height:100%;font-size:0;display:block;position:absolute;inset:0}@keyframes kenburns{0%{transform:scale(1.02)translate(0,0)}to{transform:scale(1.09)translateY(-2%)}}.frame img.motion{animation:11s linear both kenburns}.frame .fb-name{font-size:clamp(1.4rem,3.4vw,2.8rem)}.frame .fb-note{padding:.3rem .9rem;font-size:clamp(.75rem,1.5vh,1.1rem)}.frame .fb-mark{max-width:420px}.copy{flex-direction:column;gap:clamp(.5rem,1.4vh,1rem);min-width:0;display:flex}.copy-cat{font-size:clamp(.7rem,1.4vh,1rem);font-weight:var(--stage-weight-2);color:var(--stage-ink-2);animation:featIn .4s var(--ease) both;align-self:flex-start;align-items:center;gap:.5rem;display:inline-flex}.copy-cat:before{content:"";background:var(--dot);border-radius:999px;width:10px;height:10px}.benefit{font-family:var(--font-display);text-wrap:balance;animation:benefitIn .55s var(--ease-out) both 80ms;margin:0;font-size:clamp(1.6rem,3.3vw,3.7rem);font-weight:700;line-height:1.14}.prog-name{font-family:var(--font-display);animation:featIn .5s var(--ease) both .5s;font-size:clamp(1rem,2.4vh,1.9rem);font-weight:700;line-height:1.3}.copy ul{gap:clamp(.35rem,.9vh,.65rem);margin:clamp(.3rem,1.4vh,1rem) 0 0;padding:0;list-style:none;display:grid}.copy li{font-size:clamp(.85rem,1.65vh,1.2rem);line-height:1.5;font-weight:var(--stage-weight-2);color:var(--stage-ink-2);opacity:0;animation:featIn .5s var(--ease) both;padding-inline-start:1.4rem;position:relative}.copy li:before{content:"";inset-inline-start:0;background:var(--dot,var(--teal));border-radius:999px;width:8px;height:8px;position:absolute;top:.5em}@keyframes featIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:none}}@keyframes benefitIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.clock{flex-direction:column;justify-content:center;align-items:center;gap:clamp(.8rem,2.4vh,1.8rem);min-width:0;display:flex}.clock .ring{width:min(100%,58vh);height:auto}.ring-hand{transition:transform .9s cubic-bezier(.32,.9,.3,1)}@media (prefers-reduced-motion:reduce){.ring-hand{transition:none}}.visit{animation:featIn .5s var(--ease) both 1.1s;align-items:center;gap:clamp(.8rem,1.8vw,1.5rem);display:flex}.visit-txt{text-align:start}.visit-txt .k{font-size:clamp(.8rem,1.7vh,1.3rem);font-weight:var(--stage-weight-2);color:var(--stage-ink)}.visit-txt .v{color:var(--stage-ink-2);margin-top:.3rem;font-size:clamp(.75rem,1.5vh,1.1rem)}.visit-txt .v b{color:var(--stage-ink);font-weight:700}.visit-txt .u{color:var(--stage-ink-3);margin-top:.3rem;font-size:clamp(.7rem,1.3vh,.95rem)}.qr{background:#fff;border-radius:12px;flex:none;padding:6px}.qr img{width:100%;height:100%;display:block}.qr.big{border-radius:16px;width:clamp(128px,19vh,215px);height:clamp(128px,19vh,215px);padding:clamp(8px,1.4vh,16px);box-shadow:0 18px 44px -18px #0000008c}.fs-prompt{font-family:var(--font-body);color:var(--stage-ink);background:var(--stage-2);border:1px solid var(--stage-line);cursor:pointer;animation:featIn .6s var(--ease) both 1s;border-radius:999px;padding:.6rem 1.4rem;font-size:clamp(.8rem,1.5vh,1rem);position:absolute;inset-block-end:clamp(1rem,3vh,2rem);inset-inline-start:50%;transform:translate(50%)}@media (orientation:portrait),(max-width:820px){.stage-body{grid-template-rows:minmax(0,1fr) auto auto;grid-template-columns:1fr;align-content:center}.frame{max-height:32vh}.clock{flex-direction:row;justify-content:space-between}.clock .ring{width:min(46%,34vh)}.stage-foot{text-align:center;flex-wrap:wrap;justify-content:center}.visit-txt{text-align:center}.intro-stats{flex-wrap:wrap;gap:clamp(1rem,5vw,2.5rem)}}@media (prefers-reduced-motion:reduce){.frame img.motion{animation:none}.copy li,.copy-cat,.prog-name,.benefit,.visit,.intro-mark,.intro-line,.stat,.intro-scan{opacity:1;animation:none;transform:none}}.copy-tags{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.copy-track{font-size:clamp(.65rem,1.3vh,.95rem);font-weight:var(--stage-weight-2);color:var(--stage-ink-2);border:1px solid var(--stage-line);animation:featIn .4s var(--ease) both .1s;border-radius:999px;padding:.18rem .6rem}.stage .ring-label{opacity:.5}.stage .ring-label.is-active{opacity:1;font-weight:700}.stage .rf-plate{fill:#ffffff09}.stage .rf-frame,.stage .rf-bezel{stroke:var(--stage-line)}.stage .rf-track{stroke:var(--stage-line);opacity:.6}.stage .rf-bead{fill:var(--stage)}.stage .rf-bead.is-active{fill:var(--stage-2)}.stage .rf-medal{fill:var(--stage-2);stroke:var(--stage-line)}.stage .rf-medal-name{fill:var(--stage-ink)}.stage-x{color:var(--stage-ink-3);margin:0 .1rem;font-weight:400}.stage-brand .partner-mark img{width:auto;height:clamp(26px,3vh,38px);display:none}.stage-brand .partner-mark.has-file img{display:block}.stage-brand .partner-mark.has-file .partner-name{display:none}.stage-brand .partner-name{font-family:var(--font-display);color:var(--stage-ink-2);white-space:nowrap;font-size:clamp(.9rem,1.4vh,1.1rem);font-weight:500}.intro-with{color:var(--stage-ink-3);margin-top:.35em;font-size:.62em;font-weight:500;display:block}.frame-door{z-index:3;display:block;position:absolute;inset:0}.door-pill{inset-inline-end:1rem;font-family:var(--font-body);color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b1211c7;border:1px solid #ffffff47;border-radius:999px;align-items:center;gap:.4rem;padding:.55rem 1rem;font-size:clamp(.8rem,1.5vh,1rem);font-weight:700;transition:background .2s,transform .2s;display:inline-flex;position:absolute;bottom:1rem}.frame-door:hover .door-pill,.frame-door:focus-visible .door-pill{background:var(--accent,#6fbe44);transform:translateY(-2px)}.frame-door:active .door-pill{transform:scale(.97)}.rep-btn{font:inherit;font-size:inherit;cursor:pointer;border:1px solid var(--stage-line);color:var(--stage-ink-2);background:0 0;border-radius:999px;align-items:center;gap:.4rem;padding:.3rem .8rem;display:inline-flex}.rep-btn:hover,.rep-btn[aria-expanded=true]{border-color:var(--stage-ink-2);color:var(--stage-ink)}.rep-drawer{inset-inline-end:0;z-index:40;background:var(--stage-panel);width:min(30rem,100%);color:var(--stage-ink);border-inline-start:1px solid var(--stage-line);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;box-shadow:-30px 0 80px -40px #0009}.rep-head{border-bottom:1px solid var(--stage-line);align-items:center;gap:.8rem;padding:1rem 1.2rem;font-size:.95rem;display:flex}.rep-head span{color:var(--stage-ink-3);font-variant-numeric:tabular-nums;margin-inline-start:auto}.rep-reset,.rep-close{font:inherit;cursor:pointer;border:1px solid var(--stage-line);color:inherit;background:0 0;border-radius:999px;padding:.2rem .7rem}.rep-close{border:0;padding:.2rem .4rem;font-size:1.1rem}.rep-list{flex:1;padding:.4rem 0;overflow:auto}.rep-row{border-bottom:1px solid var(--stage-line);opacity:.55;align-items:center;gap:.6rem;padding:.5rem 1.2rem;display:flex}.rep-row.on{opacity:1}.rep-row.now{background:color-mix(in srgb, var(--stage-ink) 7%, transparent)}.rep-row label{cursor:pointer;flex:1;align-items:center;gap:.7rem;min-width:0;display:flex}.rep-row input{accent-color:#6fbe44;flex:none;width:18px;height:18px}.rep-name{font-weight:600}.rep-cat{color:var(--stage-ink-3);white-space:nowrap;margin-inline-start:auto;font-size:.72rem}.rep-row button{font:inherit;cursor:pointer;border:1px solid var(--stage-line);color:inherit;white-space:nowrap;background:0 0;border-radius:999px;padding:.25rem .7rem;font-size:.78rem;font-weight:600}.rep-row button:hover{color:#0b1a0a;background:#6fbe44;border-color:#6fbe44}.rep-foot{color:var(--stage-ink-3);border-top:1px solid var(--stage-line);margin:0;padding:.8rem 1.2rem;font-size:.76rem}.rep-foot code{font-family:var(--font-mono,monospace);font-size:.74rem}
