:root{--bg-dark:#0a0c10;--bg-card:#12161f;--bg-card-hover:#1a202c;--accent-gold:gold;--accent-gold-glow:#ffd70040;--accent-red:#f34;--accent-green:#00e676;--accent-blue:#00b0ff;--text-main:#f0f4f8;--text-muted:#8a99ad;--border-color:#ffd70026;--font-family:"Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"Roboto Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-family);background-image:radial-gradient(circle at 10% 20%,#ffd7000a 0%,#0000 40%),radial-gradient(circle at 90% 80%,#ff33440a 0%,#0000 40%);background-attachment:fixed;min-height:100vh;line-height:1.5}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;outline:none;font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0d1117}::-webkit-scrollbar-thumb{background:#21262d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-gold)}.app-container{max-width:1280px;margin:0 auto;padding:16px 20px 60px}.app-header{text-align:center;flex-direction:column;align-items:center;gap:16px;margin-bottom:24px;display:flex}.brand-row{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;justify-content:space-between;align-items:center;width:100%;padding:14px 20px;display:flex;box-shadow:0 8px 32px #0006}.brand-title{align-items:center;gap:12px;display:flex}.brand-logo-icon{font-size:clamp(22px,5vw,28px)}.brand-title h1{letter-spacing:1px;background:linear-gradient(135deg, #fff 30%, var(--accent-gold) 100%);-webkit-text-fill-color:transparent;text-transform:uppercase;-webkit-background-clip:text;font-size:clamp(18px,4.5vw,24px);font-weight:900}.live-badge{color:var(--accent-red);letter-spacing:.5px;white-space:nowrap;background:#ff334426;border:1px solid #f346;border-radius:20px;align-items:center;gap:8px;padding:6px 14px;font-size:13px;font-weight:700;display:flex}.pulse-dot{background-color:var(--accent-red);width:8px;height:8px;box-shadow:0 0 10px var(--accent-red);border-radius:50%;flex-shrink:0;animation:1.2s infinite blink}@keyframes blink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.8)}}.golden-ank-box{border:2px solid var(--accent-gold);width:100%;box-shadow:0 0 25px var(--accent-gold-glow);background:linear-gradient(135deg,#ffd7001f 0%,#141821e6 100%);border-radius:16px;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.ank-title{color:var(--accent-gold);text-transform:uppercase;align-items:center;gap:10px;font-size:clamp(15px,3.5vw,18px);font-weight:800;display:flex}.ank-digits{font-family:var(--font-mono);letter-spacing:4px;color:#fff;text-shadow:0 0 15px var(--accent-gold);font-size:clamp(24px,6vw,34px);font-weight:900}.live-ticker-box{background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;flex-direction:column;gap:12px;width:100%;padding:14px 20px;display:flex}.ticker-header{color:var(--accent-gold);text-transform:uppercase;justify-content:space-between;align-items:center;font-size:14px;font-weight:700;display:flex}.ticker-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;display:grid}.ticker-card{text-align:center;background:#ffffff08;border:1px solid #ffd70033;border-radius:10px;padding:10px 12px;transition:transform .2s,border-color .2s}.ticker-card:hover{border-color:var(--accent-gold);transform:translateY(-2px)}.ticker-market{color:var(--text-muted);text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(11px,2.5vw,13px);font-weight:700;overflow:hidden}.ticker-result{font-family:var(--font-mono);color:var(--accent-gold);margin-top:4px;font-size:clamp(16px,4vw,20px);font-weight:900}.controls-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.search-box{flex:1;min-width:240px;position:relative}.search-input{background:var(--bg-card);border:1px solid var(--border-color);color:#fff;border-radius:12px;width:100%;padding:12px 16px 12px 42px;font-size:15px;transition:border-color .2s,box-shadow .2s}.search-input:focus{border-color:var(--accent-gold);box-shadow:0 0 15px var(--accent-gold-glow);outline:none}.search-icon{color:var(--text-muted);font-size:18px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.status-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.last-updated-text{color:var(--text-muted);font-size:13px}.refresh-btn{background:var(--bg-card);border:1px solid var(--border-color);color:var(--accent-gold);border-radius:12px;flex-shrink:0;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:700;transition:all .2s;display:flex}.refresh-btn:hover{background:var(--accent-gold);color:var(--bg-dark)}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.table-container{background:var(--bg-card);border:1px solid var(--border-color);-webkit-overflow-scrolling:touch;border-radius:16px;overflow-x:auto;box-shadow:0 10px 30px #00000080}.markets-table{border-collapse:collapse;text-align:left;width:100%;min-width:600px}.markets-table th{color:var(--accent-gold);text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--border-color);white-space:nowrap;background:#ffd70014;padding:14px 16px;font-size:13px;font-weight:800}.markets-table td{border-bottom:1px solid #ffffff0d;padding:14px 16px;font-size:14px}.markets-table tr:hover{background:#ffffff06}.market-name-cell{color:#fff;letter-spacing:.5px;text-transform:uppercase;font-size:15px;font-weight:800}.market-result-cell{font-family:var(--font-mono);letter-spacing:1px;white-space:nowrap;font-size:16px;font-weight:900}.result-badge{color:var(--accent-gold);background:#ffd7001a;border:1px solid #ffd7004d;border-radius:8px;padding:4px 10px;display:inline-block}.result-badge.waiting{color:var(--text-muted);background:#ffffff0d;border-color:#ffffff26}.market-timing-cell{color:var(--text-muted);white-space:nowrap;font-size:12px;font-weight:500}.action-buttons{align-items:center;gap:6px;display:flex}.chart-btn{text-transform:uppercase;white-space:nowrap;border-radius:8px;padding:6px 12px;font-size:11px;font-weight:800;transition:all .2s}.chart-btn.jodi{color:var(--accent-blue);background:#00b0ff1f;border:1px solid #00b0ff66}.chart-btn.jodi:hover{background:var(--accent-blue);color:#fff}.chart-btn.panel{color:var(--accent-green);background:#00e6761f;border:1px solid #00e67666}.chart-btn.panel:hover{background:var(--accent-green);color:#000}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#000000d9;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-card);border:2px solid var(--border-color);border-radius:20px;flex-direction:column;width:100%;max-width:900px;max-height:88vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #000c}.modal-header{border-bottom:1px solid var(--border-color);background:#ffd7000d;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-title{color:var(--accent-gold);font-size:clamp(15px,4vw,19px);font-weight:800}.modal-close-btn{color:#fff;background:#ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:20px;transition:background .2s;display:flex}.modal-close-btn:hover{background:var(--accent-red)}.modal-body{flex:1;padding:16px;overflow:auto}.chart-table{border-collapse:collapse;text-align:center;width:100%;font-family:var(--font-mono);min-width:500px}.chart-table th{color:var(--accent-gold);background:#ffd70026;border:1px solid #ffd70033;padding:8px 6px;font-size:12px}.chart-table td{border:1px solid #ffffff14;padding:8px 4px;font-size:13px;font-weight:700}.chart-table tr:nth-child(2n){background:#ffffff04}@media (width<=768px){.app-container{padding:12px 10px 40px}.brand-row{flex-direction:column;gap:10px;padding:12px 14px}.golden-ank-box{text-align:center;flex-direction:column;gap:6px;padding:14px 16px}.controls-bar{flex-direction:column;align-items:stretch;gap:12px}.search-box{min-width:100%}.status-controls{justify-content:space-between;width:100%}.ticker-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.ticker-grid{grid-template-columns:repeat(2,1fr);gap:8px}.ticker-card{padding:8px 6px}.markets-table{min-width:100%}.markets-table,.markets-table thead,.markets-table tbody,.markets-table th,.markets-table td,.markets-table tr{display:block}.markets-table thead tr{position:absolute;top:-9999px;left:-9999px}.markets-table tr{border:1px solid var(--border-color);background:#ffffff05;border-radius:12px;margin-bottom:12px;padding:14px}.markets-table td{border:none;padding:4px 0}.market-name-cell{color:var(--accent-gold);margin-bottom:8px;font-size:16px;border-bottom:1px solid #ffffff14!important;padding-bottom:8px!important}.market-result-cell{justify-content:space-between;align-items:center;display:flex}.market-result-cell:before{content:"RESULT";color:var(--text-muted);font-size:11px;font-weight:800;font-family:var(--font-family)}.market-timing-cell{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.market-timing-cell:before{content:"TIMING";color:var(--text-muted);font-size:11px;font-weight:800;font-family:var(--font-family)}.markets-table td:last-child{margin-top:10px;border-top:1px dashed #ffffff1a!important;padding-top:8px!important}.action-buttons{justify-content:flex-end}.chart-btn{text-align:center;flex:1;padding:8px 10px}}