:root{--sb-base:#f6f3ec;--sb-ink:#1e1b16;--sb-accent:#2d63e2;--sb-surface:#fffefb;--sb-sub:color-mix(in srgb, var(--sb-ink) 55%, var(--sb-base));--sb-line:color-mix(in srgb, var(--sb-ink) 10%, var(--sb-base));--sb-line-strong:color-mix(in srgb, var(--sb-ink) 24%, var(--sb-base));--sb-accent-soft:color-mix(in srgb, var(--sb-accent) 12%, #fff);--sb-radius:18px;--sb-font:"Noto Sans JP", system-ui, -apple-system, "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;--sb-s1:4px;--sb-s2:8px;--sb-s3:12px;--sb-s4:16px;--sb-s5:20px;--sb-s6:24px;--sb-s8:32px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--sb-base);color:var(--sb-ink);font-family:var(--sb-font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-feature-settings:"palt" 1;font-kerning:normal}button{font-family:var(--sb-font)}.sb-eyebrow{letter-spacing:.14em;color:var(--sb-sub);font-size:10px;font-weight:700}.sb-press{-webkit-tap-highlight-color:transparent;transition:transform .13s cubic-bezier(.2,.7,.3,1)}.sb-press:active{transform:scale(.965)}.sb-press:disabled{transform:none}@keyframes sb-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sb-in{animation:.28s cubic-bezier(.2,.7,.3,1) sb-enter}@keyframes sb-pop{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.08)}to{transform:scale(1)}}.sb-pop{animation:.45s cubic-bezier(.2,.7,.3,1) sb-pop}.sb-input{border:1.5px solid var(--sb-line-strong);background:var(--sb-surface);width:100%;color:var(--sb-ink);font-size:14px;font-family:var(--sb-font);box-sizing:border-box;border-radius:12px;outline:none;padding:12px 14px;transition:border-color .15s}.sb-input::placeholder{color:#b4ad9e}.sb-input:focus{border-color:var(--sb-accent)}.sb-code{text-align:center;width:54px;height:64px;padding:0;font-size:26px;font-weight:700}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--sb-ink) 14%, transparent);border-radius:999px}@keyframes sb-splash-logo{0%{opacity:0;letter-spacing:.7em;transform:translateY(3px)}to{opacity:1;letter-spacing:.32em;transform:translateY(0)}}@keyframes sb-splash-eyebrow{0%,40%{opacity:0}to{opacity:1}}.sb-splash-logo{animation:.7s cubic-bezier(.2,.7,.3,1) both sb-splash-logo}.sb-splash-eyebrow{animation:.9s both sb-splash-eyebrow}@media (prefers-reduced-motion:reduce){.sb-in,.sb-pop,.sb-splash-logo,.sb-splash-eyebrow{animation:none}}