:root{--bg:#f5f5f7;--surface:#fff;--text:#333;--muted:#666;--border:#ebebeb;--gold:#d7a84d;--gold-hover:#c6963b;--gold-light:#eeca7d;--gold-text:#cc7200;--cream:#fef0d5;--cream-text:#b27730;--red:#bc1a2f;--good:#1e7a4c;--good-bg:#e5f5ec;--error:#bc1a2f;--error-bg:#fdecee;--radius:12px;--pill:20px;--shadow:0 2px 10px #0000000f;--shadow-lg:0 8px 28px #00000024;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font:15px/1.5 Roboto Flex,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}a{color:var(--gold-text)}.muted{color:var(--muted)}.small{font-size:.86rem}.accent{color:var(--gold-text)}.error-text{color:var(--error)}.topbar{background:var(--surface);border-bottom:1px solid var(--border)}.topbar-inner{align-items:center;gap:12px;max-width:960px;margin:0 auto;padding:12px 16px;display:flex}.brand{align-items:center;gap:10px;font-size:1.05rem;font-weight:700;display:inline-flex}.brand-mark{background:radial-gradient(circle at 35% 30%, #f3d58f, var(--gold) 60%, #b98a32);border-radius:50%;width:26px;height:26px;box-shadow:inset 0 -2px 3px #00000026}.badge{text-transform:uppercase;letter-spacing:.05em;color:var(--cream-text);background:var(--cream);border-radius:var(--pill);padding:3px 10px;font-size:.72rem;font-weight:600}.topbar-link{border:1px solid var(--gold-light);border-radius:var(--pill);color:var(--text);white-space:nowrap;margin-left:auto;padding:7px 16px;font-size:.9rem;text-decoration:none}.topbar-link:hover{background:var(--cream)}.shell{flex-direction:column;gap:16px;max-width:960px;margin:0 auto;padding:24px 16px 140px;display:flex}.hero{border-radius:var(--radius);color:#fff;box-shadow:var(--shadow);background:linear-gradient(120deg,#b98630 0%,#c9993f 50%,#d9b05c 100%);padding:22px 24px}.hero h1{margin:0 0 6px;font-size:1.7rem;font-weight:700;line-height:1.2}.hero p{color:#ffffffeb;max-width:640px;margin:0}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px 20px}.card-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}h2{margin:0;font-size:1.05rem}.latest-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.draw-no{font-size:1.3rem;font-weight:700}.tag{color:var(--gold-text);border:1px solid var(--gold-light);border-radius:var(--pill);white-space:nowrap;padding:2px 10px;font-size:.78rem}.balls{flex-wrap:wrap;gap:10px;display:flex}.ball{background:var(--gold);color:#fff;font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;width:48px;height:48px;font-size:1.35rem;font-weight:700;display:inline-grid}.ball.month{background:var(--red);margin-left:6px}.ball.ghost{background:var(--bg);border:2px dashed var(--gold-light)}.ball.ghost.month{border-color:#e7a3ac}.latest.empty p{margin:12px 0 0}.retrieval{flex-direction:column;gap:12px;display:flex}.label{color:var(--muted);margin-bottom:8px;font-size:.8rem;font-weight:600;display:block}.segmented{border:0;flex-wrap:wrap;gap:8px;margin:0;padding:0;display:flex}.segmented legend{width:100%;padding:0}.seg{border:1px solid var(--gold-light);border-radius:var(--pill);background:var(--surface);cursor:pointer;-webkit-user-select:none;user-select:none;padding:8px 18px;font-size:.92rem;font-weight:500;transition:background .15s;position:relative}.seg:hover{background:var(--cream)}.seg input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.seg.active{background:var(--gold);border-color:var(--gold);color:#fff}.seg:has(input:focus-visible){outline:2px solid var(--gold-text);outline-offset:2px}.segmented:disabled .seg{cursor:not-allowed;opacity:.6}.help{color:var(--muted);margin:-2px 0 0;font-size:.88rem}.dates{flex-wrap:wrap;gap:12px;display:flex}.dates label{flex:180px}input[type=date]{background:var(--surface);width:100%;color:var(--text);font:inherit;border:1px solid #dcdcdc;border-radius:8px;padding:9px 12px}input[type=date]:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px #d7a84d40}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible{outline:2px solid var(--gold-text);outline-offset:2px}.primary{background:var(--gold);color:#fff;border-radius:var(--pill);border:0;padding:10px 26px;font-weight:600;transition:background .15s}.primary:hover:not(:disabled){background:var(--gold-hover)}.primary:disabled{opacity:.5}.retrieval .primary{align-self:flex-start;min-width:160px}.link{color:var(--gold-text);background:0 0;border:0;padding:0;font-size:.86rem;text-decoration:underline}.link.danger{color:var(--red)}.status{border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);flex-wrap:wrap;align-items:center;gap:4px 10px;padding:10px 16px;font-size:.9rem;display:flex}.status .dot{background:#bbb;border-radius:50%;width:8px;height:8px}.status-fetching .dot,.status-processing .dot,.status-saving .dot{background:var(--gold);animation:1s infinite pulse}.status-complete{background:var(--good-bg);box-shadow:none}.status-complete .dot{background:var(--good)}.status-error{background:var(--error-bg);color:var(--error);box-shadow:none}.status-error .dot{background:var(--error)}.status-detail{color:var(--muted)}.status-error .status-detail{color:inherit}.bar{background:var(--cream);border-radius:2px;flex-basis:100%;height:4px;overflow:hidden}.bar-fill{background:var(--gold);height:100%;transition:width .3s}.bar-fill.indeterminate{width:35%;animation:1.1s ease-in-out infinite slide}@keyframes pulse{50%{opacity:.35}}@keyframes slide{0%{transform:translate(-100%)}to{transform:translate(300%)}}.chips{flex-wrap:wrap;gap:8px;margin:0 0 6px;padding:0;list-style:none;display:flex}.chip{border-radius:var(--pill);background:var(--bg);padding:4px 12px;font-size:.86rem;font-weight:500}.chip.good{background:var(--good-bg);color:var(--good)}.chip.warn{background:var(--cream);color:var(--cream-text)}.chip.total{background:var(--gold);color:#fff}.summary p{margin:0}.stats{padding:0;overflow:hidden}.stats .card-head{background:var(--cream);color:var(--cream-text);margin:0;padding:12px 20px}.stats .card-head h2{font-weight:600}.stats>p,.stats .grid{padding:16px 20px 18px}.stats>p{margin:0}.grid{grid-template-columns:repeat(3,1fr);gap:14px 18px;margin:0;display:grid}.grid dt{color:var(--muted);font-size:.8rem}.grid dd{font-variant-numeric:tabular-nums;margin:2px 0 0;font-weight:600}.grid dd.big{color:var(--gold-text);font-size:1.6rem;font-weight:700;line-height:1.2}.grid .sub{color:var(--muted);font-size:.8rem;font-weight:400;display:block}.about summary{cursor:pointer;font-weight:600}.about summary::marker{color:var(--gold)}.about ul{margin:8px 0;padding-left:20px}.about li{margin:3px 0}.about li::marker{color:var(--gold)}.about p{margin:8px 0 0}.foot{flex-wrap:wrap;justify-content:space-between;gap:8px;padding:0 2px;display:flex}.disclaimer{flex-basis:100%;margin:0 0 4px}.dev-toggle{color:var(--gold-text);align-items:center;gap:6px;display:inline-flex}.widget{z-index:10;background:var(--surface);border:1px solid var(--gold-light);max-width:calc(100vw - 32px);box-shadow:var(--shadow-lg);border-radius:16px;align-items:center;gap:16px;padding:12px 14px 12px 18px;display:flex;position:fixed;bottom:20px;right:20px}.widget-text{flex-direction:column;min-width:0;line-height:1.35;display:flex}@media (width<=640px){.topbar-inner{flex-wrap:wrap}.topbar-link{padding:5px 12px;font-size:.82rem}.shell{padding-top:16px}.hero{padding:18px}.hero h1{font-size:1.35rem}.ball{width:38px;height:38px;font-size:1.05rem}.balls{gap:7px}.ball.month{margin-left:3px}.seg{text-align:center;flex:calc(50% - 8px);padding:8px 10px}.grid{grid-template-columns:repeat(2,1fr)}.retrieval .primary{align-self:stretch}.widget{justify-content:space-between;max-width:none;bottom:12px;left:12px;right:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}