:root{font-family:IBM Plex Sans KR,Noto Sans KR,Segoe UI,sans-serif;line-height:1.45;font-weight:400;color:#102a43;background:radial-gradient(circle at 10% 10%,#f5fafb,#ecf2f4 48%,#e4ecef);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px}#root{min-height:100vh;padding:1rem}.app{width:min(1100px,100%);margin:0 auto;display:grid;gap:1rem}.hero{background:linear-gradient(135deg,#153243,#284b63 55%,#3c6e71);color:#f2f7f8;padding:1.5rem;border-radius:18px;box-shadow:0 16px 40px #05182033}.hero h1{margin:.25rem 0 .6rem;font-size:clamp(1.4rem,3vw,2rem)}.eyebrow{margin:0;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:#cde6f0}.hero p{margin:0;line-height:1.5}.hero-stats{margin-top:1rem;display:grid;grid-template-columns:repeat(2,minmax(140px,1fr));gap:.75rem}.hero-stats div{background:#ffffff1f;border-radius:12px;padding:.75rem;display:grid;gap:.2rem}.hero-stats span{color:#daedf4;font-size:.86rem}.hero-stats strong{font-size:1.4rem;color:#fff}.panel{background:#fff;border:1px solid #d8e1e5;border-radius:16px;padding:1rem}.panel h2{margin-top:0;margin-bottom:.75rem;font-size:1.1rem}.panel-note{margin:0 0 .85rem;color:#486174;font-size:.9rem}.official-box{border:1px solid #d7e5ec;background:#f7fbfd;border-radius:12px;padding:.75rem;display:grid;gap:.55rem}.official-head{margin:0;color:#1d4d63;font-size:.92rem}.official-numbers{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem}.official-ball{min-width:2rem;height:2rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#1f6f78;color:#fff;font-weight:700;font-size:.86rem}.official-ball.bonus{background:#9d2a2a}.official-plus{color:#456273;font-weight:700;padding:0 .1rem}.save-form{display:grid;gap:.85rem}.number-grid{display:grid;grid-template-columns:repeat(6,minmax(95px,1fr));gap:.5rem}.number-grid label{font-size:.84rem;color:#264653;display:grid;gap:.35rem}.number-grid input{width:100%;border:1px solid #c8d4db;background:#f9fcfd;border-radius:10px;padding:.55rem;font-size:.95rem}button{border:0;border-radius:10px;background:#1f6f78;color:#fff;font-weight:700;padding:.6rem 1rem;cursor:pointer}button:disabled{opacity:.65;cursor:not-allowed}.message{margin:0;padding:.65rem .75rem;border-radius:10px;font-size:.92rem}.message.success{background:#e7f9ef;color:#126f3d}.message.error{background:#ffefee;color:#9a231b}.section-head{display:flex;align-items:center;justify-content:space-between;gap:.7rem}.table-wrap{overflow-x:auto}.trend-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.trend-card{border:1px solid #dbe7ed;border-radius:12px;padding:.7rem;background:#f8fcfd}.trend-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.45rem}.trend-head h3{margin:0;font-size:.95rem}.delta{font-size:.82rem;font-weight:700;padding:.18rem .4rem;border-radius:999px}.delta.up{color:#0f7a3e;background:#e9f8ee}.delta.down{color:#9e1f22;background:#fdeeee}.delta.flat{color:#4f5f6b;background:#edf1f5}.trend-svg{width:100%;height:auto;display:block}.grid-line{stroke:#d7e2e8;stroke-width:1}.grid-label{fill:#6c8293;font-size:20px}.trend-meta{margin-top:.35rem;display:flex;justify-content:space-between;font-size:.8rem;color:#4f6574}.trend-empty{margin:0;color:#5f7788;font-size:.9rem}.prediction-combo{border:1px solid #cfe0e8;background:#f3f8fb;border-radius:12px;padding:.7rem .85rem;margin-bottom:.8rem;display:grid;gap:.2rem}.prediction-control{display:grid;gap:.35rem;margin-bottom:.8rem}.prediction-control label{font-size:.88rem;color:#264e61}.prediction-control input[type=range]{width:100%}.prediction-combo span{font-size:.84rem;color:#486174}.prediction-combo strong{font-size:1.2rem;color:#123a4b}.candidate-box{border:1px solid #d5e5ec;background:#f9fcfe;border-radius:12px;padding:.65rem .8rem;margin-bottom:.8rem}.candidate-title{margin:0 0 .35rem;font-size:.84rem;color:#35576a;font-weight:700}.candidate-list{margin:0;padding-left:1.1rem;display:grid;gap:.24rem}.candidate-list li{display:flex;justify-content:space-between;gap:.6rem;font-size:.82rem;color:#27495d}.candidate-list strong{color:#1f6273}.prediction-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}.prediction-card{border:1px solid #d9e5eb;background:#fafcfe;border-radius:12px;padding:.65rem;display:grid;gap:.25rem}.prediction-card h3{margin:0;font-size:.93rem}.prediction-main{margin:0;font-size:1rem;font-weight:700;color:#103548}.prediction-delta{margin:0;font-size:.88rem;font-weight:700}.prediction-delta.up{color:#0f7a3e}.prediction-delta.down{color:#9e1f22}.prediction-delta.flat{color:#4f5f6b}.prediction-meta{margin:0;font-size:.78rem;color:#5d7383}.tuning-box{margin-top:.8rem;border:1px solid #d8e6ec;border-radius:12px;background:#f6fbfe;padding:.75rem;display:grid;gap:.35rem}.tuning-box p{margin:0;font-size:.84rem;color:#264e61}.tuning-list{margin:.25rem 0 0;padding-left:1.1rem;display:grid;gap:.25rem}.tuning-list li{display:flex;justify-content:space-between;gap:.6rem;font-size:.82rem;color:#264e61}.baseline-title{margin:.45rem 0 .1rem;font-size:.84rem;color:#20495e;font-weight:700}table{width:100%;border-collapse:collapse;min-width:620px}th,td{border-bottom:1px solid #e6edf0;text-align:center;padding:.55rem;font-size:.9rem}th{background:#f3f7f8}.split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.rank-list{margin:0;padding-left:1.2rem;display:grid;gap:.35rem}.rank-list li{display:flex;justify-content:space-between;gap:.5rem;font-size:.92rem}@media(max-width:900px){.number-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.prediction-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trend-grid,.split{grid-template-columns:1fr}}@media(max-width:620px){.prediction-grid{grid-template-columns:1fr}.candidate-list li,.tuning-list li{display:grid;gap:.2rem}}