.app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;padding-bottom:var(--bottom-nav-h)}.app-topbar{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;height:var(--topbar-h);padding:0 var(--space-4);padding-top:max(var(--space-3),env(safe-area-inset-top));background:#1a237eeb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.08)}[data-theme=dark] .app-topbar{background:#0f172aeb;border-bottom-color:#ffffff0f}.app-logo{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-lg);font-weight:800;letter-spacing:-.6px;color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none}.app-logo-icon{font-size:22px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.topbar-actions{display:flex;align-items:center;gap:var(--space-2)}.topbar-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full);color:#ffffffd9;background:#ffffff1a;transition:background var(--duration-fast),transform var(--duration-fast)}.topbar-btn:active{background:#ffffff40;transform:scale(.92)}.install-btn{display:flex;align-items:center;gap:5px;padding:6px 14px;border-radius:var(--radius-full);background:#ffffff1f;color:#fff;font-size:var(--text-xs);font-weight:700;letter-spacing:.3px;border:1px solid rgba(255,255,255,.2);transition:background var(--duration-fast)}.install-btn:active{background:#ffffff47}.app-main{flex:1;max-width:var(--max-width);width:100%;margin:0 auto;padding:var(--space-3) var(--space-3) var(--space-8)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:100;display:flex;justify-content:space-around;padding:var(--space-2) var(--space-2);padding-bottom:max(var(--space-2),env(safe-area-inset-bottom));background:var(--color-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--color-glass-border);box-shadow:0 -4px 20px #0000000f}[data-theme=dark] .bottom-nav{box-shadow:0 -4px 20px #0006}.nav-tab{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-2) var(--space-4);border-radius:var(--radius);background:transparent;color:var(--color-text-muted);font-size:10px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;transition:color var(--duration) var(--ease-out)}.nav-tab.active{color:var(--color-toto)}.nav-tab.active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:24px;height:3px;border-radius:0 0 3px 3px;background:var(--color-toto)}.nav-icon{font-size:22px;line-height:1;transition:transform var(--duration-fast) var(--ease-out)}.nav-tab:active .nav-icon{transform:scale(1.15)}.nav-label{font-size:10px;letter-spacing:.5px}.game-banner{position:relative;overflow:hidden;border-radius:var(--radius-lg);padding:var(--space-6) var(--space-5);margin-bottom:var(--space-4);color:#fff;text-align:center;box-shadow:var(--shadow-lg)}.game-banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.15),transparent 70%);pointer-events:none}.game-banner.toto{background:var(--color-toto-gradient)}.game-banner.fourd{background:var(--color-4d-gradient)}.game-banner.sweep{background:var(--color-sweep-gradient)}.game-banner h2{font-size:var(--text-2xl);font-weight:800;letter-spacing:-.5px;position:relative;z-index:1}.game-banner .banner-sub{font-size:var(--text-sm);opacity:.8;margin-top:4px;position:relative;z-index:1}.results-list{display:flex;flex-direction:column;gap:var(--space-3)}.result-card{display:block;position:relative;overflow:hidden;background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.result-card:active{transform:scale(.985)}.result-card.latest{box-shadow:var(--shadow-lg);border-color:transparent}.result-card.latest:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:var(--radius);padding:2px;background:linear-gradient(135deg,var(--card-accent, #3B82F6),transparent 50%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.result-card-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);color:#fff;font-size:var(--text-sm);font-weight:700;letter-spacing:.2px}.result-card-header.toto{background:var(--color-toto-gradient)}.result-card-header.fourd{background:var(--color-4d-gradient)}.result-card-header.sweep{background:var(--color-sweep-gradient)}.result-card-badge{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1px;padding:2px 8px;border-radius:var(--radius-full);background:#ffffff40;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.result-card-body{padding:var(--space-3) var(--space-4)}.result-card-date{font-size:var(--text-xs);color:var(--color-text-secondary);margin-bottom:var(--space-2);display:flex;align-items:center;gap:4px}.result-card-numbers{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-1)}.result-card-4d,.result-card-sweep{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6}.result-card-4d strong,.result-card-sweep strong{color:var(--color-text);font-weight:700}.number-ball{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#e2e8f0;color:var(--color-text);font-family:var(--font-mono);font-weight:700;font-size:13px;box-shadow:inset 0 -3px #00000014;transition:transform var(--duration-fast) var(--ease-out);-webkit-user-select:none;user-select:none}.number-ball:active{transform:scale(.9)}.number-ball.large{width:48px;height:48px;font-size:19px;margin:0 3px;box-shadow:inset 0 -4px #0000001a,var(--shadow-sm)}.number-ball.toto{background:linear-gradient(145deg,#dbeafe,#bfdbfe);color:#1e40af}.number-ball.fourd{background:linear-gradient(145deg,#ffedd5,#fed7aa);color:#9a3412}.number-ball.sweep{background:linear-gradient(145deg,#fce7f3,#fbcfe8);color:#9d174d}.number-ball.highlighted{background:linear-gradient(145deg,#fee2e2,#fecaca);color:#991b1b;box-shadow:inset 0 -3px #dc262633,0 0 0 3px #dc262626}.number-ball.plus{font-size:22px;font-weight:700;color:var(--color-danger);margin:0 2px;background:none;box-shadow:none;width:auto;height:auto}.skeleton-card{background:var(--color-surface);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.skeleton-header{height:40px;background:linear-gradient(90deg,var(--color-border) 25%,transparent 50%,var(--color-border) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-body{padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.skeleton-line{height:14px;border-radius:4px;background:linear-gradient(90deg,var(--color-border) 25%,transparent 50%,var(--color-border) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-line.short{width:40%}.skeleton-line.medium{width:65%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.crawl-section{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.crawl-button{display:flex;align-items:center;gap:var(--space-1);padding:9px 18px;border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-text);font-size:var(--text-sm);font-weight:700;border:1px solid var(--color-border);box-shadow:var(--shadow-xs);transition:all var(--duration-fast) var(--ease-out)}.crawl-button:active{background:var(--color-surface-hover);transform:scale(.97)}.crawl-button:disabled{opacity:.6;pointer-events:none}.crawl-button.loading{animation:gentlePulse 1.4s infinite}@keyframes gentlePulse{0%,to{opacity:1}50%{opacity:.55}}.crawl-message{font-size:var(--text-xs);font-weight:600;padding:4px 10px;border-radius:var(--radius-full)}.crawl-message.success{color:var(--color-success);background:#16a34a1a}.crawl-message.error{color:var(--color-danger);background:#dc262614}.draw-selector{margin-bottom:var(--space-3)}.draw-selector select{width:100%;padding:11px 14px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);font-size:var(--text-sm);font-weight:600;cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;transition:border-color var(--duration-fast)}.draw-selector select:focus{outline:none;border-color:var(--color-toto);box-shadow:0 0 0 3px #2563eb1f}.detail-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-md);border:1px solid var(--color-border)}.detail-header{text-align:center;margin-bottom:var(--space-5)}.detail-header h2{font-size:var(--text-xl);font-weight:800;letter-spacing:-.3px}.detail-header .detail-date{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}.detail-numbers h3{text-align:center;font-size:var(--text-xs);font-weight:700;color:var(--color-text-muted);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:1.5px}.detail-balls{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;margin:var(--space-2) 0 var(--space-5)}.detail-prizes{margin-top:var(--space-5)}.prize-row{display:flex;justify-content:space-between;align-items:center;padding:13px 16px;border-radius:var(--radius-sm);margin-bottom:6px;background:var(--color-surface-hover);font-size:var(--text-sm);font-weight:600;transition:background var(--duration-fast)}.prize-row:nth-child(1){background:var(--color-4d-light)}.prize-row:nth-child(2){background:var(--color-surface-hover)}.prize-row:nth-child(3){background:var(--color-toto-light)}.prize-group{font-weight:700;font-size:var(--text-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:1px}.detail-4d-prizes,.detail-sweep-prizes{display:flex;flex-direction:column;gap:10px;margin:var(--space-3) 0}.detail-prize-item{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-radius:var(--radius)}.detail-prize-item.first{background:var(--color-4d-light)}.detail-prize-item.second{background:var(--color-surface-hover)}.detail-prize-item.third{background:var(--color-sweep-light)}.prize-label{font-weight:700;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:1px;color:var(--color-text-secondary)}.prize-number{font-family:var(--font-mono);font-size:26px;font-weight:800;letter-spacing:3px;color:var(--color-text)}.detail-prize-section{margin-top:var(--space-5)}.detail-prize-section h3{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--color-text-muted);margin-bottom:var(--space-2);text-align:left}.detail-number-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:6px}.grid-number{background:var(--color-surface-hover);padding:10px 8px;text-align:center;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:700;color:var(--color-text);border:1px solid var(--color-border)}.detail-nav{display:flex;justify-content:space-between;margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.detail-nav-link{font-weight:600;font-size:var(--text-sm);color:var(--color-toto);padding:8px 12px;border-radius:var(--radius-sm);transition:background var(--duration-fast)}.detail-nav-link:active{background:var(--color-toto-light)}.detail-outlets{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.detail-outlets h3{font-size:var(--text-sm);font-weight:700;margin-bottom:var(--space-2)}.outlets-content{font-size:var(--text-sm);line-height:1.7;color:var(--color-text-secondary)}.outlets-content ul{padding-left:var(--space-4);margin:var(--space-2) 0}.outlets-content li{margin-bottom:4px}.claim-deadline{margin-top:var(--space-3);font-size:var(--text-xs);color:var(--color-text-muted);font-style:italic}.search-page{padding-top:var(--space-1)}.search-form{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4);box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.filter-chips{display:flex;gap:var(--space-2);margin-bottom:var(--space-3)}.filter-chip{flex:1;padding:10px 0;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:700;text-align:center;letter-spacing:.3px;color:var(--color-text-secondary);background:var(--color-surface-hover);border:1px solid var(--color-border);transition:all var(--duration-fast) var(--ease-out)}.filter-chip.active{color:#fff;border-color:transparent}.filter-chip.toto.active{background:var(--color-toto-gradient)}.filter-chip.fourd.active{background:var(--color-4d-gradient)}.filter-chip.sweep.active{background:var(--color-sweep-gradient)}.search-input,.search-date{width:100%;padding:12px 16px;border:1px solid var(--color-border);border-radius:var(--radius);font-size:var(--text-base);background:var(--color-bg);color:var(--color-text);transition:border-color var(--duration-fast)}.search-input:focus,.search-date:focus{outline:none;border-color:var(--color-toto);box-shadow:0 0 0 3px #2563eb1a}.search-input::placeholder{color:var(--color-text-muted)}.search-row{margin-bottom:var(--space-3)}.search-submit{width:100%;padding:13px;border-radius:var(--radius);background:var(--color-toto-gradient);color:#fff;font-size:var(--text-base);font-weight:700;letter-spacing:.3px;box-shadow:var(--shadow-md);transition:opacity var(--duration-fast),transform var(--duration-fast)}.search-submit:active{opacity:.9;transform:scale(.98)}.search-submit:disabled{opacity:.5;pointer-events:none}.status-text{text-align:center;color:var(--color-text-secondary);font-size:var(--text-sm);padding:var(--space-6) 0}.status-text.error{color:var(--color-danger)}.empty-state{text-align:center;padding:var(--space-8) var(--space-4)}.empty-icon{font-size:48px;margin-bottom:var(--space-3);opacity:.6}.empty-state p{color:var(--color-text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-1)}.load-more{display:block;width:100%;margin-top:var(--space-4);padding:13px;border-radius:var(--radius);background:var(--color-surface);color:var(--color-toto);font-size:var(--text-sm);font-weight:700;border:1px solid var(--color-border);box-shadow:var(--shadow-xs);transition:all var(--duration-fast) var(--ease-out)}.load-more:active{background:var(--color-surface-hover);transform:scale(.98)}.pull-indicator{text-align:center;padding:var(--space-2);color:var(--color-text-muted);font-size:var(--text-xs);font-weight:600;overflow:hidden;transition:height var(--duration-fast)}.pull-indicator.active{color:var(--color-toto)}.page-enter{opacity:0;transform:translateY(12px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #F0F4F8;--color-surface: #FFFFFF;--color-surface-hover: #F8FAFC;--color-surface-raised: #FFFFFF;--color-glass: rgba(255,255,255,.72);--color-glass-border: rgba(255,255,255,.45);--color-text: #0F172A;--color-text-secondary: #64748B;--color-text-muted: #94A3B8;--color-border: #E2E8F0;--color-toto: #2563EB;--color-toto-light: #DBEAFE;--color-toto-gradient: linear-gradient(135deg, #1D4ED8, #3B82F6);--color-4d: #EA580C;--color-4d-light: #FFEDD5;--color-4d-gradient: linear-gradient(135deg, #C2410C, #F97316);--color-sweep: #DB2777;--color-sweep-light: #FCE7F3;--color-sweep-gradient: linear-gradient(135deg, #BE185D, #EC4899);--color-success: #16A34A;--color-danger: #DC2626;--color-warning: #D97706;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "SF Mono", "Cascadia Code", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .9375rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.25rem;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--radius-sm: 8px;--radius: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0,0,0,.04);--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 6px rgba(0,0,0,.05), 0 2px 4px rgba(0,0,0,.04);--shadow-lg: 0 10px 25px rgba(0,0,0,.08), 0 4px 10px rgba(0,0,0,.04);--shadow-xl: 0 20px 40px rgba(0,0,0,.1), 0 8px 16px rgba(0,0,0,.05);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--duration-fast: .15s;--duration: .25s;--duration-slow: .4s;--topbar-h: 54px;--bottom-nav-h: 64px;--max-width: 600px}[data-theme=dark]{--color-bg: #0B1120;--color-surface: #1E293B;--color-surface-hover: #273449;--color-surface-raised: #253044;--color-glass: rgba(30,41,59,.78);--color-glass-border: rgba(255,255,255,.08);--color-text: #F1F5F9;--color-text-secondary: #94A3B8;--color-text-muted: #64748B;--color-border: #334155;--color-toto-light: #1E3A5F;--color-4d-light: #3D1F0A;--color-sweep-light: #3D1225;--shadow-xs: 0 1px 2px rgba(0,0,0,.3);--shadow-sm: 0 1px 3px rgba(0,0,0,.4);--shadow-md: 0 4px 6px rgba(0,0,0,.4);--shadow-lg: 0 10px 25px rgba(0,0,0,.5);--shadow-xl: 0 20px 40px rgba(0,0,0,.6)}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.6;background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;transition:background var(--duration) var(--ease-out),color var(--duration) var(--ease-out)}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;font-size:inherit;-webkit-tap-highlight-color:transparent}input,select{font-family:inherit;font-size:inherit}img,svg{display:block;max-width:100%}::selection{background:var(--color-toto);color:#fff}