*{box-sizing:border-box}body{margin:0;background:#f3f4f6;color:#111827;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif}.app{max-width:760px;margin:0 auto;padding:24px 16px 48px}.hero{display:flex;justify-content:space-between;align-items:flex-start;background:#111827;color:#fff;border-radius:22px;padding:24px;margin-bottom:16px}.eyebrow{font-size:13px;font-weight:700;letter-spacing:.08em;opacity:.72}.hero h1{margin:7px 0 4px;font-size:30px}.hero p{margin:0;color:#cbd5e1}.badge{background:#374151;border:1px solid #4b5563;border-radius:999px;padding:7px 10px;font-size:12px}.card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:18px;margin-bottom:16px;box-shadow:0 2px 8px rgba(0,0,0,.04)}.card-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.card h2{font-size:19px;margin:0}.status-dot{font-size:12px;color:#15803d}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metrics div{background:#f8fafc;border-radius:14px;padding:14px}.metrics strong{display:block;font-size:25px}.metrics span{font-size:12px;color:#6b7280}.module{padding:13px 0;border-bottom:1px solid #eef0f3}.module:last-child{border-bottom:0}.module-head{display:flex;justify-content:space-between;font-weight:700}.module small{color:#6b7280}.bar{height:7px;background:#e5e7eb;border-radius:99px;margin-top:8px;overflow:hidden}.bar i{display:block;height:100%;background:#2563eb;border-radius:99px}button{border:0;background:#eef2ff;color:#1d4ed8;border-radius:10px;padding:8px 12px;font-weight:700}.primary{width:100%;background:#111827;color:#fff;padding:13px;margin-top:10px;font-size:15px}.button-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.button-row button{width:100%;padding:12px}.input-row{display:grid;gap:9px}input{width:100%;padding:13px;border:1px solid #d1d5db;border-radius:11px;font-size:15px;background:#fff}input:focus{outline:2px solid #93c5fd;border-color:#2563eb}.message{min-height:18px;font-size:13px;color:#15803d}.muted,footer{font-size:12px;color:#6b7280}.result{line-height:1.65}.result-title,.review-title{font-weight:800;font-size:17px;margin-bottom:8px}.hint{color:#6b7280;font-size:13px;line-height:1.6}footer{text-align:center;padding:10px 12px;line-height:1.6}@media(min-width:600px){.input-row{grid-template-columns:1fr 2fr .7fr}}
/* Homepage next-draw workspace */
.home-card{border:1px solid #dbeafe;background:linear-gradient(180deg,#fff,#f8fbff)}.home-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:16px}.home-head h2{font-size:20px;margin:5px 0}.home-latest,.home-omission{padding:13px;background:#f8fafc;border-radius:14px;margin:10px 0}.home-label{display:flex;justify-content:space-between;gap:8px;font-weight:800;font-size:14px;margin-bottom:10px}.home-label span,.home-next span{font-size:11px;font-weight:500;color:#6b7280}.home-draw{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.home-draw i{font-style:normal;background:#dc2626;color:#fff;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;font-weight:800}.home-draw em{font-style:normal;background:#2563eb;color:#fff;border-radius:18px;padding:8px 11px;margin-left:4px;font-size:13px}.home-next{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:8px 2px}.home-zone{margin:10px 0}.home-zone>small{display:block;color:#6b7280;margin-bottom:6px}.home-balls{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}.home-ball{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:5px 2px;text-align:center;min-width:0}.home-ball b{display:block;font-size:13px}.home-ball small{display:block;font-size:9px;color:#6b7280;white-space:nowrap}.home-ball.blue b{color:#2563eb}.home-ball.red b{color:#dc2626}.home-card button:disabled{opacity:.45}


/* Fixed five-section bottom navigation: iPhone safe-area aware */
body{padding-bottom:calc(82px + env(safe-area-inset-bottom))}
.app{padding-bottom:calc(24px + env(safe-area-inset-bottom))}
.bottom-tabs{position:fixed;z-index:1000;left:50%;bottom:0;transform:translateX(-50%);width:min(100%,760px);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;padding:7px 8px calc(7px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);border-top:1px solid #e5e7eb;box-shadow:0 -5px 18px rgba(15,23,42,.08);backdrop-filter:blur(16px)}
.tab-button{min-width:0;min-height:54px;padding:5px 2px;background:transparent;color:#64748b;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11px;font-weight:650}
.tab-button .tab-icon{font-size:21px;line-height:1.1}
.tab-button.active{background:#eff6ff;color:#1d4ed8}
[hidden]{display:none!important}
@media(min-width:760px){.bottom-tabs{border-left:1px solid #e5e7eb;border-right:1px solid #e5e7eb;border-radius:16px 16px 0 0}}