:root{--bg: #FFFFFF;--surface: #F8FAFC;--surface-raised: #FFFFFF;--border: #E2E8F0;--border-strong: #CBD5E1;--brand: #6366F1;--brand-light: #EEF2FF;--brand-dark: #4338CA;--bull: #10B981;--bull-light: #D1FAE5;--bull-dark: #065F46;--bear: #EF4444;--bear-light: #FEE2E2;--bear-dark: #991B1B;--neutral: #F59E0B;--neutral-light: #FEF3C7;--neutral-dark: #92400E;--info: #3B82F6;--info-light: #DBEAFE;--text-primary: #0F172A;--text-secondary: #475569;--text-muted: #94A3B8;--shadow-card: 0 1px 3px rgba(0,0,0,.07), 0 1px 2px rgba(0,0,0,.05);--shadow-raised: 0 4px 16px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.04);--shadow-nav: 0 -1px 0 #E2E8F0, 0 -4px 12px rgba(0,0,0,.05);--shadow-bull: 0 2px 8px rgba(16,185,129,.25);--shadow-bear: 0 2px 8px rgba(239,68,68,.25)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:14px;color:var(--text-primary);background:var(--bg);-webkit-font-smoothing:antialiased}button{cursor:pointer;border:none;background:none;font:inherit}input[type=range]{width:100%;accent-color:var(--brand)}table{border-collapse:collapse}.app{display:flex;flex-direction:column;min-height:100dvh;background:var(--surface)}.main-content{flex:1;overflow-y:auto;padding:12px 12px 80px}.header{background:var(--bg);border-bottom:1px solid var(--border);box-shadow:0 1px 3px #0000000f;position:sticky;top:0;z-index:50}.header-top{display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:56px}.logo{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:800;color:var(--brand-dark);letter-spacing:-.5px}.logo-icon{width:28px;height:28px;background:linear-gradient(135deg,var(--brand) 0%,#8B5CF6 100%);border-radius:7px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px}.live-badge{display:flex;align-items:center;gap:5px;background:var(--bull-light);color:var(--bull-dark);font-size:11px;font-weight:700;padding:4px 10px;border-radius:20px;border:1px solid var(--bull);letter-spacing:.5px}.live-dot{width:6px;height:6px;background:var(--bull);border-radius:50%;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.8)}}.chip-row{display:flex;gap:6px;padding:8px 16px;overflow-x:auto;scrollbar-width:none}.chip-row::-webkit-scrollbar{display:none}.chip{flex-shrink:0;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:600;border:1.5px solid var(--border);background:var(--surface);color:var(--text-secondary);transition:all .15s}.chip.active{background:var(--brand-light);border-color:var(--brand);color:var(--brand-dark)}.chip:hover:not(.active){border-color:var(--brand);color:var(--brand)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:64px;background:var(--bg);box-shadow:var(--shadow-nav);display:flex;z-index:50}.nav-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--text-muted);font-size:10px;font-weight:600;letter-spacing:.3px;transition:color .15s;position:relative}.nav-tab.active{color:var(--brand)}.nav-tab.active:before{content:"";position:absolute;top:0;left:25%;right:25%;height:2px;background:var(--brand);border-radius:0 0 4px 4px}.nav-icon{font-size:18px;line-height:1}.card{background:var(--surface-raised);border:1px solid var(--border);border-radius:12px;padding:14px;box-shadow:var(--shadow-card)}.card-raised{box-shadow:var(--shadow-raised)}.section-title{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--text-secondary);margin-bottom:10px}.price-hero{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-radius:14px;padding:16px;box-shadow:var(--shadow-raised);margin-bottom:10px}.price-hero__price{font-family:JetBrains Mono,monospace;font-size:28px;font-weight:700;letter-spacing:-1px}.price-hero__change{font-size:14px;font-weight:600;margin-left:8px;opacity:.9}.price-hero__row{display:flex;align-items:baseline;gap:4px;margin-bottom:8px}.price-hero__tags{display:flex;gap:8px;flex-wrap:wrap}.price-tag{background:#fff3;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.signal-card{border-radius:12px;padding:14px;box-shadow:var(--shadow-card);margin-bottom:10px;border:1px solid var(--border);background:var(--surface-raised)}.signal-card.buy{border-left:4px solid var(--bull);background:linear-gradient(135deg,var(--bull-light) 0%,#fff 60%);box-shadow:var(--shadow-bull)}.signal-card.sell{border-left:4px solid var(--bear);background:linear-gradient(135deg,var(--bear-light) 0%,#fff 60%);box-shadow:var(--shadow-bear)}.signal-card.wait{border-left:4px solid var(--neutral);background:linear-gradient(135deg,var(--neutral-light) 0%,#fff 60%)}.signal-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:20px;font-size:13px;font-weight:800;letter-spacing:.5px;margin-bottom:10px}.signal-badge.buy{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:var(--shadow-bull)}.signal-badge.sell{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:var(--shadow-bear)}.signal-badge.wait{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.score-bar-wrap{margin-bottom:8px}.score-bar-track{height:8px;border-radius:4px;background:var(--border);overflow:hidden}.score-bar-fill{height:100%;border-radius:4px;transition:width .4s ease}.score-bar-fill.buy{background:linear-gradient(90deg,#10b981,#059669)}.score-bar-fill.sell{background:linear-gradient(90deg,#ef4444,#dc2626)}.score-bar-fill.wait{background:linear-gradient(90deg,#f59e0b,#d97706)}.score-label{display:flex;justify-content:space-between;font-size:12px;color:var(--text-secondary);margin-bottom:4px}.score-value{font-family:JetBrains Mono,monospace;font-weight:700;color:var(--text-primary)}.level-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.level-card{border-radius:12px;padding:12px;box-shadow:var(--shadow-card);border:1px solid var(--border)}.level-card.support{border-left:4px solid var(--bull);background:var(--bull-light)}.level-card.resistance{border-left:4px solid var(--bear);background:var(--bear-light)}.level-card__type{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-bottom:4px}.level-card.support .level-card__type{color:var(--bull-dark)}.level-card.resistance .level-card__type{color:var(--bear-dark)}.level-card__price{font-family:JetBrains Mono,monospace;font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:6px}.strength-dots{display:flex;gap:3px}.dot{width:7px;height:7px;border-radius:50%}.dot.filled.support{background:var(--bull)}.dot.filled.resistance{background:var(--bear)}.dot.empty{background:var(--border-strong)}.level-card__pct{font-size:11px;color:var(--text-secondary);margin-top:4px}.chart-wrap{border-radius:12px;overflow:hidden;border:1px solid var(--border);background:var(--surface-raised);margin-bottom:10px;box-shadow:var(--shadow-card);position:relative;width:100%}.chart-wrap canvas{display:block;width:100%}.zone-view{border-radius:12px;border:1px solid var(--border);background:var(--surface-raised);overflow:hidden;margin-bottom:12px;box-shadow:var(--shadow-card)}.zone-row{display:flex;align-items:center;gap:10px;padding:9px 14px;border-bottom:1px solid var(--border);font-size:13px}.zone-row:last-child{border-bottom:none}.zone-row.spot-row{background:var(--info-light);border-left:3px solid var(--info);font-weight:700}.zone-row.support-row{color:var(--bull-dark)}.zone-row.resistance-row{color:var(--bear-dark)}.zone-price{font-family:JetBrains Mono,monospace;font-size:14px;font-weight:700;min-width:80px}.zone-type{font-size:10px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;flex:1}.levels-list{display:flex;flex-direction:column;gap:6px}.level-row{border-radius:10px;padding:11px 14px;border:1px solid var(--border);background:var(--surface-raised);box-shadow:var(--shadow-card)}.level-row.support{border-left:4px solid var(--bull)}.level-row.resistance{border-left:4px solid var(--bear)}.level-row-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.level-row-price{font-family:JetBrains Mono,monospace;font-size:15px;font-weight:700}.level-row-pct{font-size:12px;color:var(--text-secondary)}.level-row-meta{display:flex;align-items:center;justify-content:space-between}.level-row-label{font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px}.level-row-label.support{background:var(--bull-light);color:var(--bull-dark)}.level-row-label.resistance{background:var(--bear-light);color:var(--bear-dark)}.slider-row{display:flex;align-items:center;gap:10px;padding:10px 0;margin-bottom:12px}.slider-row label{font-size:12px;font-weight:600;color:var(--text-secondary);white-space:nowrap}.slider-val{font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700;color:var(--brand);min-width:36px;text-align:right}.bias-verdict{border-radius:12px;padding:14px;margin-bottom:10px;border-left:4px solid}.bias-verdict.bullish{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:var(--bull)}.bias-verdict.mildly-bull{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#34d399}.bias-verdict.neutral{background:linear-gradient(135deg,var(--neutral-light) 0%,#FDE68A 100%);border-color:var(--neutral)}.bias-verdict.mildly-bear{background:linear-gradient(135deg,#FFF7ED 0%,var(--bear-light) 100%);border-color:#f97316}.bias-verdict.bearish{background:linear-gradient(135deg,var(--bear-light) 0%,#FECACA 100%);border-color:var(--bear)}.bias-verdict__label{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-bottom:4px;color:var(--text-secondary)}.bias-verdict__text{font-size:16px;font-weight:800;color:var(--text-primary);margin-bottom:4px}.bias-verdict__sub{font-size:12px;color:var(--text-secondary)}.metric-pills{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}.metric-pill{border-radius:12px;padding:11px 10px;border:1px solid var(--border);background:var(--surface-raised);box-shadow:var(--shadow-card);text-align:center}.metric-pill__label{font-size:10px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--text-muted);margin-bottom:4px}.metric-pill__value{font-family:JetBrains Mono,monospace;font-size:15px;font-weight:700;color:var(--text-primary)}.metric-pill__sub{font-size:11px;font-weight:600;margin-top:2px}.metric-pill__sub.bull{color:var(--bull-dark)}.metric-pill__sub.bear{color:var(--bear-dark)}.metric-pill__sub.neutral{color:var(--neutral-dark)}.oi-walls-card{margin-bottom:10px}.oi-bar-wrap{margin:10px 0}.oi-bar-track{height:10px;border-radius:5px;background:var(--border);overflow:hidden;position:relative}.oi-bar-fill-ce{position:absolute;right:0;top:0;bottom:0;background:linear-gradient(90deg,#FECACA,var(--bear));border-radius:5px}.oi-bar-fill-pe{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,var(--bull),#6EE7B7);border-radius:5px}.oi-walls-labels{display:flex;justify-content:space-between;font-size:12px;font-weight:600;margin-top:6px}.signals-list{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.signal-reason{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;border-left:3px solid;font-size:13px}.signal-reason.bull{background:var(--bull-light);border-color:var(--bull);color:var(--bull-dark)}.signal-reason.bear{background:var(--bear-light);border-color:var(--bear);color:var(--bear-dark)}.signal-reason.neutral{background:var(--neutral-light);border-color:var(--neutral);color:var(--neutral-dark)}.chain-table-wrap{overflow-x:auto;border-radius:12px;border:1px solid var(--border);background:var(--surface-raised)}.chain-table{width:100%;font-family:JetBrains Mono,monospace;font-size:11px}.chain-table th{background:var(--surface);padding:8px 10px;text-align:right;font-size:10px;font-weight:700;letter-spacing:.5px;color:var(--text-secondary);border-bottom:1px solid var(--border);white-space:nowrap}.chain-table th:first-child,.chain-table th:last-child{text-align:left}.chain-table td{padding:6px 10px;text-align:right;border-bottom:1px solid var(--border)}.chain-table td:first-child{text-align:left}.chain-table tr.atm-row{background:var(--info-light)}.chain-table tr.atm-row td{font-weight:700}.chain-table .strike-col{font-weight:700;color:var(--text-primary);text-align:center;background:var(--surface)}.chain-table .ce-oi{color:var(--bear-dark)}.chain-table .pe-oi{color:var(--bull-dark)}.gauge-wrap{text-align:center;padding:20px 16px;margin-bottom:10px;border-radius:12px;border:1px solid var(--border);background:var(--surface-raised);box-shadow:var(--shadow-card)}.gauge-score{font-family:JetBrains Mono,monospace;font-size:48px;font-weight:700;line-height:1;margin-top:8px}.gauge-score.buy{color:var(--bull)}.gauge-score.sell{color:var(--bear)}.gauge-score.wait{color:var(--neutral)}.trade-setup-card{margin-bottom:10px}.setup-row{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid var(--border);font-size:13px}.setup-row:last-child{border-bottom:none}.setup-label{color:var(--text-secondary);font-weight:600}.setup-value{font-family:JetBrains Mono,monospace;font-weight:700;font-size:14px}.setup-badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px;margin-left:8px}.setup-badge.neg{background:var(--bear-light);color:var(--bear-dark)}.setup-badge.pos{background:var(--bull-light);color:var(--bull-dark)}.rr-badge{display:inline-block;padding:2px 10px;border-radius:10px;font-size:12px;font-weight:700;font-family:JetBrains Mono,monospace}.rr-badge.good{background:var(--bull-light);color:var(--bull-dark)}.rr-badge.poor{background:var(--neutral-light);color:var(--neutral-dark)}.checklist-card{margin-bottom:10px}.checklist-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.checklist-score{font-size:13px;font-weight:700;color:var(--brand)}.checklist-item{display:flex;align-items:center;gap:10px;padding:7px 0;font-size:13px;border-bottom:1px solid var(--border)}.checklist-item:last-child{border-bottom:none}.check-icon{font-size:16px}.reason-cards{display:flex;flex-direction:column;gap:6px}.refresh-btn{display:flex;align-items:center;gap:5px;padding:5px 12px;border-radius:20px;border:1.5px solid var(--border);background:var(--surface);color:var(--text-secondary);font-size:12px;font-weight:600;transition:all .15s}.refresh-btn:hover{border-color:var(--brand);color:var(--brand)}.refresh-btn.spinning .refresh-icon{animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.refresh-icon{font-size:14px;display:inline-block}.row-between{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.text-mono{font-family:JetBrains Mono,monospace}.text-sm{font-size:12px}.text-muted{color:var(--text-muted)}.text-bull{color:var(--bull-dark)}.text-bear{color:var(--bear-dark)}.bull-chip{background:var(--bull-light);color:var(--bull-dark);padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600}.bear-chip{background:var(--bear-light);color:var(--bear-dark);padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600}.header-desktop-nav{display:none}@media (min-width: 640px){.main-content{padding:16px 20px 80px;max-width:800px;margin:0 auto}.metric-pills{grid-template-columns:repeat(4,1fr)}}@media (min-width: 1024px){.app{flex-direction:column}.main-content{max-width:1100px;padding:20px 24px 40px}.bottom-nav{display:none}.header-desktop-nav{display:flex;gap:4px;padding:0 16px 8px}.desktop-nav-tab{padding:6px 16px;border-radius:8px;font-size:13px;font-weight:600;color:var(--text-secondary);transition:all .15s}.desktop-nav-tab:hover{background:var(--surface);color:var(--text-primary)}.desktop-nav-tab.active{background:var(--brand-light);color:var(--brand-dark)}.metric-pills{grid-template-columns:repeat(6,1fr)}.level-grid{grid-template-columns:repeat(4,1fr)}}.empty-state{text-align:center;padding:40px 20px;color:var(--text-muted);font-size:14px}.lock-screen{min-height:100dvh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#eef2ff,#e0e7ff,#f0fdf4);padding:24px}.lock-card{background:#fff;border-radius:24px;padding:40px 32px;box-shadow:0 8px 40px #6366f126,0 2px 8px #0000000f;width:100%;max-width:360px;text-align:center}.lock-logo{display:flex;align-items:center;justify-content:center;gap:10px;font-size:24px;font-weight:800;color:var(--brand-dark);margin-bottom:8px}.lock-logo .logo-icon{width:36px;height:36px;background:linear-gradient(135deg,var(--brand) 0%,#8B5CF6 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;font-weight:800}.lock-subtitle{font-size:14px;color:var(--text-secondary);margin-bottom:24px}.lock-form{display:flex;flex-direction:column;gap:12px}.lock-input{width:100%;padding:12px 16px;border:2px solid var(--border);border-radius:12px;font-size:15px;font-family:JetBrains Mono,monospace;letter-spacing:3px;outline:none;transition:border-color .15s;text-align:center;background:var(--surface)}.lock-input:focus{border-color:var(--brand);background:#fff}.lock-error{font-size:13px;color:var(--bear-dark);background:var(--bear-light);border-radius:8px;padding:8px 12px}.lock-btn{padding:13px;border-radius:12px;background:linear-gradient(135deg,var(--brand) 0%,#8B5CF6 100%);color:#fff;font-size:15px;font-weight:700;cursor:pointer;border:none;transition:opacity .15s,transform .1s}.lock-btn:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.lock-btn:disabled{opacity:.6;cursor:not-allowed}.lock-hint{font-size:11px;color:var(--text-muted);margin-top:20px}.header-right{display:flex;align-items:center;gap:8px}.market-badge{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:4px 10px;border-radius:20px;border:1.5px solid;letter-spacing:.3px;white-space:nowrap}.market-badge.open{background:var(--bull-light);color:var(--bull-dark);border-color:var(--bull)}.market-badge.closed{background:var(--surface);color:var(--text-muted);border-color:var(--border)}.market-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.market-badge.open .market-dot{animation:pulse 1.5s infinite}.mock-banner{background:linear-gradient(90deg,var(--neutral-light),#FDE68A);border-bottom:1px solid var(--neutral);color:var(--neutral-dark);font-size:12px;font-weight:600;text-align:center;padding:6px 16px}.kite-connect-btn{padding:5px 12px;border-radius:20px;border:1.5px solid var(--brand);background:var(--brand-light);color:var(--brand-dark);font-size:11px;font-weight:700;cursor:pointer;transition:all .15s;white-space:nowrap}.kite-connect-btn:hover{background:var(--brand);color:#fff}.kite-status{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:4px 10px;border-radius:20px}.kite-status.connected{background:var(--bull-light);color:var(--bull-dark)}.kite-dot{width:6px;height:6px;border-radius:50%;background:var(--bull);animation:pulse 1.5s infinite}