@import url("https://fonts.googleapis.com/css2?family=Sora:wght@300;400;600;700&family=JetBrains+Mono:wght@400;600&display=swap");*,:after,:before{margin:0;padding:0;box-sizing:border-box}:root{--bg:#f0ede6;--surface:#fff;--border:#e0dbd0;--accent:#0052a5;--accent2:#e8753a;--text:#1a1a1a;--muted:#999;--win:#16a34a;--star:#f59e0b;--ball:#0052a5;--radius:14px;--font:"Sora",sans-serif;--mono:"JetBrains Mono",monospace;--max:480px}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.6;min-height:100vh;display:flex;flex-direction:column;align-items:center}.app{width:100%;max-width:var(--max);padding:0 0 48px}.header{background:#fff;color:var(--text);padding:12px 16px;display:flex;align-items:center;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;z-index:10;border-bottom:3px solid var(--accent);box-shadow:0 2px 8px rgba(0,0,0,.06)}.header-date{font-size:11px;color:var(--muted);font-family:var(--mono);text-align:right}.back-btn{background:var(--accent);border:none;color:#fff;font-family:var(--font);font-size:13px;font-weight:600;padding:6px 12px;border-radius:8px;cursor:pointer}.section{padding:16px 14px 0}.section-label{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-bottom:10px;font-weight:600}.cards-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.card{background:var(--surface);border-radius:var(--radius);padding:14px 16px 16px;border:1px solid var(--border);position:relative;overflow:hidden}.card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--border)}.card.c-accent:after{background:var(--accent)}.card.c-win:after{background:var(--win)}.card.c-star:after{background:var(--star)}.card.c-accent2:after{background:var(--accent2)}.card.full{grid-column:1/-1}.card-label{font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);font-weight:600;margin-bottom:6px}.card-value{font-size:26px;font-weight:700;font-family:var(--mono);letter-spacing:-1px;line-height:1}.card-value.green{color:var(--win)}.card-value.blue{color:var(--accent)}.card-value.gold{color:var(--star)}.card-value.orange{color:var(--accent2)}.card-sub{font-size:11px;color:var(--muted);margin-top:5px}.draw-card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);overflow:hidden}.draw-header{background:var(--accent);color:#fff;padding:12px 16px;display:flex;align-items:center;justify-content:space-between}.draw-header-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.draw-header-date{font-size:12px;font-family:var(--mono);opacity:.85}.draw-numbers{padding:16px;border-bottom:1px solid var(--border)}.draw-numbers-label{font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);margin-bottom:10px;font-weight:600}.balls{gap:6px;flex-wrap:wrap}.ball,.balls{display:flex;align-items:center}.ball{width:36px;height:36px;border-radius:50%;background:var(--ball);color:#fff;font-size:12px;font-weight:700;font-family:var(--mono);justify-content:center;flex-shrink:0;box-shadow:0 2px 4px rgba(0,82,165,.2)}.ball.star{background:var(--star);color:#000}.ball.sm{width:28px;height:28px;font-size:10px}.ball.match{background:var(--win)!important;color:#fff!important;box-shadow:0 2px 6px rgba(22,163,74,.35)!important}.ball-sep{color:var(--border);font-size:20px;margin:0 2px}.draw-total{padding:14px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.draw-total-label{font-size:13px;color:var(--muted)}.draw-total-value{font-size:20px;font-weight:700;font-family:var(--mono)}.draw-total-value.won{color:var(--win)}.draw-total-value.zero{color:var(--muted)}.winning-keys{padding:14px 16px}.winning-keys-label{font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);font-weight:600;margin-bottom:10px}.no-winners{font-size:13px;color:var(--muted);font-style:italic}.winner-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border)}.winner-row:last-child{border-bottom:none}.winner-balls{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.winner-prize{font-family:var(--mono);font-size:13px;font-weight:600;color:var(--win);white-space:nowrap;margin-left:10px}.tabs-wrap{padding:16px 14px 0}.tabs{display:flex;background:var(--surface);border-radius:10px;border:1px solid var(--border);padding:4px;gap:4px;margin-bottom:14px}.tab{flex:1 1;text-align:center;padding:8px 4px;font-size:12px;font-weight:600;color:var(--muted);cursor:pointer;border-radius:7px;transition:all .15s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tab.active{background:var(--accent);color:#fff}.toolbar{display:flex;gap:8px;margin-bottom:10px;flex-wrap:wrap}.toolbar input,.toolbar select{flex:1 1;min-width:0;padding:8px 10px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text);font-family:var(--font);font-size:12px;outline:none}.toolbar input:focus,.toolbar select:focus{border-color:var(--accent)}.table-wrap{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);overflow:hidden}table{width:100%;border-collapse:collapse}thead th{padding:11px 14px;text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.7px;color:var(--muted);font-weight:600;background:var(--bg)}tbody tr,thead th{border-bottom:1px solid var(--border)}tbody tr{cursor:pointer;transition:background .1s}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:rgba(0,82,165,.04)}tbody td{padding:10px 14px;vertical-align:middle}.date-cell{color:var(--muted);white-space:nowrap}.date-cell,.win-badge{font-family:var(--mono);font-size:11px}.win-badge{display:inline-block;padding:2px 8px;border-radius:20px;font-weight:600}.win-badge.pos{background:rgba(22,163,74,.12);color:var(--win)}.win-badge.zero{background:rgba(0,0,0,.05);color:var(--muted)}.balls-sm{gap:4px;flex-wrap:wrap}.ball-t,.balls-sm{display:flex;align-items:center}.ball-t{width:22px;height:22px;border-radius:50%;background:var(--ball);color:#fff;font-size:8px;font-weight:700;font-family:var(--mono);justify-content:center;flex-shrink:0}.ball-t.star{background:var(--star);color:#000}.key-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:13px 14px;display:flex;align-items:center;gap:10px;margin-bottom:8px}.key-num{font-size:11px;color:var(--muted);font-family:var(--mono);min-width:20px}.month-best td{font-weight:700;color:var(--win)}.loading{display:flex;align-items:center;justify-content:center;height:200px;color:var(--muted);font-size:13px;gap:8px}.spinner{width:18px;height:18px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.error-box{margin:20px 14px;background:#fff0f0;border:1px solid #fca5a5;border-radius:var(--radius);padding:16px;font-size:13px;color:#dc2626}.month-total-banner{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.month-total-label{font-size:12px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.8px}.month-total-value{font-size:22px;font-weight:700;font-family:var(--mono)}.month-draw-card{margin-bottom:12px}