:root {
  color-scheme: dark;
  --bg: #070b10; --surface: #0d141d; --surface-raised: #111b27; --line: #203040; --line-strong: #2b4256;
  --text: #edf6fb; --muted: #8294a6; --accent: #17d7c2; --accent-soft: rgba(23,215,194,.12);
  --positive: #31d69b; --negative: #ff6578; --gold: #e5b957; --warning: #e1aa55; --radius: 12px;
  --shadow-soft: 0 5px 18px rgba(0,0,0,.16),0 1px 1px rgba(0,0,0,.22);
  --shadow-control: 0 2px 8px rgba(0,0,0,.14);
  --ease-out: cubic-bezier(.22,.61,.36,1);
  --control-height: 38px; --control-radius: 8px; --icon-hit: 38px;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: var(--bg); color: var(--text);
}
* { box-sizing: border-box; }
html { min-width: 0; scroll-padding-bottom: 45dvh; background: var(--bg); }
body { margin: 0; min-width: 0; min-height: 100vh; min-height: 100dvh; overflow-x: hidden; background: var(--bg); }
button, input, select { font: inherit; line-height: 1.2; }
button, select { color: inherit; }
button { cursor: pointer; -webkit-tap-highlight-color: transparent; }
.hidden { display: none !important; }
.app-shell { width: min(100%,760px); margin: 0 auto; padding: max(16px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left)); }
.login-active { background: #04070a; }
.login-active .app-shell { width: 100%; max-width: none; padding: 0; }
.login-screen { position: relative; min-height: 100vh; min-height: 100dvh; padding: clamp(24px,4vw,58px) clamp(18px,5vw,76px) 28px; overflow: hidden; isolation: isolate; background: radial-gradient(circle at 72% 44%,rgba(0,176,187,.09),transparent 35%),linear-gradient(135deg,#04070a 0%,#050a0f 58%,#030608 100%); }
.login-grid-glow { position: absolute; z-index: -1; inset: 0 0 0 42%; opacity: .55; background-image: linear-gradient(rgba(23,215,194,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(23,215,194,.055) 1px,transparent 1px); background-size: 48px 48px; mask-image: radial-gradient(ellipse at center,#000 0%,transparent 72%); transform: perspective(600px) rotateX(58deg) scale(1.5) translateY(-8%); transform-origin: center; }
.login-brand { display: flex; align-items: center; gap: 14px; letter-spacing: .14em; }
.login-brand strong { font-size: clamp(16px,1.7vw,24px); font-weight: 650; }.login-brand strong span { color: #15dfca; }
.login-brand-mark { position: relative; display: inline-flex; width: 38px; height: 35px; align-items: center; justify-content: space-around; }.login-brand-mark i { position: relative; display: block; width: 4px; height: 17px; background: #12dcca; box-shadow: 0 0 12px rgba(18,220,202,.22); }.login-brand-mark i::before { content: ""; position: absolute; top: -7px; bottom: -7px; left: 50%; width: 1px; background: currentColor; transform: translateX(-50%); }.login-brand-mark i:nth-child(2) { height: 25px; }.login-brand-mark i:nth-child(3) { height: 13px; }
.login-layout { display: grid; grid-template-columns: minmax(330px,40%) minmax(520px,60%); min-height: calc(100dvh - 155px); align-items: center; gap: clamp(28px,5vw,84px); }
.login-copy { max-width: 680px; padding-block: 38px 20px; }
.login-copy h1 { margin: 0; font-size: clamp(54px,5.3vw,88px); font-weight: 700; line-height: .98; letter-spacing: -.045em; }.login-copy h1>span { display: inline-block; margin-top: 12px; background: linear-gradient(180deg,#fff 18%,#94a0ad 100%); color: transparent; background-clip: text; -webkit-background-clip: text; }
.login-lead { max-width: 650px; margin: clamp(28px,3.6vw,52px) 0 0; color: #a4adb8; font-size: clamp(17px,1.55vw,24px); line-height: 1.55; }
.telegram-login-button { display: inline-flex; min-height: 76px; align-items: center; justify-content: center; gap: 16px; margin-top: 42px; padding: 0 38px; border: 1px solid rgba(91,255,238,.55); border-radius: 13px; background: linear-gradient(135deg,#32d9d0,#13c5ba); color: #021211; box-shadow: 0 12px 34px rgba(15,196,185,.18); font-size: clamp(18px,1.45vw,23px); font-weight: 700; text-decoration: none; transition: transform .2s var(--ease-out),box-shadow .2s ease,filter .2s ease; }.telegram-login-button svg { width: 30px; height: 30px; fill: currentColor; }
.login-security { display: flex; align-items: center; gap: 9px; margin: 18px 0 0 48px; color: #7f8995; font-size: 14px; }.login-security>span { color: #aab4bd; }
.login-auth-error { max-width: 480px; margin: 14px 0 0; color: #ff8795; font-size: 13px; }
.login-features { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); margin-top: clamp(42px,6vh,74px); }
.login-features article { min-width: 0; padding: 4px clamp(12px,1.5vw,24px); border-left: 1px solid rgba(130,148,166,.2); }.login-features article:first-child { padding-left: 0; border-left: 0; }.login-features article>span { display: block; height: 31px; color: #13ddcb; font-size: 28px; line-height: 1; }.login-features strong { display: block; margin-top: 12px; color: #20dcca; font-size: 11px; font-weight: 600; line-height: 1.25; }.login-features p { margin: 9px 0 0; color: #8d97a3; font-size: 12px; line-height: 1.5; }
.login-market { min-width: 0; padding: 30px 0; }
.login-market-cards { display: grid; gap: 12px; width: min(100%,760px); margin-inline: auto; perspective: 1000px; }
.login-market-card { display: grid; grid-template-columns: minmax(112px,1fr) minmax(90px,.8fr) minmax(82px,.7fr) minmax(126px,1.2fr) minmax(72px,.6fr) minmax(82px,.7fr); align-items: center; gap: clamp(10px,1.4vw,22px); min-height: 122px; padding: 20px clamp(18px,2vw,28px); border: 1px solid rgba(66,113,134,.38); border-radius: 19px; background: linear-gradient(120deg,rgba(8,27,38,.86),rgba(4,14,21,.72)); box-shadow: 0 22px 55px rgba(0,0,0,.25); backdrop-filter: blur(14px); transform: rotate(-1.5deg); transition: border-color .2s ease,transform .22s var(--ease-out); }
.login-market-card:nth-child(1) { transform: translateX(4%) rotate(-2deg); border-color: rgba(36,159,177,.45); }.login-market-card:nth-child(2) { transform: translateX(2%) rotate(.5deg); }.login-market-card:nth-child(3) { transform: translateX(-3%) rotate(1.8deg); }.login-market-card:nth-child(4) { transform: translateX(-6%) rotate(3deg); opacity: .88; }.login-market-card:nth-child(5) { transform: translateX(-9%) rotate(4deg); opacity: .7; }
.login-card-symbol,.login-card-quote,.login-card-change,.login-card-ratio,.login-card-metric { min-width: 0; }.login-card-symbol strong,.login-card-quote strong,.login-card-change strong,.login-card-metric strong { display: block; overflow: hidden; font-variant-numeric: tabular-nums; text-overflow: ellipsis; white-space: nowrap; }.login-card-symbol strong { font-size: 16px; }.login-card-symbol span,.login-card-quote span,.login-card-change span,.login-card-ratio>span:first-child,.login-card-metric span { display: block; margin-top: 5px; color: #8995a2; font-size: 10px; }.login-card-quote strong { font-size: 17px; }.login-card-change strong,.login-card-metric strong { color: #16dfb3; font-size: 15px; }.login-card-empty { display: block; margin-top: 8px; color: #778390; }
.login-ratio-values { display: flex; justify-content: space-between; gap: 8px; margin-top: 7px; font-size: 11px; }.login-ratio-values b:first-child { color: #19d9bb; }.login-ratio-values b:last-child { color: #ff6578; }.login-ratio-bar { display: block; height: 6px; margin-top: 5px; overflow: hidden; border-radius: 999px; background: #b43f4c; }.login-ratio-bar i { display: block; width: var(--long-share); height: 100%; border-right: 2px solid #061016; background: #0fa58f; }
.login-footer { position: relative; margin: -10px 0 0; color: #6f7a86; font-size: 14px; text-align: center; }.login-footer span { color: #11d9c7; font-size: 22px; vertical-align: -3px; }
.web-logout { justify-self: end; padding: 2px 0; border: 0; background: transparent; color: var(--muted); font-size: 10px; text-decoration: underline; text-underline-offset: 3px; }
.screen-enter-forward { animation: screen-forward .2s var(--ease-out); }
.screen-enter-back { animation: screen-back .18s var(--ease-out); }
@keyframes screen-forward { from { opacity: 0; transform: translateX(7px); } }
@keyframes screen-back { from { opacity: 0; transform: translateX(-7px); } }
.state-screen { min-height: 70dvh; display: grid; place-content: center; justify-items: center; text-align: center; }
.state-screen h1 { margin: 18px 0 6px; font-size: 24px; font-weight: 600; }
.state-screen p { max-width: 320px; margin: 0 0 22px; color: var(--muted); }
.state-icon { display: grid; width: 44px; height: 44px; place-content: center; border: 1px solid var(--negative); border-radius: 50%; color: var(--negative); font-size: 24px; }
.loader { width: 28px; height: 28px; border: 2px solid var(--line); border-top-color: var(--accent); border-radius: 50%; animation: spin .8s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }
.app-header,.detail-header { display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.app-header>div:first-child,.detail-header>div { min-width: 0; }
.app-header h1,.detail-header h1 { margin: 3px 0 0; font-size: clamp(24px,7vw,32px); line-height: 1.05; font-weight: 600; }
.eyebrow { display: inline-flex; align-items: center; color: var(--accent); font-size: 10px; line-height: 1.2; letter-spacing: .14em; }
.header-primary { flex: 1 1 auto; }.session-indicator { display: inline-flex; min-width: var(--icon-hit); min-height: var(--icon-hit); align-items: center; justify-content: center; justify-self: end; padding: 4px; border: 0; border-radius: 999px; background: transparent; color: var(--muted); line-height: 1; transition: background-color .18s ease,transform .16s var(--ease-out); }.session-summary,.session-compact-item { display: inline-flex; min-width: 0; align-items: center; }.session-summary { gap: 5px; white-space: nowrap; }.session-compact-item { gap: 5px; }.session-compact-label { color: #a4b4c3; font-size: 10.5px; font-weight: 600; line-height: 1.1; white-space: nowrap; }.session-separator { color: var(--line-strong); font-size: 12px; line-height: 1; }.session-circle { display: inline-flex; width: 27px; height: 27px; flex: 0 0 27px; align-items: center; justify-content: center; border: 1px solid rgba(23,215,194,.46); border-radius: 50%; background: rgba(23,215,194,.055); box-shadow: 0 0 10px rgba(23,215,194,.07); font-size: 15px; line-height: 1; }.session-flag-frame { display: inline-flex; width: 18px; height: 12px; flex: 0 0 18px; align-items: center; justify-content: center; overflow: hidden; border-radius: 2px; background: rgba(130,148,166,.14); vertical-align: -2px; }.session-flag-image { display: block; width: 100%; height: 100%; object-fit: cover; }.session-flag-image[hidden] { display: none; }.session-circle.neutral { border-color: var(--line-strong); background: var(--surface); box-shadow: none; color: var(--muted); }.session-circle.neutral svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.35; stroke-linecap: round; stroke-linejoin: round; }
.status-stack { display: grid; flex: 0 1 auto; min-width: 0; justify-items: end; gap: 4px; color: var(--muted); font-size: 10px; text-align: right; }
.warning { margin-bottom: 14px; padding: 10px 12px; border-left: 2px solid var(--warning); background: rgba(225,170,85,.08); color: #dfc28f; font-size: 12px; }
.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 12px; margin: 16px 0 9px; }
.section-heading h2 { margin: 0; font-size: 14px; font-weight: 600; }
.section-heading p { margin: 3px 0 0; color: var(--muted); font-size: 10px; }
.section-heading a { display: inline-flex; min-height: 34px; align-items: center; justify-content: center; padding: 0 2px; color: var(--accent); font-size: 11px; line-height: 1; text-decoration: none; transition: color .18s ease,opacity .18s ease,transform .16s var(--ease-out); }
.anchor-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.anchor-card { min-width: 0; padding: 12px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); color: var(--text); text-align: left; box-shadow: var(--shadow-soft); transition: border-color .18s ease,background-color .18s ease,box-shadow .18s ease,transform .16s var(--ease-out); }
.anchor-card-head { display: flex; min-width: 0; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 4px 8px; }
.anchor-card-head strong,.anchor-card-head span { display: inline-flex; align-items: center; line-height: 1.2; }
.anchor-card-head strong { font-size: 16px; }
.anchor-card-head span { font-size: 12px; font-variant-numeric: tabular-nums; }
.anchor-price { display: block; margin-top: 8px; overflow: hidden; font-size: 14px; font-variant-numeric: tabular-nums; text-overflow: ellipsis; white-space: nowrap; }
.ratio-line { display: flex; min-width: 0; flex-wrap: nowrap; align-items: center; gap: 3px 4px; margin-top: 8px; padding: 4px 6px; overflow: hidden; border-radius: 6px; background: rgba(17,27,39,.72); font-size: clamp(9.5px,2.75vw,11px); font-weight: 600; white-space: nowrap; }
.ratio-separator { color: var(--muted); font-weight: 400; }
.positive { color: var(--positive)!important; }.negative { color: var(--negative)!important; }.muted { color: var(--muted)!important; }
.realtime-tick-up { animation: realtime-tick-up .5s ease-out; }.realtime-tick-down { animation: realtime-tick-down .5s ease-out; }
@keyframes realtime-tick-up { from { color: var(--positive); background: rgba(49,214,155,.14); } to { background: transparent; } }
@keyframes realtime-tick-down { from { color: var(--negative); background: rgba(255,101,120,.14); } to { background: transparent; } }
.market-list-section { margin-top: 16px; }
.search-area { position: relative; z-index: 12; min-width: 0; }
.search-control { display: flex; align-items: center; gap: 9px; min-height: 46px; padding: 0 8px 0 12px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); box-shadow: var(--shadow-control); transition: border-color .18s ease,box-shadow .18s ease; }
.search-control:focus-within { border-color: rgba(23,215,194,.58); box-shadow: 0 0 0 2px rgba(23,215,194,.07),var(--shadow-control); }
.search-leading-action { display: inline-flex; width: var(--icon-hit); height: var(--icon-hit); flex: 0 0 var(--icon-hit); align-items: center; justify-content: center; padding: 0; border: 0; border-radius: 50%; background: transparent; color: var(--muted); line-height: 1; transition: color .18s ease,background-color .18s ease,transform .16s var(--ease-out); }.search-leading-action:disabled { cursor: default; opacity: 1; }.search-leading-action>span { display: inline-flex; width: 22px; height: 22px; align-items: center; justify-content: center; line-height: 1; }.search-icon svg,.search-clear-icon svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; }
.search-control input { min-width: 0; height: var(--control-height); flex: 1; scroll-margin-bottom: 45dvh; border: 0; outline: 0; background: transparent; color: var(--text); line-height: 1.2; }
.search-control input::placeholder { color: var(--muted); }
.search-control input::-webkit-search-cancel-button { display: none; }
.search-suggestions { position: absolute; top: calc(100% + 6px); right: 0; left: 0; display: grid; max-height: min(352px,42dvh); overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; border: 1px solid var(--line-strong); border-radius: 10px; background: var(--surface-raised); box-shadow: 0 14px 38px rgba(0,0,0,.38),0 2px 8px rgba(0,0,0,.22); }
.search-suggestion { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,auto); min-width: 0; min-height: 46px; align-items: center; gap: 12px; padding: 0 12px; border: 0; border-top: 1px solid var(--line); background: transparent; color: var(--text); text-align: left; transition: background-color .14s ease,color .14s ease; }
.search-suggestion:first-child { border-top: 0; }.search-suggestion.active { background: rgba(23,215,194,.075); }.suggestion-ticker { min-width: 0; overflow: hidden; font-size: 13px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }.suggestion-ticker mark { background: transparent; color: var(--accent); font-weight: 700; }.suggestion-symbol { min-width: 0; overflow: hidden; color: var(--muted); font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }.search-empty { min-height: 42px; display: flex; align-items: center; justify-content: center; padding: 0 12px; color: var(--muted); font-size: 11px; }
.icon-text-button,.text-button { display: inline-flex; min-height: 34px; align-items: center; justify-content: center; border: 0; background: transparent; color: var(--accent); line-height: 1; transition: color .18s ease,background-color .18s ease,opacity .18s ease,transform .16s var(--ease-out); }
.icon-text-button { min-width: 70px; min-height: var(--control-height); gap: 4px; padding: 0 8px; border-radius: var(--control-radius); font-size: 12px; }.text-button { padding: 4px 2px; font-size: 11px; }
.filter-chevron { display: inline-flex; width: 14px; height: 14px; flex: 0 0 14px; align-items: center; justify-content: center; color: var(--muted); transition: transform .18s var(--ease-out),color .18s ease; }.filter-chevron svg { display: block; width: 12px; height: 12px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }.icon-text-button[aria-expanded="true"] .filter-chevron { color: var(--accent); transform: rotate(180deg); }
.filter-count { display: inline-block; max-width: 0; margin-left: 0; overflow: hidden; opacity: 0; transform: translateX(-3px); white-space: nowrap; transition: max-width .18s var(--ease-out),margin-left .18s var(--ease-out),opacity .16s ease,transform .18s var(--ease-out); }
.filter-count.is-visible { max-width: 34px; margin-left: 4px; opacity: 1; transform: translateX(0); }
.filters-panel { margin-top: 8px; padding: 12px; overflow: clip; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); box-shadow: var(--shadow-soft); }
.filter-heading,.layout-panel-head { display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: 12px; }
.filters-panel fieldset { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; margin: 12px 0 0; padding: 0; border: 0; }
.filters-panel legend { grid-column: 1/-1; margin-bottom: 5px; color: var(--muted); font-size: 11px; line-height: 1.25; }
.filters-panel label { display: grid; gap: 5px; min-width: 0; color: var(--muted); font-size: 10px; line-height: 1.25; }
.filters-panel input,.filters-panel select,.sort-control select { width: 100%; min-width: 0; height: var(--control-height); scroll-margin-bottom: 45dvh; padding: 0 34px 0 10px; border: 1px solid var(--line); border-radius: var(--control-radius); outline: 0; background-color: var(--bg); color: var(--text); line-height: 1.2; box-shadow: var(--shadow-control); transition: border-color .18s ease,box-shadow .18s ease,background-color .18s ease; }
.filters-panel select,.sort-control select { appearance: none; -webkit-appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m2.5 4.25 3.5 3.5 3.5-3.5' fill='none' stroke='%238294a6' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 11px center; background-size: 12px 12px; }
.filters-panel input { padding-right: 10px; }
.filters-panel input:focus,.filters-panel select:focus,.sort-control select:focus { border-color: var(--accent); box-shadow: 0 0 0 2px rgba(23,215,194,.08),var(--shadow-control); }
.filter-actions { display: flex; min-width: 0; justify-content: flex-end; margin-top: 12px; }.filters-done { display: inline-flex; min-width: 72px; height: 34px; align-items: center; justify-content: center; padding: 0 12px; border: 1px solid var(--line-strong); border-radius: var(--control-radius); background: rgba(23,215,194,.045); color: #a4b4c3; font-size: 11px; line-height: 1.2; box-shadow: var(--shadow-control); transition: border-color .18s ease,background-color .18s ease,color .18s ease,transform .16s var(--ease-out); }
.list-toolbar { display: grid; grid-template-columns: minmax(0,1fr) auto auto; grid-template-areas: "title candidate favorite" ". sort sort"; align-items: center; gap: 8px 6px; margin: 18px 0 9px; }
.list-title { display: grid; grid-area: title; min-width: 0; align-content: center; gap: 2px; }.list-toolbar h2 { margin: 0; font-size: 14px; line-height: 1.2; }.list-title>span { color: var(--muted); font-size: 10px; line-height: 1.2; }
.favorites-mode,.candidates-mode { display: inline-flex; min-width: 0; height: var(--control-height); align-items: center; justify-content: center; justify-self: end; gap: 5px; padding: 0 9px; border: 1px solid var(--line); border-radius: var(--control-radius); background: var(--surface); color: var(--muted); font-size: 11px; line-height: 1; box-shadow: var(--shadow-control); transition: border-color .18s ease,background-color .18s ease,color .18s ease,box-shadow .18s ease,transform .16s var(--ease-out); }
.favorites-mode { grid-area: favorite; }.candidates-mode { grid-area: candidate; }.candidates-mode.active { border-color: rgba(23,215,194,.38); background: rgba(23,215,194,.07); color: var(--accent); }
.favorites-mode>span:first-child { display: inline-flex; width: 18px; align-items: center; justify-content: center; font-size: 17px; line-height: 1; }.favorites-mode.active { border-color: rgba(229,185,87,.38); background: rgba(229,185,87,.07); color: var(--gold); box-shadow: 0 0 12px rgba(229,185,87,.06),var(--shadow-control); }
.sort-control { display: flex; grid-area: sort; min-width: 0; align-items: center; justify-self: end; gap: 5px; }.sort-control select { width: auto; min-width: 0; max-width: min(154px,48vw); font-size: 11px; }
.sort-direction { display: inline-flex; width: var(--icon-hit); height: var(--control-height); flex: 0 0 var(--icon-hit); align-items: center; justify-content: center; padding: 0; border: 1px solid var(--line); border-radius: var(--control-radius); background: var(--surface); color: var(--accent); line-height: 1; box-shadow: var(--shadow-control); transition: border-color .18s ease,background-color .18s ease,box-shadow .18s ease,transform .16s var(--ease-out); }
.sort-direction>span { display: inline-flex; width: 18px; height: 18px; align-items: center; justify-content: center; line-height: 1; }.sort-direction-icon svg { display: block; width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; transition: transform .18s var(--ease-out); }.sort-direction-icon.is-ascending svg { transform: rotate(180deg); }
.asset-column-head { display: grid; grid-template-columns: minmax(0,1fr) minmax(74px,.65fr) 62px; gap: 7px; padding: 0 9px 6px 46px; color: var(--muted); font-size: 9px; text-transform: uppercase; }
.asset-column-head span:nth-child(2) { text-align: right; }.asset-column-head span:last-child { text-align: center; }
.asset-list { display: grid; gap: 5px; }
.asset-row { display: grid; grid-template-rows: minmax(0,1fr) auto; gap: 3px; width: 100%; min-width: 0; min-height: 85px; padding: 8px 8px 4px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); color: var(--text); text-align: left; box-shadow: var(--shadow-soft); transition: border-color .18s ease,background-color .18s ease,box-shadow .18s ease,transform .16s var(--ease-out); }
.asset-row-main { display: grid; grid-template-columns: 30px minmax(0,1fr) minmax(68px,.65fr) minmax(54px,62px); width: 100%; min-width: 0; min-height: 0; align-items: center; gap: 7px; }
.asset-row:hover { border-color: var(--line-strong); background: var(--surface-raised); box-shadow: 0 6px 20px rgba(0,0,0,.2); }
.favorite-button { display: inline-flex; width: 30px; height: var(--icon-hit); align-items: center; justify-content: center; padding: 0; border: 0; border-radius: var(--control-radius); background: transparent; color: var(--muted); font-size: 20px; line-height: 1; transition: color .18s ease,background-color .18s ease,transform .16s var(--ease-out); }
.favorite-button>span { display: inline-flex; align-items: center; justify-content: center; line-height: 1; }
.favorite-button.active { color: var(--gold); text-shadow: 0 0 12px rgba(229,185,87,.16); }
.asset-main,.asset-price,.asset-change { min-width: 0; min-height: var(--icon-hit); }.asset-main { display: flex; align-items: center; gap: 4px; }.asset-main strong { display: block; min-width: 0; overflow: hidden; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }.candidate-marker { display: inline-flex; min-width: 28px; height: 28px; flex: 0 0 auto; align-items: center; justify-content: center; padding: 0 5px; border: 1px solid rgba(23,215,194,.24); border-radius: 7px; background: rgba(23,215,194,.055); color: var(--accent); font-size: 9px; line-height: 1; }.asset-row.is-candidate { border-color: rgba(23,215,194,.18); }
.asset-meta { display: inline-flex; width: fit-content; max-width: 100%; min-width: 0; flex-wrap: nowrap; align-items: center; justify-self: start; gap: 9px; padding: 4px 6px; overflow: hidden; border-radius: 6px; background: rgba(17,27,39,.58); color: #91a4b6; font-size: clamp(10px,2.65vw,11px); line-height: 1.35; }
.asset-meta>span { white-space: nowrap; }.asset-meta .meta-long { color: rgba(49,214,155,.84); }.asset-meta .meta-short { color: rgba(255,101,120,.84); }
.asset-price,.asset-change { overflow: hidden; font-size: 11px; font-variant-numeric: tabular-nums; text-overflow: ellipsis; white-space: nowrap; }
.asset-price,.asset-change { display: flex; align-items: center; }.asset-price { justify-content: flex-end; text-align: right; line-height: 1.2; }.asset-change { justify-content: center; text-align: center; line-height: 1; }
.asset-change strong { display: block; width: 100%; overflow: hidden; font-size: clamp(10px,3vw,12px); line-height: 1.1; text-overflow: ellipsis; }
.primary-button,.secondary-button { display: inline-flex; min-height: 42px; align-items: center; justify-content: center; padding: 10px 16px; border-radius: 10px; line-height: 1; box-shadow: var(--shadow-control); transition: border-color .18s ease,background-color .18s ease,box-shadow .18s ease,transform .16s var(--ease-out); }
.primary-button { border: 1px solid var(--accent); background: var(--accent); color: #041411; }.secondary-button { width: 100%; margin-top: 8px; border: 1px solid var(--line); background: var(--surface); color: var(--accent); }
.detail-header { position: sticky; top: env(safe-area-inset-top,0px); z-index: 10; min-height: 46px; justify-content: initial; margin-bottom: 10px; padding: 4px 0 8px; border-bottom: 1px solid var(--line); background: var(--bg); box-shadow: 0 12px 20px -22px rgba(0,0,0,.9); }.detail-header>div { flex: 1; }.detail-header h1 { margin: 0; overflow: hidden; font-size: clamp(18px,5vw,22px); line-height: 1.1; text-overflow: ellipsis; white-space: nowrap; }
.back-button,.detail-star { display: inline-flex; width: var(--icon-hit); height: var(--icon-hit); flex: 0 0 var(--icon-hit); align-items: center; justify-content: center; padding: 0; border: 1px solid var(--line); border-radius: 50%; background: var(--surface); line-height: 1; box-shadow: var(--shadow-control); transition: border-color .18s ease,background-color .18s ease,color .18s ease,box-shadow .18s ease,transform .16s var(--ease-out); }
.back-button>span,.detail-star>span { display: inline-flex; width: 20px; height: 20px; align-items: center; justify-content: center; line-height: 1; }.back-button svg { display: block; width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }.detail-star { color: var(--muted); font-size: 24px; }.detail-star.active { color: var(--gold); text-shadow: 0 0 12px rgba(229,185,87,.18); }
.detail-quote { display: flex; min-width: 0; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 6px 12px; padding: 13px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.detail-quote strong { font-size: 22px; font-weight: 600; }.detail-quote span { font-size: 16px; font-weight: 600; }.detail-section-heading { margin-top: 19px; }
.candidate-summary { display: grid; width: 100%; min-width: 0; gap: 7px; margin-top: 10px; padding: 11px 12px; border: 1px solid rgba(23,215,194,.2); border-radius: 10px; background: var(--surface); color: var(--text); text-align: left; box-shadow: var(--shadow-soft); }.candidate-summary-head { display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: 8px; color: var(--muted); font-size: 9px; text-transform: uppercase; letter-spacing: .06em; }.candidate-summary-head strong { color: var(--accent); font-size: 10px; text-align: right; letter-spacing: 0; text-transform: none; }.candidate-summary-reasons,.candidate-summary-context { display: flex; min-width: 0; flex-wrap: wrap; gap: 5px; }.candidate-summary-reasons>span,.candidate-summary-context>span,.candidate-summary-now { display: inline-flex; max-width: 100%; padding: 4px 6px; overflow-wrap: anywhere; border: 1px solid var(--line); border-radius: 6px; background: var(--bg); color: #a4b4c3; font-size: 10px; line-height: 1.3; }.candidate-summary-reasons>span:first-child { border-color: rgba(23,215,194,.25); color: var(--text); }.candidate-summary-action { color: var(--accent); font-size: 10px; line-height: 1.25; }
.detail-live-metrics { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 7px; color: var(--muted); font-size: 10px; font-variant-numeric: tabular-nums; }.detail-live-metrics>span { padding: 4px 7px; border: 1px solid var(--line); border-radius: 6px; background: var(--surface); }.detail-live-metrics strong { margin-left: 3px; color: var(--text); }
.layout-panel { margin-bottom: 10px; padding: 12px; overflow: clip; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); box-shadow: var(--shadow-soft); }
.layout-panel-head p { max-width: 68%; margin: 0; color: var(--muted); font-size: 10px; }.layout-list { display: grid; gap: 3px; margin-top: 10px; }
.layout-row { display: grid; grid-template-columns: 34px minmax(0,1fr) auto; align-items: center; gap: 7px; min-width: 0; padding: 7px 2px; border-top: 1px solid var(--line); border-radius: 7px; font-size: 11px; transition: background-color .18s ease,opacity .18s ease,box-shadow .18s ease,transform .18s var(--ease-out); }.layout-row:first-child { border-top: 0; }.layout-row>.layout-name { min-width: 0; overflow-wrap: anywhere; }
.layout-row.is-hidden { color: var(--muted); opacity: .64; }.layout-row.dragging { z-index: 2; background: var(--surface-raised); opacity: .94; box-shadow: 0 8px 22px rgba(0,0,0,.26); transform: scale(1.01); }
.drag-handle { display: inline-flex; width: 34px; height: 34px; align-items: center; justify-content: center; padding: 0; touch-action: none; border: 0; border-radius: 7px; background: transparent; color: var(--muted); line-height: 1; cursor: grab; user-select: none; transition: color .18s ease,background-color .18s ease,transform .16s var(--ease-out); }.drag-handle>span { display: inline-flex; width: 18px; height: 18px; align-items: center; justify-content: center; line-height: 1; }.drag-handle svg { display: block; width: 16px; height: 16px; fill: currentColor; }.drag-handle:active { cursor: grabbing; }.drag-handle:disabled { cursor: default; opacity: .28; }
.visibility-toggle { position: relative; display: inline-flex; width: 40px; height: 34px; align-items: center; justify-content: center; }.visibility-toggle input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }.toggle-track { position: relative; width: 34px; height: 20px; border: 1px solid var(--line-strong); border-radius: 999px; background: var(--bg); box-shadow: inset 0 1px 2px rgba(0,0,0,.3); transition: background-color .18s ease,border-color .18s ease,box-shadow .18s ease; }.toggle-track::after { content: ""; position: absolute; top: 3px; left: 3px; width: 12px; height: 12px; border-radius: 50%; background: var(--muted); box-shadow: 0 1px 3px rgba(0,0,0,.3); transition: transform .18s var(--ease-out),background-color .18s ease; }.visibility-toggle input:checked+.toggle-track { border-color: rgba(23,215,194,.48); background: var(--accent-soft); box-shadow: inset 0 0 0 1px rgba(23,215,194,.04),0 0 10px rgba(23,215,194,.05); }.visibility-toggle input:checked+.toggle-track::after { transform: translateX(14px); background: var(--accent); }.visibility-toggle input:focus-visible+.toggle-track { outline: 2px solid var(--accent); outline-offset: 2px; }
.metric-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; }
.metric-tile { min-width: 0; padding: 10px 11px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); box-shadow: var(--shadow-soft); animation: tile-in .18s var(--ease-out); transition: border-color .18s ease,background-color .18s ease,box-shadow .18s ease,transform .18s var(--ease-out); }
@keyframes tile-in { from { opacity: 0; transform: translateY(3px); } }
.metric-tile-head { position: relative; display: flex; min-width: 0; min-height: 20px; align-items: flex-start; padding-right: 18px; }.metric-tile-head>span { display: block; min-width: 0; color: var(--muted); font-size: 9px; line-height: 1.3; }.metric-tile strong { display: block; margin-top: 4px; overflow: hidden; font-size: 14px; font-weight: 600; font-variant-numeric: tabular-nums; text-overflow: ellipsis; white-space: nowrap; }
.metric-info { position: absolute; top: -7px; right: -4px; display: inline-flex; width: 34px; height: 34px; align-items: center; justify-content: center; padding: 0; border: 0; border-radius: 50%; background: transparent; color: #708497; font-size: 10px; line-height: 1; }.metric-info>span,.info-glyph { display: inline-flex; align-items: center; justify-content: center; width: 14px; height: 14px; border: 1px solid currentColor; border-radius: 50%; font-size: 9px; font-weight: 600; line-height: 1; }
.metrics-guide-button { display: inline-flex; width: 100%; min-height: 40px; align-items: center; justify-content: flex-start; gap: 8px; margin-top: 8px; padding: 0 7px; border: 0; border-top: 1px solid var(--line); background: transparent; color: var(--accent); font-size: 11px; line-height: 1.2; }
.chart-section { margin-top: 22px; }.tradingview-chart { width: 100%; height: clamp(440px,72dvh,720px); min-height: 0; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); box-shadow: var(--shadow-soft); }
.tradingview-widget-container,.tradingview-widget-container__widget { width: 100%; height: 100%; }.tradingview-widget-copyright { display: none; }
.metric-help-dialog { width: min(100%,760px); max-width: none; max-height: min(72dvh,640px); margin: auto auto 0; padding: 8px max(16px,env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left)); overflow: hidden; border: 1px solid var(--line-strong); border-bottom: 0; border-radius: 16px 16px 0 0; background: var(--surface-raised); color: var(--text); box-shadow: 0 -18px 54px rgba(0,0,0,.42); animation: sheet-in .2s var(--ease-out); }
.metric-help-dialog::backdrop { background: rgba(2,6,10,.68); animation: backdrop-in .2s ease; }.metric-help-dialog:not(.is-guide) { max-height: min(48dvh,440px); }.sheet-handle { width: 36px; height: 4px; margin: 0 auto 8px; border-radius: 999px; background: var(--line-strong); }.metric-help-head { display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: 12px; }.metric-help-head h2 { min-width: 0; margin: 0; font-size: 16px; font-weight: 600; line-height: 1.25; }.sheet-close { display: inline-flex; width: var(--icon-hit); height: var(--icon-hit); flex: 0 0 var(--icon-hit); align-items: center; justify-content: center; padding: 0; border: 1px solid var(--line); border-radius: 50%; background: var(--surface); color: var(--muted); font-size: 24px; line-height: 1; }.sheet-close>span { display: inline-flex; align-items: center; justify-content: center; line-height: 1; }.metric-help-content { max-height: calc(min(72dvh,640px) - 70px - env(safe-area-inset-bottom)); margin-top: 10px; padding-right: 2px; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; }.help-article { padding: 12px 0; border-top: 1px solid var(--line); }.help-article:first-child { padding-top: 2px; border-top: 0; }.help-article h3 { margin: 0 0 6px; color: var(--text); font-size: 12px; line-height: 1.25; }.help-article p { margin: 4px 0 0; color: #a4b4c3; font-size: 11px; line-height: 1.45; }.help-example { padding: 8px 9px; border-radius: 8px; background: rgba(23,215,194,.06); }.help-example span { display: block; margin-bottom: 3px; color: var(--accent); font-size: 9px; font-weight: 600; text-transform: uppercase; letter-spacing: .08em; }
.session-sheet { display: grid; gap: 0; }.session-sheet-row { display: grid; grid-template-columns: 28px minmax(0,1fr) auto; min-width: 0; align-items: center; gap: 9px; padding: 11px 0; border-top: 1px solid var(--line); }.session-sheet-row:first-child { border-top: 0; }.session-sheet-flag { display: flex; min-height: 12px; align-items: center; justify-content: center; line-height: 1; }.session-sheet-name { min-width: 0; font-size: 12px; font-weight: 600; }.session-sheet-state { display: grid; justify-items: end; gap: 3px; color: var(--muted); font-size: 10px; text-align: right; }.session-sheet-state strong { color: var(--muted); font-size: 11px; font-weight: 600; }.session-sheet-row.open .session-sheet-state strong { color: var(--accent); }.session-note { margin: 9px 0 0; padding: 9px 10px; border-radius: 8px; background: rgba(23,215,194,.055); color: #a4b4c3; font-size: 11px; line-height: 1.45; }.session-note strong { color: var(--text); }.session-note-flag { margin: 0 5px 0 4px; }.session-footnote { margin: 10px 0 0; color: var(--muted); font-size: 10px; line-height: 1.45; }
.session-compact-item.secondary .session-circle { border-color: rgba(130,148,166,.36); background: rgba(130,148,166,.06); box-shadow: none; }.session-compact-item.secondary .session-compact-label { color: var(--muted); font-weight: 500; }
.metric-help-dialog.is-sessions,.metric-help-dialog.is-candidate { max-height: min(78dvh,680px); }.metric-help-dialog.is-sessions .metric-help-content,.metric-help-dialog.is-candidate .metric-help-content { max-height: calc(min(78dvh,680px) - 70px - env(safe-area-inset-bottom)); }
.candidate-sheet { display: grid; gap: 10px; }.candidate-status { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding-bottom: 9px; border-bottom: 1px solid var(--line); font-size: 12px; }.candidate-status>strong { color: var(--accent); }.candidate-reasons,.candidate-flags { display: flex; min-width: 0; flex-wrap: wrap; gap: 6px; }.candidate-reasons>span,.candidate-flags>span { padding: 5px 7px; border: 1px solid var(--line); border-radius: 7px; background: var(--surface); color: #a4b4c3; font-size: 10px; line-height: 1.25; }.candidate-flags>strong { width: 100%; color: var(--muted); font-size: 9px; text-transform: uppercase; letter-spacing: .06em; }.candidate-sheet-grid { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 0 12px; }.candidate-sheet-grid>span,.candidate-sheet-grid>strong { padding: 7px 0; border-bottom: 1px solid var(--line); font-size: 11px; line-height: 1.25; }.candidate-sheet-grid>span { color: var(--muted); }.candidate-sheet-grid>strong { max-width: 55vw; overflow-wrap: anywhere; text-align: right; }.candidate-disclaimer { margin: 0; padding: 9px 10px; border-radius: 8px; background: rgba(23,215,194,.055); color: #a4b4c3; font-size: 10px; line-height: 1.45; }.candidate-disclaimer strong { color: var(--text); }
.candidate-interpretations { display: grid; gap: 0; padding-top: 3px; border-top: 1px solid var(--line); }.candidate-interpretations h3 { margin: 7px 0 2px; color: var(--muted); font-size: 9px; text-transform: uppercase; letter-spacing: .06em; }.candidate-interpretations article { padding: 8px 0; border-bottom: 1px solid var(--line); }.candidate-interpretations article:last-child { border-bottom: 0; }.candidate-interpretations strong { display: block; color: #a4b4c3; font-size: 10px; line-height: 1.3; }.candidate-interpretations p { margin: 3px 0 0; color: var(--muted); font-size: 10px; line-height: 1.45; overflow-wrap: anywhere; }
.session-sheet-name small { display: block; margin-top: 4px; color: var(--muted); font-size: 9.5px; font-weight: 400; line-height: 1.35; overflow-wrap: anywhere; }.session-sheet-calendar { max-width: 150px; color: #a4b4c3; line-height: 1.25; }.session-sheet-row.extended .session-sheet-state strong { color: #a4b4c3; }
@media (max-width:390px) { .session-sheet-row { grid-template-columns: 24px minmax(0,1fr); align-items: start; gap: 5px 8px; }.session-sheet-flag { grid-row: 1 / span 2; }.session-sheet-state { grid-column: 2; justify-items: start; text-align: left; }.session-sheet-calendar { max-width: none; } }
@keyframes sheet-in { from { opacity: .5; transform: translateY(18px); } }.external-glyph { display: inline-flex; width: 16px; height: 16px; align-items: center; justify-content: center; margin-left: 3px; line-height: 1; }.external-glyph svg { display: block; width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; }
@keyframes backdrop-in { from { opacity: 0; } }
.toast { position: fixed; right: 14px; bottom: max(14px,env(safe-area-inset-bottom)); left: 14px; z-index: 20; max-width: 480px; margin: auto; padding: 11px 13px; border: 1px solid var(--line-strong); border-radius: 10px; background: var(--surface-raised); color: var(--text); box-shadow: 0 12px 40px rgba(0,0,0,.35); font-size: 12px; text-align: center; }
button:focus-visible,a:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
@media (hover:hover) {
  .anchor-card:hover,.metric-tile:hover { border-color: var(--line-strong); background: var(--surface-raised); }
  .search-suggestion:hover { background: rgba(23,215,194,.075); }
  .icon-text-button:hover,.text-button:hover,.section-heading a:hover,.metrics-guide-button:hover,.metric-info:hover,.search-leading-action:not(:disabled):hover { color: #58ead9; }
  .session-indicator:hover,.search-leading-action:not(:disabled):hover { background: rgba(255,255,255,.035); }
  .back-button:hover,.detail-star:hover,.sort-direction:hover,.favorites-mode:hover,.candidates-mode:hover,.filters-done:hover,.candidate-marker:hover { border-color: var(--line-strong); background: var(--surface-raised); color: var(--text); }
  .drag-handle:hover,.favorite-button:hover { background: rgba(255,255,255,.035); color: var(--text); }
  .telegram-login-button:hover { filter: brightness(1.08); box-shadow: 0 15px 42px rgba(15,196,185,.25); transform: translateY(-2px); }
  .web-logout:hover { color: var(--text); }
}
@media (hover:none) {
  .anchor-card:active,.asset-row:active,.primary-button:active,.secondary-button:active,.icon-text-button:active,.text-button:active,.back-button:active,.detail-star:active,.sort-direction:active,.favorite-button:active,.favorites-mode:active,.candidates-mode:active,.filters-done:active,.candidate-marker:active,.section-heading a:active,.sheet-close:active,.metrics-guide-button:active,.session-indicator:active,.search-leading-action:not(:disabled):active { transform: scale(.98); }
}
@media (prefers-reduced-motion: reduce) {
  .realtime-tick-up,.realtime-tick-down { animation: none; }
  *,*::before,*::after { scroll-behavior: auto!important; animation-duration: .01ms!important; animation-iteration-count: 1!important; transition-duration: .01ms!important; }
}
@media (max-width:1100px) {
  .login-layout { grid-template-columns: minmax(300px,44%) minmax(430px,56%); gap: 28px; }.login-features { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px 0; }.login-features article:nth-child(3) { padding-left: 0; border-left: 0; }.login-market-card { grid-template-columns: repeat(3,minmax(0,1fr)); }.login-card-ratio { grid-column: span 1; }
}
@media (max-width:800px) {
  .login-screen { padding: 24px max(18px,env(safe-area-inset-right)) 28px max(18px,env(safe-area-inset-left)); }.login-grid-glow { inset: 38% -20% 0; transform: none; }.login-layout { display: block; min-height: auto; }.login-copy { max-width: none; padding-top: 58px; }.login-copy h1 { font-size: clamp(45px,11.5vw,68px); }.login-lead { max-width: 600px; margin-top: 28px; font-size: 17px; }.telegram-login-button { width: 100%; min-height: 66px; margin-top: 32px; padding-inline: 18px; }.login-security { justify-content: center; margin: 15px 0 0; }.login-features { margin-top: 48px; }.login-market { padding-top: 50px; }.login-market-cards { gap: 10px; }.login-market-card,.login-market-card:nth-child(n) { min-height: 0; opacity: 1; transform: none; }.login-footer { margin-top: 32px; }
}
@media (max-width:480px) {
  .login-brand { gap: 10px; }.login-brand-mark { width: 31px; transform: scale(.88); }.login-copy { padding-top: 44px; }.login-copy h1 { font-size: clamp(40px,12vw,56px); }.login-lead { font-size: 15px; line-height: 1.5; }.login-features { gap: 20px 0; }.login-features article { padding-inline: 10px; }.login-features strong { font-size: 9.5px; }.login-features p { font-size: 11px; }.login-market-card { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 15px 12px; padding: 17px 16px; border-radius: 14px; }.login-card-ratio { grid-column: 1/-1; }.login-footer { font-size: 12px; }
}
@media (max-width:340px) {
  .login-screen { padding-inline: 14px; }.login-copy h1 { font-size: 38px; }.telegram-login-button { font-size: 16px; }.login-features { grid-template-columns: 1fr; }.login-features article,.login-features article:nth-child(3) { padding: 0 0 16px; border-left: 0; border-bottom: 1px solid rgba(130,148,166,.16); }
}
@media (min-width:560px) {
  .app-shell { padding-inline: 22px; }.asset-row { padding: 8px 10px 4px; }.asset-row-main { grid-template-columns: 34px minmax(120px,1fr) minmax(100px,.6fr) 80px; }.asset-column-head { grid-template-columns: minmax(120px,1fr) minmax(100px,.6fr) 80px; padding-left: 54px; }.metric-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .filters-panel { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 14px; }.filter-heading,.filter-actions { grid-column: 1/-1; }
}
@media (min-width:460px) {
  .list-toolbar { grid-template-columns: minmax(0,1fr) auto auto auto; grid-template-areas: "title candidate favorite sort"; }
}
@media (max-width:350px) {
  .app-shell { padding-inline: 10px; }.app-header { gap: 8px; }.session-indicator { min-width: 34px; min-height: 34px; padding: 3px; }.session-circle { width: 25px; height: 25px; flex-basis: 25px; font-size: 14px; }.session-indicator.is-overlap .session-compact-label { display: none; }.search-control { gap: 5px; padding-left: 7px; }.search-leading-action { width: 34px; height: 38px; flex-basis: 34px; }.anchor-card { padding: 10px 8px; }.anchor-card-head strong { font-size: 14px; }.ratio-line { padding-inline: 5px; font-size: 9.5px; }.favorites-mode,.candidates-mode { padding-inline: 7px; }.favorites-mode>span:last-child { display: none; }.asset-row { padding-right: 5px; padding-left: 5px; }.asset-row-main { grid-template-columns: 28px minmax(0,1fr) 72px 54px; gap: 4px; }.asset-column-head { grid-template-columns: minmax(0,1fr) 72px 54px; gap: 4px; padding-right: 7px; padding-left: 37px; }.asset-meta { gap: 6px; font-size: 9.5px; }.metric-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.metric-tile { padding-inline: 9px; }.metric-tile-head { padding-right: 16px; }.metric-tile-head>span { font-size: 8.5px; }
}