:root{--bg-color:#030816;--surface-color:#ffffff0d;--border-color:#ffffff1a;--primary-accent:#00ffd1;--primary-glow:#00ffd166;--secondary-accent:#f05;--gold-accent:gold;--text-main:#fff;--text-muted:#8b9bb4;--font-family:"Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-family);background-image:radial-gradient(circle at 15%,#00ffd114,#0000 25%),radial-gradient(circle at 85% 30%,#ff00550d,#0000 25%);justify-content:center;align-items:center;min-height:100vh;display:flex;overflow-x:hidden}.app-container{flex-direction:column;align-items:center;gap:3rem;width:100%;max-width:1200px;padding:2rem;display:flex}header{text-align:center;margin-bottom:1rem}.title-glow{letter-spacing:-1px;background:linear-gradient(135deg, #fff 0%, var(--primary-accent) 100%);-webkit-text-fill-color:transparent;text-shadow:0 0 40px var(--primary-glow);-webkit-background-clip:text;margin-bottom:.5rem;font-size:3.5rem;font-weight:800}.subtitle{color:var(--text-muted);font-size:1.1rem;font-weight:400}.glass-panel{background:var(--surface-color);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:24px;width:100%;max-width:600px;padding:3rem;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000004d}.glass-panel:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);height:1px;position:absolute;top:0;left:0;right:0}.gato-grid{grid-template-columns:repeat(3,1fr);gap:15px;width:100%;max-width:400px;margin:2rem auto;display:grid}.grid-cell{aspect-ratio:1;border:1px solid var(--border-color);color:var(--text-main);background:#0006;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;font-size:2.5rem;font-weight:700;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden}.top3-overlay{border-top:1px solid var(--primary-accent);background:#000000d9;flex-direction:column;gap:2px;padding:5px;font-size:.7rem;transition:transform .3s;display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}.grid-cell:hover .top3-overlay{transform:translateY(0)}.grid-cell.active-prediction{border-color:var(--primary-accent);box-shadow:0 0 20px var(--primary-glow), inset 0 0 20px var(--primary-glow);color:var(--primary-accent);transform:scale(1.05)}.grid-cell.wildcard{border-color:var(--gold-accent);color:var(--gold-accent);text-align:center;padding:10px;font-size:1.8rem;box-shadow:0 0 15px #ffd7004d}.grid-cell span.prob-badge{color:var(--text-muted);letter-spacing:1px;font-size:.75rem;font-weight:500;position:absolute;bottom:8px}.btn-predict{background:linear-gradient(135deg, var(--primary-accent) 0%, #00b392 100%);color:#000;cursor:pointer;width:100%;box-shadow:0 0 20px var(--primary-glow);text-transform:uppercase;letter-spacing:2px;border:none;border-radius:50px;margin-top:2rem;padding:1rem 3rem;font-size:1.2rem;font-weight:700;transition:all .3s}.btn-predict:hover{box-shadow:0 0 30px var(--primary-glow);filter:brightness(1.1);transform:translateY(-2px)}.btn-predict:disabled{color:#666;box-shadow:none;cursor:not-allowed;background:#333;transform:none}.loader-container{flex-direction:column;align-items:center;gap:15px;margin-top:1rem;display:flex}.ai-pulse{background:var(--primary-accent);opacity:.1;z-index:-1;border-radius:50px;width:100%;height:100%;animation:1.5s infinite pulse;position:absolute;top:0;left:0}@keyframes pulse{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.status{color:var(--text-muted);border:1px solid var(--border-color);background:#00000080;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;display:inline-flex}.status-dot{background:#f33;border-radius:50%;width:8px;height:8px}.status-dot.online{background:var(--primary-accent);box-shadow:0 0 10px var(--primary-accent)}.history-input-panel{flex-direction:column;gap:15px;width:100%;max-width:600px;display:flex}.config-tag{color:var(--primary-accent);text-transform:uppercase;letter-spacing:2px;margin-bottom:.5rem;font-size:.85rem}.sync-log-container{background:#0000004d;border-radius:12px;width:100%;padding:10px;overflow-x:auto}.sync-table{border-collapse:collapse;text-align:left;width:100%;font-size:.95rem}.sync-table th{color:var(--text-muted);border-bottom:1px solid var(--border-color);text-transform:uppercase;letter-spacing:1px;padding:12px;font-size:.8rem;font-weight:500}.sync-table td{color:var(--text-main);border-bottom:1px solid #ffffff0d;padding:15px 12px}.sync-table tr:last-child td{border-bottom:none}.sync-table tr:hover td{background:#00ffd10d}.badge{color:var(--primary-accent);background:#00ffd126;border:1px solid #00ffd14d;border-radius:8px;padding:4px 8px;font-size:.85rem;font-weight:600}.numbers-extracted{letter-spacing:2px;color:#fff;text-shadow:0 0 5px #ffffff4d;font-family:monospace}