@layer theme,base,components;@layer page{.board{background:var(--ss-ink);color:var(--ss-inverse);border-radius:var(--ss-radius-card);flex-direction:column;gap:20px;padding:26px 26px 22px;display:flex}.board__live{letter-spacing:var(--ss-track-text);color:#f2f1ec99;align-items:center;gap:8px;font-size:13px;display:inline-flex}.board__dot{border-radius:var(--ss-radius-pill);background:var(--ss-green);width:8px;height:8px;animation:board-pulse 1.8s var(--ss-ease) infinite}@keyframes board-pulse{0%{box-shadow:0 0 #1bb3718c}70%{box-shadow:0 0 0 10px #1bb37100}to{box-shadow:0 0 #1bb37100}}.board__grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.board__big{border-top:1px solid #f2f1ec24;flex-direction:column;gap:8px;padding-top:16px;display:flex}.board__num{font-family:var(--ss-font-display);font-weight:var(--ss-w-medium);letter-spacing:-.04em;color:var(--ss-green);font-variant-numeric:tabular-nums;font-size:clamp(2.1rem,3.4vw,3rem);line-height:1}.board__label{letter-spacing:var(--ss-track-text);color:#f2f1eca6;font-size:14px}.board__row{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.board__mini{border-top:1px solid #f2f1ec24;flex-direction:column;gap:6px;padding-top:14px;display:flex}.board__mini .board__num{color:var(--ss-inverse);font-size:22px}.board__mini .board__label{font-size:13px}.board__note{letter-spacing:var(--ss-track-text);color:#f2f1ec73;max-width:none;margin:0;font-size:12px;line-height:1.5}.tick{transition:color var(--ss-dur-fast) var(--ss-ease)}.tick.is-bump{color:var(--ss-green)}.board__big .tick.is-bump{color:#7de3b3}.stores{padding:140px 30px 0}.stores__grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;display:grid}.store{background:var(--ss-surface);border:1px solid var(--ss-hairline);border-radius:var(--ss-radius-card);transition:transform var(--ss-dur) var(--ss-ease), border-color var(--ss-dur) var(--ss-ease);flex-direction:column;gap:16px;padding:24px 22px;display:flex}@media (hover:hover){.store:hover{border-color:var(--ss-ink);transform:translateY(-4px)}}.store--top{background:var(--ss-ink);color:var(--ss-inverse);border-color:var(--ss-ink)}.store__head{justify-content:space-between;align-items:center;gap:12px;min-height:30px;display:flex}.store__rank{font-family:var(--ss-font-display);font-size:15px;font-weight:var(--ss-w-medium);letter-spacing:var(--ss-track-btn);color:var(--ss-green-deep)}.store--top .store__rank{color:var(--ss-green)}.store__logo{object-fit:contain;object-position:right center;width:auto;max-width:150px;height:28px}.store__anon{border-radius:var(--ss-radius-btn);background:var(--ss-canvas-2);font-size:12px;font-weight:var(--ss-w-medium);letter-spacing:var(--ss-track-text);color:var(--ss-text-mute);align-items:center;padding:.4em .7em;display:inline-flex}.store--top .store__anon{color:#f2f1ecb3;background:#f2f1ec1f}.store__since{letter-spacing:var(--ss-track-text);color:var(--ss-text-mute);font-size:13px}.store--top .store__since{color:#f2f1ec8c}.store__revenue{font-family:var(--ss-font-display);font-weight:var(--ss-w-medium);letter-spacing:-.04em;color:var(--ss-ink);font-variant-numeric:tabular-nums;font-size:clamp(2rem,3vw,2.75rem);line-height:1}.store--top .store__revenue{color:var(--ss-green)}.store__revenue-label{letter-spacing:var(--ss-track-text);color:var(--ss-text-mute);margin-top:6px;font-size:13px}.store--top .store__revenue-label{color:#f2f1ec8c}.store__stats{grid-template-columns:1fr;display:grid}.store__stat{border-top:1px solid var(--ss-hairline);letter-spacing:var(--ss-track-text);justify-content:space-between;gap:10px;padding:10px 0;font-size:14px;display:flex}.store--top .store__stat{border-top-color:#f2f1ec24}.store__stat span:first-child{color:var(--ss-text-soft)}.store--top .store__stat span:first-child{color:#f2f1ec99}.store__stat b{font-weight:var(--ss-w-medium);color:var(--ss-ink);font-variant-numeric:tabular-nums}.store--top .store__stat b{color:var(--ss-inverse)}.stories__note{max-width:72ch;letter-spacing:var(--ss-track-text);color:var(--ss-text-mute);margin:36px 0 0;font-size:14px;line-height:1.55}@media (width<=900px){.board__grid{grid-template-columns:1fr}}}@layer utilities;
