*,:before,:after{box-sizing:border-box}:root{--bg:#0f1115;--surface:#1a1d24;--surface-2:#242831;--border:#2e323c;--text:#e8eaed;--text-dim:#9ba1ad;--accent:#4f9eff;--accent-hover:#3b8ff5;--danger:#ef4444;--success:#22c55e;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,Pretendard,Apple SD Gothic Neo,Segoe UI,Roboto,sans-serif}html,body,#root{min-height:100vh;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-size:16px;line-height:1.5}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input,select{font-family:inherit;font-size:inherit}a{color:var(--accent)}.page{flex-direction:column;gap:32px;max-width:720px;margin:0 auto;padding:48px 20px 80px;display:flex}.page-header{text-align:center}.page-header h1{letter-spacing:-.02em;margin:0 0 8px;font-size:32px}.subtitle{color:var(--text-dim);margin:0;font-size:15px}.result-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;align-items:center;gap:28px;padding:32px 24px;display:flex}.balls{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;transition:opacity .2s;display:flex}.balls.drawing{opacity:.4}.ball{color:#fff;-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:22px;font-weight:700;display:inline-flex;box-shadow:inset -4px -4px 8px #0003,inset 2px 2px 4px #ffffff40}.ball.bonus{outline-offset:2px;outline:2px dashed #ffffff80}.ball-yellow{color:#2a1f00;background:#f5b301}.ball-blue{background:#2b6dff}.ball-red{background:#e23a3a}.ball-gray{background:#4a4f5a}.ball-green{background:#1ea960}.plus{color:var(--text-dim);margin:0 4px;font-size:24px;font-weight:700}.plus.small{margin:0 2px;font-size:16px}.draw-btn{background:var(--accent);color:#fff;border-radius:10px;min-width:160px;padding:12px 32px;font-size:16px;font-weight:600;transition:background .15s,transform .1s}.draw-btn:hover:not(:disabled){background:var(--accent-hover)}.draw-btn:active:not(:disabled){transform:scale(.97)}.draw-btn:disabled{opacity:.6;cursor:not-allowed}.history h2{color:var(--text-dim);margin:0 0 16px;font-size:18px;font-weight:600}.history-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.history-row{background:var(--surface);border:1px solid var(--border);border-radius:12px;align-items:center;gap:14px;padding:12px 16px;display:flex}.history-idx{color:var(--text-dim);min-width:28px;font-size:13px;font-weight:600}.history-balls{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.history-balls .ball{width:36px;height:36px;font-size:14px}.page-footer{text-align:center;color:var(--text-dim);font-size:13px}.page-footer p{margin:0}@media (width<=540px){.page-header h1{font-size:26px}.ball{width:44px;height:44px;font-size:18px}.result-card{padding:24px 16px}}