:root{--bg: #0b0e11;--surface: #14181d;--surface-2: #1b2027;--border: #232a32;--text: #e6e3db;--muted: #8a8f98;--muted-2: #5d636c;--amber: #e8a33d;--steel: #6e8ca0;--up: #4fb477;--down: #e5555b;--buy: #3b82f6;--sell: #e5555b;--sans: "Space Grotesk", system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;line-height:1.4}.app{max-width:500px;margin:0 auto;min-height:100%;background:radial-gradient(120% 60% at 50% -10%,rgba(232,163,61,.06),transparent 60%),var(--bg);border-left:1px solid var(--border);border-right:1px solid var(--border);position:relative}.brand{display:flex;align-items:baseline;gap:8px}.brand h1{font-size:19px;font-weight:700;letter-spacing:-.01em}.brand .tick{font-family:var(--mono);font-size:11px;color:var(--amber);border:1px solid rgba(232,163,61,.35);border-radius:4px;padding:1px 5px;letter-spacing:.04em}.status{display:flex;align-items:center;gap:7px;font-family:var(--mono);font-size:11px;color:var(--muted);margin-top:5px}.dot{width:6px;height:6px;border-radius:50%;background:var(--up);box-shadow:0 0 #4fb47780;animation:pulse 2.4s infinite}@keyframes pulse{0%{box-shadow:0 0 #4fb47773}70%{box-shadow:0 0 0 6px #4fb47700}to{box-shadow:0 0 #4fb47700}}.tape{display:flex;align-items:center;gap:16px;font-family:var(--mono);font-size:12px;padding:10px 0 12px;color:var(--muted);overflow-x:auto;scrollbar-width:none}.tape::-webkit-scrollbar{display:none}.tape .q{display:flex;align-items:center;gap:6px;white-space:nowrap}.tape .sym{color:var(--muted-2)}.tape .px{color:var(--text)}.tape .chg.up{color:var(--up)}.tape .chg.down{color:var(--down)}.filters{display:flex;gap:8px;padding:12px 18px 14px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg);z-index:20}.chip{font-family:var(--mono);font-size:12px;letter-spacing:.02em;color:var(--muted);background:transparent;border:1px solid var(--border);border-radius:999px;padding:6px 13px;cursor:pointer;transition:.15s}.chip[aria-pressed=true]{color:var(--bg);background:var(--text);border-color:var(--text);font-weight:600}.chip .n{opacity:.6;margin-left:4px}.list{padding:8px 14px 40px}.card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px 15px 13px 17px;margin:10px 0;cursor:pointer;overflow:hidden;transition:transform .12s ease,border-color .15s;animation:rise .45s cubic-bezier(.2,.7,.3,1) both}.card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px}.card.t-direct:before{background:var(--amber)}.card.t-indirect:before{background:var(--steel)}.card:active{transform:scale(.986)}@media (hover: hover){.card:hover{border-color:#2e3742}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.row1{display:flex;align-items:center;gap:8px;margin-bottom:9px}.badge{font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:.03em;padding:2px 7px;border-radius:5px}.badge.direct{color:var(--amber);background:#e8a33d1f;border:1px solid rgba(232,163,61,.3)}.badge.indirect{color:var(--steel);background:#6e8ca01f;border:1px solid rgba(110,140,160,.28)}.cat{font-family:var(--mono);font-size:11px;color:var(--muted)}.time{margin-left:auto;font-family:var(--mono);font-size:11px;color:var(--muted-2)}.title{font-size:15.5px;font-weight:600;letter-spacing:-.01em;line-height:1.35;margin-bottom:6px}.reason{font-size:12.5px;color:var(--muted);line-height:1.45;margin-bottom:11px}.row2{display:flex;align-items:center;gap:12px;font-family:var(--mono);font-size:11px}.score{color:var(--muted)}.score b{color:var(--text);font-weight:600}.dir{display:flex;align-items:center;gap:3px}.dir.up{color:var(--up)}.dir.down{color:var(--down)}.dir.flat{color:var(--muted-2)}.src{margin-left:auto;color:var(--muted-2)}.empty{text-align:center;padding:40px 20px;color:var(--muted);font-size:14px;line-height:1.6}.loading,.error{text-align:center;padding:24px 20px;font-family:var(--mono);font-size:12px;color:var(--muted)}.error{color:var(--down)}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#040608a8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .22s}.scrim.open{opacity:1;pointer-events:auto}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:60;max-width:500px;margin:0 auto;max-height:88vh;background:var(--surface);border:1px solid var(--border);border-bottom:none;border-radius:18px 18px 0 0;transform:translateY(101%);transition:transform .28s cubic-bezier(.25,.8,.3,1);display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom)}.sheet.open{transform:none}.grip{width:38px;height:4px;border-radius:2px;background:var(--border);margin:10px auto 4px}.sheet-head{padding:6px 20px 14px;border-bottom:1px solid var(--border);position:relative}.sheet-meta{display:flex;align-items:center;gap:8px;margin-bottom:10px}.sheet h2{font-size:18px;font-weight:700;line-height:1.34;letter-spacing:-.01em}.sheet-sub{font-family:var(--mono);font-size:11px;color:var(--muted-2);margin-top:8px;display:flex;gap:12px;flex-wrap:wrap}.article-sheet .sheet-head{display:block;padding:6px 20px 14px;border-bottom:1px solid var(--border);position:relative}.article-sheet .sheet-head h2{margin:0;font-size:18px;font-weight:700;line-height:1.34;letter-spacing:-.01em}.sheet-body{padding:16px 20px 26px;overflow-y:auto}.sheet-body p{font-size:14px;line-height:1.62;margin-bottom:13px;white-space:pre-wrap}.sheet-body .disc{margin-top:16px;padding:11px 13px;border:1px solid var(--border);border-radius:9px;background:var(--surface-2);font-family:var(--mono);font-size:10.5px;color:var(--muted-2);line-height:1.6;white-space:pre-wrap}.accent{color:var(--down);font-weight:700}.close{position:absolute;right:14px;top:14px;width:30px;height:30px;border-radius:50%;background:var(--surface-2);border:1px solid var(--border);color:var(--muted);font-size:16px;cursor:pointer;display:grid;place-items:center;z-index:10;pointer-events:auto;touch-action:manipulation}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.weekend-oil-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px 16px 12px;margin:10px 0;animation:rise .45s cubic-bezier(.2,.7,.3,1) both}.wo-source{font-family:var(--mono);font-size:10px;color:var(--text);letter-spacing:.04em;text-transform:uppercase;margin-bottom:10px}.wo-collapsible-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0;background:transparent;border:none;cursor:pointer}.wo-collapsible-header .wo-chevron{width:16px;height:16px;color:var(--muted);transition:transform .2s ease}.wo-collapsible-header[aria-expanded=true] .wo-chevron{transform:rotate(180deg)}.wo-buttons{display:flex;align-items:center;gap:10px;margin-bottom:12px}.wo-button{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 8px;border-radius:8px;color:#fff}.wo-button-sell{background:var(--sell)}.wo-button-buy{background:var(--buy)}.wo-button .wo-label{font-size:10px;letter-spacing:.06em;opacity:.9}.wo-button .wo-price{font-family:var(--mono);font-size:17px;font-weight:700}.wo-spread{font-family:var(--mono);font-size:11px;color:var(--muted);background:var(--surface-2);border:1px solid var(--border);border-radius:6px;padding:5px 8px;white-space:nowrap}.wo-change{display:flex;align-items:center;justify-content:center;gap:6px;font-family:var(--mono);font-size:15px;font-weight:700;margin-bottom:4px}.wo-change.up{color:var(--buy)}.wo-change.down{color:var(--sell)}.wo-extremes{display:flex;justify-content:center;gap:14px;font-family:var(--mono);font-size:11px;color:var(--muted);margin-bottom:14px}.wo-sentiment{border-top:1px solid var(--border);padding-top:12px;margin-top:4px}.wo-sentiment-bar{display:flex;height:6px;border-radius:3px;overflow:hidden;margin-bottom:8px}.wo-long-bar{background:var(--buy);height:100%}.wo-short-bar{background:var(--sell);height:100%}.wo-sentiment-labels{display:flex;justify-content:space-between;font-family:var(--mono);font-size:11px;margin-bottom:8px}.wo-sentiment-labels .long{color:var(--buy)}.wo-sentiment-labels .short{color:var(--sell)}.wo-sentiment-note{text-align:center;font-size:13px;color:var(--text);line-height:1.45}.wo-error{margin-top:10px;padding:8px 10px;border-radius:6px;background:#e5555b1f;color:var(--down);font-family:var(--mono);font-size:11px;line-height:1.4}.wo-updated{text-align:right;font-family:var(--mono);font-size:10px;color:var(--muted-2);margin-top:10px}.wo-section-divider{border-top:1px solid var(--border);margin:14px 0 12px}.wo-binance-prices{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}.wo-binance-price{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;background:var(--surface-2);border:1px solid var(--border);border-radius:8px}.wo-binance-price .label{font-size:10px;color:var(--muted);letter-spacing:.04em}.wo-binance-price .value{font-family:var(--mono);font-size:15px;font-weight:700;color:var(--text)}.wo-trend-grid{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;margin-bottom:6px;scrollbar-width:none}.wo-trend-grid::-webkit-scrollbar{display:none}.wo-trend-card{flex:0 0 260px;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:12px 13px}.wo-trend-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:10px;border-bottom:1px solid var(--border);padding-bottom:8px}.wo-trend-label{font-size:14px;font-weight:700;color:var(--text)}.wo-trend-time{font-family:var(--mono);font-size:10px;color:var(--muted-2)}.wo-trend-row{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin-bottom:6px}.wo-trend-row.up .wo-trend-value{color:var(--up)}.wo-trend-row.down .wo-trend-value{color:var(--down)}.wo-trend-row.flat .wo-trend-value{color:var(--muted)}.wo-trend-key{color:var(--muted);font-size:11px}.wo-trend-value{font-weight:600;color:var(--text)}.wo-trend-extremes{display:flex;gap:10px;margin:10px 0 8px;padding:8px 0;border-top:1px dashed var(--border);border-bottom:1px dashed var(--border)}.wo-trend-extreme{flex:1;display:flex;flex-direction:column;gap:2px}.wo-trend-current{display:flex;align-items:baseline;gap:8px;margin-bottom:10px}.wo-trend-pct{font-family:var(--mono);font-size:11px;font-weight:700}.wo-trend-pct.up{color:var(--up)}.wo-trend-pct.down{color:var(--down)}.wo-trend-closes{display:flex;flex-direction:column;gap:3px;max-height:110px;overflow-y:auto;padding-right:4px;scrollbar-width:thin}.wo-trend-close{display:flex;justify-content:space-between;font-family:var(--mono);font-size:10.5px}.wo-trend-close-t{color:var(--muted-2)}.wo-trend-close-v{color:var(--text)}.has-bottom-nav{padding-bottom:calc(78px + env(safe-area-inset-bottom))}.bottom-tabs{position:fixed;bottom:0;left:50%;transform:translate(-50%);z-index:80;display:grid;grid-template-columns:repeat(4,1fr);width:100%;max-width:500px;background:#14181df7;border:1px solid var(--border);border-bottom:0;padding:8px 8px calc(8px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.bottom-tab{color:var(--muted);background:transparent;border:0;border-radius:9px;padding:6px 0;display:flex;align-items:center;flex-direction:column;gap:2px;cursor:pointer;font-family:var(--sans);font-size:12px;min-height:49px}.bottom-tab-icon{font-size:22px;line-height:24px}.bottom-tab.active{color:var(--amber);background:#e8a33d17;font-weight:700}.bottom-tab:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.placeholder-page{min-height:65vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;text-align:center;gap:12px}.placeholder-icon{font-size:42px;color:var(--amber)}.placeholder-page h1{font-size:23px}.placeholder-page p{font-size:14px;color:var(--muted)}.app-top{position:sticky;top:0;z-index:40;background:#0b0e11eb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);padding:calc(env(safe-area-inset-top) + 10px) 18px 10px}.app-top-inner{display:flex;align-items:center;justify-content:space-between;gap:12px}.app-brand{font-size:15px;font-weight:800;letter-spacing:.06em}.app-brand span{color:var(--buy)}.app-online{display:flex;align-items:center;gap:7px;font-family:var(--mono);font-size:11px;font-weight:700;color:var(--up)}.app-online .dot{animation:none;box-shadow:0 0 0 4px #4fb4771a}.news-header{background:#0b0e11db;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:12px 18px 0}.signals-page{padding-bottom:12px}.signals-headline{padding:22px 15px 11px}.signals-title{font-size:23px;font-weight:700;letter-spacing:-.04em;margin:0}.signals-title .live-dot{font-size:13px;color:var(--amber)}.signals-subtitle{font-size:11px;color:var(--muted);margin-top:6px}.signals-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:5px 15px 20px}.metric{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px 13px;min-height:93px}.metric.long .metric-value{color:var(--up)}.metric.short .metric-value{color:var(--down)}.metric-label{font-size:10px;color:var(--muted)}.metric-value{font-size:23px;font-weight:700;margin:6px 0 1px;font-variant-numeric:tabular-nums}.metric-hint{font-size:10px;color:var(--muted-2)}.signals-section{margin:0 15px 17px}.section-label{font-size:11px;font-weight:700;color:var(--text);margin-bottom:9px}.signals-section .chips{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;padding:1px 0 5px}.signals-section .chips::-webkit-scrollbar{display:none}.signals-section .chip{white-space:nowrap;background:transparent;border:1px solid #343941;color:#a1a7b1;border-radius:999px;padding:8px 13px;font-weight:520;font-size:11px;cursor:pointer;transition:all .15s}.signals-section .chip.active{background:#eae7dd;border-color:#eae7dd;color:#181a1c;font-weight:750}.signals-filters{display:grid;grid-template-columns:1fr 1fr;gap:11px}.signals-searchrow{display:flex;justify-content:space-between;align-items:center;margin:23px 15px 11px}.signals-searchrow strong{font-size:14px;display:flex;align-items:center;gap:8px}.result-count{color:var(--amber);font-size:12px}.new-badge{background:var(--down);color:#fff;font-size:10px;font-weight:700;border-radius:999px;padding:2px 7px}.refresh{border:0;background:transparent;color:var(--muted);font-size:11px;display:flex;align-items:center;gap:5px;cursor:pointer}.refresh:disabled{opacity:.5}.signals-error{margin:0 15px 12px;padding:12px;background:#e5555b1f;border:1px solid rgba(229,85,91,.25);border-radius:10px;color:#ff9ea3;font-size:12px}.signals-list{margin:0 12px;display:grid;gap:10px}.signal-card{width:100%;text-align:left;border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:13px 15px;color:var(--text);position:relative;overflow:hidden;cursor:pointer;transition:background .15s,border-color .15s}.signal-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#566679}.signal-card.long:before{background:#438e74}.signal-card.short:before{background:#a35b66}.signal-card:hover{border-color:#59616a;background:var(--surface-2)}.signal-line{display:flex;align-items:center;justify-content:space-between;gap:10px}.signal-tags{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.signal-symbol{font-size:15px;font-weight:700}.signal-card .tag{border:1px solid #363d46;color:#adb4be;font-size:10px;font-weight:650;border-radius:5px;padding:3px 6px}.signal-card .side{font-size:10px;font-weight:700;border-radius:6px;padding:6px 9px}.signal-card .side.long{color:#79dab0;background:#173329}.signal-card .side.short{color:#ff9ea7;background:#392126}.signal-card .side.unknown{color:#b0b6bd;background:#2b3036}.signal-strategy{font-size:12px;margin-top:12px}.signal-bottom{margin-top:7px;font-size:10px;color:var(--muted);justify-content:flex-end}.signal-time{font-variant-numeric:tabular-nums}.signals-empty{padding:45px 15px;text-align:center;color:var(--muted);border:1px dashed var(--border);border-radius:14px;font-size:13px}.load-more{width:100%;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;padding:12px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.load-more:hover{background:var(--surface-2)}.load-more:disabled{opacity:.5}.sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#00000080;opacity:0;pointer-events:none;transition:opacity .18s}.sheet-overlay.open{opacity:1;pointer-events:auto}.sheet{position:fixed;z-index:51;bottom:0;left:0;right:0;max-width:500px;margin:0 auto;background:var(--surface);border:1px solid var(--border);border-radius:22px 22px 0 0;box-shadow:0 -20px 80px #00000080;max-height:87vh;overflow-y:auto;padding:10px 18px calc(27px + env(safe-area-inset-bottom));transform:translateY(105%);transition:transform .22s ease}.sheet.open{transform:translateY(0)}.sheet-handle{width:46px;height:4px;border-radius:8px;background:var(--muted-2);margin:1px auto 17px}.sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.sheet-head h2{margin:0;font-size:21px}.sheet-close{border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:10px;width:33px;height:33px;font-size:20px;cursor:pointer}.sheet-tags{display:flex;gap:7px;margin-bottom:19px}.sheet-grid{display:grid;gap:0}.sheet-row{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;border-bottom:1px solid var(--border);padding:12px 0}.sheet-key{font-size:12px;color:var(--muted);flex-shrink:0}.sheet-value{font-size:12px;font-weight:650;text-align:right;overflow-wrap:anywhere}.sheet-payload{margin-top:14px}.sheet-payload summary{color:var(--amber);cursor:pointer;font-size:12px;font-weight:700}.json-block{border-radius:11px;background:var(--bg);border:1px solid var(--border);padding:13px;font-size:12px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;font-family:var(--mono);max-height:210px;overflow:auto;color:var(--muted);margin-top:8px}.sheet-loading,.sheet-error{padding:20px 0;text-align:center;font-size:13px;color:var(--muted)}.sheet-error{color:var(--down)}.sheet.signal-sheet{max-height:92vh;padding-bottom:calc(80px + env(safe-area-inset-bottom))}@media (max-width: 370px){.signals-filters{grid-template-columns:1fr}.signals-summary{gap:5px}.metric{padding:10px 9px}.metric-value{font-size:21px}}html{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.app.has-bottom-nav{padding-bottom:env(safe-area-inset-bottom)}.bottom-tabs{padding-bottom:max(8px,env(safe-area-inset-bottom))}.offline-banner{position:sticky;top:calc(env(safe-area-inset-top) + 44px);z-index:45;background:#e5555beb;color:#fff;font-size:12px;font-weight:600;text-align:center;padding:6px 12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.login-body,#root:has(.login-page){background:var(--bg)}.login-page{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{width:100%;max-width:360px;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:28px 24px 32px;box-shadow:0 20px 60px #00000059}.login-brand{font-size:22px;font-weight:800;letter-spacing:.06em;text-align:center;margin-bottom:6px}.login-brand span{color:var(--buy)}.login-subtitle{text-align:center;color:var(--muted);font-size:14px;margin-bottom:22px}.login-card form{display:flex;flex-direction:column;gap:14px}.login-card label{font-size:12px;font-weight:600;color:var(--muted);margin-bottom:-8px}.login-card input{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:12px 14px;color:var(--text);font-size:15px;outline:none}.login-card input:focus{border-color:var(--buy)}.login-card button{margin-top:6px;background:var(--buy);color:#fff;border:none;border-radius:10px;padding:13px;font-size:15px;font-weight:700;cursor:pointer}.login-card button:disabled{opacity:.5;cursor:not-allowed}.login-error{background:#e5555b26;border:1px solid rgba(229,85,91,.35);color:#ff9aa1;border-radius:8px;padding:10px 12px;font-size:13px;margin-bottom:4px}.settings-page{padding:18px}.settings-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px}.settings-card h2{font-size:17px;margin-bottom:16px}.settings-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border);margin-bottom:16px}.settings-key{color:var(--muted);font-size:14px}.settings-value{font-weight:600;font-size:14px}.logout-button{width:100%;background:#e5555b2e;color:#ff9aa1;border:1px solid rgba(229,85,91,.4);border-radius:10px;padding:13px;font-size:15px;font-weight:700;cursor:pointer}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:100%}.spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--buy);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
