:root{--night:#0E1527;--blade:#E24034;--sky:#5BC7F2;--cream:#F3EEE3;--ink:#15171C;--ink-soft:#52586A;--mist:#AFBBD4;--pw:min(260px,72vw);--sheet-h:408px;--sheet-pad:94px;--y:0px;}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--night);color:var(--cream);font-family:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overflow:hidden;}.app{position:relative;width:100%;height:100dvh;overflow:hidden;display:flex;flex-direction:column;background: radial-gradient(118% 66% at 86% -8%,rgba(91,199,242,.22),transparent 62%),radial-gradient(92% 54% at 4% 10%,rgba(226,64,52,.17),transparent 60%),var(--night);user-select:none;overscroll-behavior:none;}.head{flex:none;padding:calc(12px + env(safe-area-inset-top)) 20px 0 20px;}.brandrow{display:flex;align-items:center;gap:11px}.brandrow img{display:block;width:clamp(50px,15vw,96px);height:auto;border-radius:24%;}.wordmark{font-family:"Bagel Fat One",system-ui,sans-serif;font-size:clamp(1.3rem,5.4vw,1.9rem);color:var(--cream);line-height:1;}h1{margin-top:10px;font-family:"Bagel Fat One",system-ui,sans-serif;font-weight:400;font-size:clamp(1.3rem,5.8vw,2.2rem);line-height:1.15;letter-spacing:-.005em;max-width:17ch;}h1 .hl{color:var(--sky)}.support{margin-top:8px;color:var(--mist);font-size:clamp(.8rem,3.2vw,.98rem);line-height:1.42;max-width:36ch;}.stage{flex:1;min-height:0;display:flex;align-items:flex-end;justify-content:center;margin-bottom:var(--sheet-h);pointer-events:none;}.stage svg{width:var(--pw);height:auto;display:block}.sheet{position:absolute;left:0;right:0;bottom:0;min-height:var(--sheet-h);z-index:3;background:var(--cream);color:var(--ink);border-radius:36px 36px 0 0;padding:0 20px calc(var(--sheet-pad) + env(safe-area-inset-bottom)) 20px;transform:translateY(var(--y));touch-action:none;will-change:transform;overscroll-behavior:contain;}.grab{position:absolute;top:9px;left:50%;margin-left:-28px;width:56px;padding:7px 0;border:0;background:none;cursor:grab;z-index:2;-webkit-tap-highlight-color:transparent;}.grab span{display:block;width:34px;height:5px;margin:0 auto;border-radius:99px;background:#C2BBAB;}.grab:focus-visible{outline:3px solid var(--blade);outline-offset:3px;border-radius:14px}.lower{display:flex;justify-content:center}.lower svg{width:var(--pw);height:auto;display:block}.names{display:flex;justify-content:center;gap:clamp(10px,5vw,34px);margin-top:8px;font-size:clamp(.7rem,2.9vw,.8rem);color:var(--ink-soft);line-height:1.3;}.names b{font-weight:700;color:var(--ink);display:block;font-size:clamp(.76rem,3.1vw,.88rem)}.names div{text-align:center;width:min(128px,40vw)}.tier{display:flex;align-items:center;justify-content:center;gap:8px;margin:13px auto 0 auto;width:fit-content;padding:7px 15px;border-radius:20px;background:#E6DFD0;font-size:clamp(.72rem,3vw,.8rem);font-weight:700;}.dot{width:9px;height:9px;border-radius:50%;background:var(--blade);flex:none}.joined .dot{background:#2C8F4C}.cta{display:block;margin-top:15px;padding:17px 18px;border-radius:22px;background:var(--sky);color:#0A1120;font-size:clamp(1rem,4.2vw,1.12rem);font-weight:700;text-align:center;text-decoration:none;transition:transform .12s ease-out;}.cta:active{transform:scale(.97)}.cta:focus-visible{outline:3px solid var(--ink);outline-offset:3px}@media (hover: hover) and (pointer: fine){.cta:hover{transform:translateY(-2px)}}.after{margin-top:10px;text-align:center;font-size:clamp(.74rem,3vw,.84rem);color:var(--ink-soft);line-height:1.38;}footer{position:absolute;left:0;right:0;bottom:calc(30px + env(safe-area-inset-bottom));z-index:4;text-align:center;font-family:"Bagel Fat One",system-ui,sans-serif;font-size:.9rem;color:#6B6555;transform:translateY(var(--y));}.seam{opacity:.6;transition:opacity .2s linear}.joined .seam{opacity:0}.sheen{opacity:0;transition:opacity .25s linear}.joined .sheen{opacity:.72;animation:sweep 2.8s linear infinite}@keyframes sweep{0%{transform:translateX(-120px)}100%{transform:translateX(330px)}}@media (max-height: 790px){:root{--pw:min(212px,62vw);--sheet-h:376px;--sheet-pad:78px}}@media (min-width:800px){body{background:radial-gradient(72% 62% at 50% 0%,#1C2847,var(--night) 72%)}body{display:flex;align-items:center;justify-content:center}.app{width:420px;height:min(100dvh,830px);border-radius:46px}}@media (prefers-reduced-motion: reduce){.cta,.seam,.sheen{transition:none}.joined .sheen{animation:none}}html,body{max-width:100%;overflow-x:clip}