*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f5f6f8;--card:#fff;--text:#191f28;--sub:#8b95a1;--line:#e5e8eb;--blue:#3182f6;--blue-weak:#e8f3ff}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif}#app{max-width:480px;margin:0 auto;padding:20px 16px 40px}header{padding:8px 4px 16px}header h1{letter-spacing:-.4px;font-size:22px;font-weight:700}header p{color:var(--sub);margin-top:6px;font-size:15px}header strong{color:var(--blue);font-weight:700}.card{background:var(--card);border-radius:16px;margin-bottom:12px;padding:20px}.card h2{margin-bottom:4px;font-size:17px;font-weight:700}.card .desc{color:var(--sub);margin-bottom:16px;font-size:14px}.grid{grid-template-columns:repeat(7,1fr);gap:8px;display:grid}.num{aspect-ratio:1;color:#4e5968;cursor:pointer;background:#f2f4f6;border:none;border-radius:50%;font:600 15px Pretendard,sans-serif}.num.on{background:var(--blue);color:#fff}.num:disabled{cursor:default;opacity:.45}.num.on:disabled{opacity:1}.picked{align-items:center;gap:6px;min-height:36px;margin:16px 0 12px;display:flex}.picked .hint{color:var(--sub);font-size:14px}.btn{background:var(--blue);color:#fff;cursor:pointer;border:none;border-radius:14px;width:100%;height:54px;font:600 17px Pretendard,sans-serif}.btn:disabled{color:#b0b8c1;cursor:default;background:#e5e8eb}.btn-text{color:var(--sub);cursor:pointer;background:0 0;border:none;padding:4px;font:500 14px Pretendard,sans-serif}.tabs{scrollbar-width:none;gap:6px;margin-bottom:16px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{color:#4e5968;cursor:pointer;background:#f2f4f6;border:none;border-radius:999px;flex:none;padding:8px 14px;font:600 14px Pretendard,sans-serif}.tab.on{background:var(--text);color:#fff}.top6{justify-content:space-between;margin-bottom:18px;display:flex}.ball{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:16px;font-weight:700;display:inline-flex}.ball.sm{width:32px;height:32px;font-size:14px}.ball.yellow{background:#fbc400}.ball.blue{background:#69c8f2}.ball.red{background:#ff7272}.ball.navy{background:#2c3e66}.ball.green{background:#4fbd6c}.ball.gray{color:#4e5968;background:#f2f4f6}.top6 .cell{text-align:center}.top6 .cell small{color:var(--sub);margin-top:6px;font-size:12px;display:block}.list{list-style:none}.list li{border-top:1px solid var(--line);align-items:center;gap:12px;padding:10px 0;font-size:15px;display:flex}.list .rank{width:24px;color:var(--sub);font-size:14px;font-weight:600}.list .bar{background:#f2f4f6;border-radius:3px;flex:1;height:6px;overflow:hidden}.list .bar i{background:var(--blue);border-radius:3px;height:100%;display:block}.list .cnt{text-align:right;color:#4e5968;min-width:40px;font-weight:600}.notice{text-align:center;padding:32px 20px}.notice h2{margin-bottom:8px}.notice p{color:var(--sub);font-size:14px;line-height:1.6}.notice code{color:#4e5968;background:#f2f4f6;border-radius:6px;padding:2px 6px;font-size:13px}.toast{color:#fff;opacity:0;pointer-events:none;background:#191f28eb;border-radius:12px;padding:12px 18px;font-size:14px;transition:opacity .2s;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast.show{opacity:1}.empty{color:var(--sub);text-align:center;padding:12px 0;font-size:14px}