:root{--bg:#f6f4f0;--fg:#1f1d1a;--muted:#6b7078;--card:#fff;--line:#e4e5e8;--brand:#2f5bff;--radius-btn:16px;--content-w:342px;--slot-1:#f25c54;--slot-1-text:#1f1d1a;--slot-2:#f4a259;--slot-2-text:#1f1d1a;--slot-3:#f2c14e;--slot-3-text:#1f1d1a;--slot-4:#5cb85c;--slot-4-text:#1f1d1a;--slot-5:#3fa7d6;--slot-5-text:#1f1d1a;--slot-6:#5c6bc0;--slot-6-text:#fff;--slot-7:#c27db7;--slot-7-text:#1f1d1a;--slot-8:#ff8fa3;--slot-8-text:#1f1d1a}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);margin:0;padding:0}body{word-break:keep-all;-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Pretendard,Noto Sans KR,system-ui,sans-serif;font-size:15px;line-height:1.5}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}.container{width:100%;max-width:390px;margin:0 auto;padding:0 24px}.topbar{justify-content:space-between;align-items:center;height:48px;display:flex}.topbar__logo{font-size:15px;font-weight:700}.topbar__title{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:240px;font-size:13px;overflow:hidden}.btn-primary{width:var(--content-w);border-radius:var(--radius-btn);background:var(--fg);color:#fff;border:0;justify-content:center;align-items:center;height:56px;font-size:17px;font-weight:700;display:flex}.btn-primary:disabled{opacity:.4;cursor:default}.btn-secondary{width:var(--content-w);border:1px solid var(--line);border-radius:var(--radius-btn);background:var(--card);justify-content:center;align-items:center;height:56px;font-size:16px;font-weight:600;display:flex}.footer{color:var(--muted);gap:12px;padding:24px 0 40px;font-size:12px;display:flex}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}