/* Shared tokens from the supplied Telegram-style artboards (Main, Card, Workspace, Auth). */
body.site-telegram {
  --bg:#f0f2f5; --surface:#fff; --surface-2:#f4f4f5; --fg:#000; --fg-muted:#686c71;
  --border:#e3e5e8; --border-strong:#c8ccd1; --control-border:#9299a1;
  --tg-primary:#1f78c1; --tg-hover:#196bad; --tg-link:#17639f; --tg-on-primary:#fff;
  --tg-soft:#e5f1fb; --tg-gradient:linear-gradient(180deg,#2aabee,#229ed9);
  --action:var(--tg-primary); --action-fg:var(--tg-on-primary); --action-soft:var(--tg-soft);
  --search-gold:var(--tg-link); --search-gold-text:var(--tg-link); --search-glow:var(--tg-soft); --hover-tint:var(--tg-soft);
  --catalog-accent:var(--tg-primary); --catalog-accent-ink:#17639f; --catalog-accent-soft:var(--tg-soft);
  --catalog-accent-stripe:#cfe5f7; --catalog-on-accent:var(--tg-on-primary); --catalog-selected:var(--tg-primary); --catalog-on-selected:#fff;
  --price:var(--ok-fg); --warning:#945300; --warning-bg:#fff1dc; --ok-fg:#176e2f; --ok-bg:#e3f6e8;
  --font:Roboto,-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;
  --f-disp:var(--font); --font-mono:var(--font); --catalog-favorite:#e53935;
  --catalog-shadow:0 2px 6px rgb(0 0 0 / 5%),0 10px 30px rgb(0 0 0 / 10%);
  background:var(--bg); color:var(--fg); font-family:var(--font); font-size:15px; line-height:1.5;
}
:root[data-theme="dark"] body.site-telegram {
  /* The v10 dark block on the same body is more specific; restate the accent so no orange leaks. */
  --bg:#0e1621; --surface:#17212b; --surface-2:#232e3c; --fg:#f5f5f5; --fg-muted:#8698aa;
  --border:#2a3846; --border-strong:#3b4b5d; --control-border:#6c8297;
  --tg-primary:#3a79b5; --tg-hover:#3470aa; --tg-link:#6ab3f3; --tg-soft:#1d3550;
  --catalog-accent:var(--tg-primary); --catalog-accent-soft:var(--tg-soft); --catalog-accent-ink:#8cc6f7; --catalog-accent-stripe:#254664;
  --warning:#f0b34a; --warning-bg:#3a2c12; --ok-fg:#5fcb7a; --ok-bg:#173a27;
  --catalog-shadow:0 2px 6px rgb(0 0 0 / 40%),0 14px 40px rgb(0 0 0 / 40%);
}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) body.site-telegram {
  --bg:#0e1621; --surface:#17212b; --surface-2:#232e3c; --fg:#f5f5f5; --fg-muted:#8698aa;
  --border:#2a3846; --border-strong:#3b4b5d; --control-border:#6c8297;
  --tg-primary:#3a79b5; --tg-hover:#3470aa; --tg-link:#6ab3f3; --tg-soft:#1d3550;
  --catalog-accent:var(--tg-primary); --catalog-accent-soft:var(--tg-soft); --catalog-accent-ink:#8cc6f7; --catalog-accent-stripe:#254664;
  --warning:#f0b34a; --warning-bg:#3a2c12; --ok-fg:#5fcb7a; --ok-bg:#173a27;
  --catalog-shadow:0 2px 6px rgb(0 0 0 / 40%),0 14px 40px rgb(0 0 0 / 40%);
}}
.site-telegram :is(button,input,select,textarea) {font-family:var(--font)}
.site-telegram a {color:var(--tg-link)}
.site-telegram a.catalog-card-main {color:var(--fg);text-decoration:none}
.site-telegram :is(.btn-primary,.auth-submit) {background:var(--tg-primary);border-color:var(--tg-primary);color:var(--tg-on-primary);border-radius:12px;box-shadow:none}
.site-telegram .btn-primary:hover {background:var(--tg-hover);border-color:var(--tg-hover);color:var(--tg-on-primary)}
.site-telegram .btn-secondary {background:var(--surface);color:var(--fg);border:1px solid var(--border-strong);border-radius:12px;box-shadow:none}
.site-telegram :is(.field input,.field select,.field textarea,.field-pair input) {border-radius:12px;background:var(--surface);color:var(--fg);min-height:44px}
.site-telegram :focus-visible {outline-color:var(--tg-link)}
.site-telegram :is(.reference-logo,.telegram-brand) {color:var(--fg);font:700 18px/1 var(--font);letter-spacing:-.02em}
.site-telegram .reference-logo b {color:var(--tg-link)}
.site-telegram .reference-logo-mark {width:40px;height:40px;border-radius:50%;border:0;background:var(--tg-gradient);color:#fff}
.site-telegram .reference-logo-mark svg {width:24px;height:24px;stroke-width:1.9}
.site-telegram .reference-logo-mark img {width:100%;height:100%;display:block;object-fit:cover;border-radius:inherit}
.site-telegram :is(.price,.telegram-listing-price),.site-telegram :is(.catalog-card,.flyout-title,.featured-details,.telegram-favorite-body) .price {color:var(--ok-fg)}
.site-telegram .filter-section {grid-column:1/-1;min-width:0;border-top:1px solid var(--border)}
.site-telegram .filter-section > summary {display:flex;align-items:center;gap:10px;min-height:48px;padding:10px 0;cursor:pointer;font-size:15px;font-weight:600;list-style:none}
.site-telegram .filter-section > summary::-webkit-details-marker {display:none}
.site-telegram .filter-section > summary::after {content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-left:auto;margin-right:4px;flex-shrink:0}
.site-telegram .filter-section[open] > summary::after {transform:rotate(225deg)}
.site-telegram .filter-section > summary:focus-visible {outline:2px solid var(--tg-link);outline-offset:2px;border-radius:8px}
.site-telegram .filter-section-body {display:grid;grid-template-columns:minmax(0,1fr);gap:16px;padding:8px 0 18px;min-width:0}
.site-telegram .field-label:has(.field-symbol) {display:flex;align-items:center;gap:8px}
.site-telegram .field-symbol {width:18px;height:18px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;color:var(--fg-muted)}
.site-telegram .filter-quality-options {gap:8px}
.site-telegram .filter-section-body > .char-option {width:100%;justify-content:flex-start}
.site-telegram .map-source-list > summary {min-height:44px;cursor:pointer;font-size:16px;font-weight:600;align-content:center}
.site-telegram .map-source-list[open] > summary {margin-bottom:12px}
.site-telegram .catalog-reference-header .listing-menu-toggle {display:none}
.site-telegram .featured-switch {display:flex;align-items:center;gap:4px;margin-left:auto;flex-shrink:0}
.site-telegram .featured-controls .featured-source-link {min-width:0;flex:1}
.site-telegram .featured-switch button {width:44px;height:44px;padding:0}
.site-telegram .map-profile-logo {display:inline-flex;border-radius:50%;flex-shrink:0;min-width:44px;min-height:44px}
.site-telegram .map-pin.is-channel {text-decoration:none}
.source-information > summary {min-height:44px;cursor:pointer;font-size:18px;font-weight:600}
.source-information dl {display:grid;grid-template-columns:minmax(120px,200px) minmax(0,1fr);gap:8px 16px}
.source-information dd {margin:0;overflow-wrap:anywhere}
.source-messages {padding:20px 0;min-width:0}
.source-messages .feed-post {border-radius:16px;overflow-wrap:anywhere}
.source-messages .feed-post header {flex-wrap:wrap}
.catalog-messages {display:grid;grid-template-columns:minmax(0,1fr);gap:20px;max-width:780px;margin:20px auto}
.catalog-message {min-width:0;padding:20px;border:1px solid var(--border);border-radius:20px;background:var(--surface)}
.catalog-message-head {display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:14px}
.catalog-message-head > div {flex:1;min-width:0}
.catalog-message-head > div a {font-weight:600;text-decoration:none}
.catalog-message-head small {display:block;color:var(--fg-muted);font-size:12px;margin-top:3px}
.catalog-message h3 {display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:20px;line-height:1.3;margin:16px 0}
.catalog-message h3 > a {color:var(--fg);text-decoration:none}
.catalog-message .price {font-size:22px;white-space:nowrap}
.catalog-message .message-body {white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:1.65;padding:16px 0}
.catalog-message .listing-actions {flex-wrap:wrap}
.catalog-message-origin {display:inline-flex;align-items:center;min-height:44px;font-size:13px}
.catalog-message .listing-media .detail-media {aspect-ratio:16/10;max-height:500px}
@media(max-width:640px){.catalog-message{padding:14px;border-radius:16px}.catalog-message-head{gap:8px}.catalog-message h3{font-size:18px}.catalog-message .message-body{font-size:14px}}
@media(max-width:1000px){
 .site-telegram .catalog-reference-header .header-inner {height:auto;min-height:68px;flex-wrap:wrap;row-gap:0}
 .site-telegram .catalog-reference-header .catalog-reference-nav {display:flex!important;order:3;flex-basis:100%;min-width:0;justify-content:space-between;overflow-x:auto;padding-bottom:4px}
 .site-telegram .catalog-reference-header .catalog-reference-nav a {padding:8px;font-size:13px;min-height:44px;white-space:nowrap}
 .site-telegram .catalog-reference-header .listing-menu-toggle:not([hidden]) {display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;flex-shrink:0}
 .site-telegram :is(#results,#catalog,#sources,#ukraine-market-map,#telegram,#original-post) {scroll-margin-top:128px}
 .catalog-v10 #site-menu #theme-switch {display:flex!important}
}
@media(max-width:420px){
 .site-telegram .catalog-header-actions .reference-login {width:44px;padding:0;justify-content:center}
 .site-telegram .catalog-reference-header .reference-login-label {display:none}
}
/* Inner pages (car, sources, feed…) kept the legacy 1440px/16px shell and ran edge to edge on
   desktop while the catalogue and cabinet sit on a 1360px/32px column; align them. */
@media(min-width:701px){.site-telegram:not(.catalog-v10) .shell {max-width:1360px;padding-inline:32px}}
.telegram-header .shell {max-width:1360px;padding-inline:32px}
.telegram-header .header-inner {height:68px;gap:16px}
.telegram-header .theme-switch {display:none!important}
.telegram-me {margin-left:auto;display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--fg)!important;font-weight:600;min-width:0}
.telegram-me > span:first-child {max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.telegram-me-avatar {display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--tg-primary);color:#fff;font-size:13px;flex-shrink:0}
.site-telegram .reference-icon-button {border-radius:50%}
.site-telegram.catalog-v10 .search-hero::before,.site-telegram .reference-section-head::after,.site-telegram .results-head::after {content:none}
.site-telegram.catalog-v10 .taste-hero .catalog-home-title {font:700 clamp(30px,3.4vw,46px)/1.12 var(--font);letter-spacing:-.015em}
.site-telegram.catalog-v10 .eyebrow {font:500 14px/1.3 var(--font);letter-spacing:0;text-transform:none;color:var(--tg-link)}
.site-telegram .catalog-reference-nav a.on {color:var(--tg-link);font-weight:500;border-radius:12px 12px 0 0;box-shadow:inset 0 -3px 0 var(--tg-link)}
.site-telegram .catalog-reference-nav a {padding-inline:14px;border-radius:12px}
/* Top navigation hover: a thin bar at the baseline morphs into a rounded pill behind the
   label (shape + highlight), so the pointer gets real motion feedback, not a colour swap.
   Enter is slower than exit; touch screens skip hover; reduced motion gets an instant pill. */
.site-telegram :is(.catalog-reference-nav,.header-nav) a {position:relative;isolation:isolate;display:inline-flex;align-items:center;min-height:44px;text-decoration:none;transition:color .18s ease}
.site-telegram :is(.catalog-reference-nav,.header-nav) a::before {content:"";position:absolute;inset:4px 2px;z-index:-1;border-radius:2px;background:var(--tg-soft);opacity:0;transform:translateY(14px) scale(.35,.12);transform-origin:50% 100%;transition:transform .16s ease-in,border-radius .16s ease-in,opacity .12s linear}
.site-telegram :is(.catalog-reference-nav,.header-nav) a:is(:hover,:focus-visible) {color:var(--tg-link);background:none}
.site-telegram :is(.catalog-reference-nav,.header-nav) a:is(:hover,:focus-visible)::before {opacity:1;transform:none;border-radius:14px;transition:transform .32s cubic-bezier(.2,.9,.25,1.15),border-radius .32s cubic-bezier(.2,.9,.25,1),opacity .14s linear}
.site-telegram :is(.catalog-reference-nav,.header-nav) a:active::before {transform:scale(.94);transition-duration:.08s}
/* The legacy current-page tint (--action on --muted-bg) fell to ~3:1 in the dark theme. */
.site-telegram .header-nav a[aria-current] {color:var(--tg-link);background:var(--tg-soft)}
.site-telegram .catalog-reference-nav a.on:hover {box-shadow:inset 0 -3px 0 transparent;border-radius:14px}
.site-telegram .catalog-reference-nav a.on {transition:color .18s ease,box-shadow .2s ease}
@media(hover:none){.site-telegram :is(.catalog-reference-nav,.header-nav) a:hover:not(:focus-visible)::before{opacity:0}}
@media(prefers-reduced-motion:reduce){.site-telegram :is(.catalog-reference-nav,.header-nav) a::before,.site-telegram :is(.catalog-reference-nav,.header-nav) a:is(:hover,:focus-visible,:active)::before{transform:none;border-radius:14px;transition:none}.site-telegram .catalog-reference-nav a.on{transition:none}}
/* The longer signed-in label pushed the actions onto a second row over the hero on phones. */
@media(max-width:420px){.site-telegram .reference-login.is-account{width:44px;padding:0;justify-content:center}.site-telegram .reference-login.is-account .reference-login-label{display:none}}
.site-telegram.catalog-v10 .taste-hero .reference-search {border-radius:20px}
.site-telegram .catalog-search-row {border-radius:26px;border-color:transparent;background:var(--surface-2)}
.site-telegram .catalog-search-row:focus-within {border-color:var(--tg-primary);background:var(--surface);box-shadow:none}
.site-telegram .catalog-search-row .btn-primary {border-radius:23px}
.site-telegram .reference-search-tools button {border-radius:50%}
.site-telegram.catalog-v10 .quick-filter-chip {border-radius:22px;padding-inline:14px;border-style:solid}
.site-telegram.catalog-v10 .quick-filter-more {color:var(--tg-link)}
.site-telegram.catalog-v10 .quick-filter-chip[data-set] {background:var(--tg-soft);color:var(--tg-link);border-color:var(--tg-primary)}
.site-telegram.catalog-v10 .quick-filter-chip[aria-expanded="true"] {color:var(--tg-link);border-color:var(--tg-link)}
.site-telegram .quick-filter-dialog :is(button,input,select):focus-visible {outline-color:var(--tg-link)}
/* Main artboard: chips read as neutral controls; only a set value turns them blue. */
.site-telegram.catalog-v10 .quick-filter-chip {color:var(--fg)}
.site-telegram.catalog-v10 .quick-filter-more small {color:var(--fg-muted)}
.site-telegram.catalog-v10 .quick-filter-dialog {border-top-width:1px;border-color:var(--border);box-shadow:var(--catalog-shadow)}
.site-telegram.catalog-v10 .quick-filter-dialog .field-label {font:500 13px/1.3 var(--font);color:var(--fg-muted);text-transform:none;letter-spacing:0}
.quick-filter-presets {display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.quick-filter-presets button {min-height:44px;padding:0 16px;border:1px solid var(--border);border-radius:22px;background:var(--surface);color:var(--fg);font:500 14px/1 var(--font);cursor:pointer}
.quick-filter-presets button[aria-pressed="true"] {background:var(--tg-primary);border-color:var(--tg-primary);color:var(--tg-on-primary)}
/* "Усі фільтри" is an off-canvas drawer from the right at every width, as DESIGN.md asks;
   the owner rejected the phone bottom sheet. Never a centred modal. */

/* Phones (single-column grid): leave a strip of the page visible so it reads as a side drawer. */

.site-telegram .featured-carousel {border:1px solid var(--border);border-radius:20px}
.site-telegram .featured-top {background:none;color:var(--tg-link);font:500 14px/1.2 var(--font);padding:12px 16px 10px;text-transform:none;letter-spacing:0}
.site-telegram .featured-top>* {padding:0;background:none}
.site-telegram .featured-top>[data-feature-position] {color:var(--fg-muted);font-weight:400;font-size:13px}
.site-telegram .featured-top strong {display:inline-flex;align-items:center;gap:7px;font-weight:500}
.site-telegram .featured-top svg {width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linejoin:round}
/* Main artboard: the photo sits inset with rounded corners, Stories-like segments on top. */
.site-telegram .featured-carousel {position:relative}
.site-telegram .featured-carousel .listing-media {margin:0 12px;border-radius:16px;overflow:hidden}
.site-telegram .featured-carousel .detail-media {border-radius:16px}
.site-telegram .featured-carousel .inline-media-counter {left:auto;top:auto;right:10px;bottom:10px;height:26px;display:inline-flex;align-items:center;padding:0 10px;border-radius:13px;background:rgb(0 0 0 / 55%);font:500 12px/1 var(--font)}
.featured-progress {position:relative;height:0;z-index:4}
.featured-progress-track {position:absolute;left:24px;right:24px;top:10px;display:flex;gap:4px;pointer-events:none}
.featured-progress i {flex:1;display:block;height:3px;border-radius:2px;background:rgb(255 255 255 / 38%);overflow:hidden;box-shadow:0 0 2px rgb(0 0 0 / 25%)}
.featured-progress b {display:block;width:100%;height:100%;border-radius:2px;background:#fff;transform:scaleX(0);transform-origin:left center;transition:transform 1s linear}.site-telegram .featured-details p {color:var(--fg-muted)}
.site-telegram .featured-meta span {display:inline-flex;align-items:center;gap:4px}
.site-telegram .featured-meta svg {width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.75}
.site-telegram .featured-controls {display:flex;align-items:center;gap:12px;padding:8px 12px 10px 18px;border:0}
.site-telegram .featured-controls .catalog-source-logo {border-radius:50%}
.site-telegram .featured-controls .catalog-source-logo:hover {background:var(--surface-2)}
@media(prefers-reduced-motion:reduce){.featured-progress b{transition:none}}
.site-telegram .source-tile {border-width:2.5px;box-shadow:none}
.site-telegram .source-tile[aria-current="true"] {border-color:transparent;background:linear-gradient(var(--surface),var(--surface)) padding-box,var(--tg-gradient) border-box;box-shadow:none}
.site-telegram .catalog-card {border-radius:16px}
.site-telegram .catalog-card:hover {transform:none}
/* Status shape, not just colour: full dot, half dot (reserved), crossed circle (sold). */
.site-telegram .catalog-card-status.status-reserved svg {fill:none}
.site-telegram .catalog-card-status.status-reserved .status-half {fill:#b45309;stroke:none}
.site-telegram .catalog-card-status,.site-telegram .pill,.site-telegram .status {border-radius:13px}
.site-telegram .catalog-card-actions [data-favorite-form] button[aria-pressed="true"] {color:var(--catalog-favorite)}
.site-telegram .quick-view-dialog {--f-disp:var(--font);font-family:var(--font)}
/* Card artboard flyout: blue section labels, price change beside the price, post link with its icon. */
.site-telegram .reference-field-label,.site-telegram .flyout-original .reference-field-label {font:500 14px/1.2 var(--font);letter-spacing:0;text-transform:none;color:var(--tg-link);margin:0 0 10px}
.flyout-price-row {display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px}
.site-telegram .flyout-post-link {display:inline-flex;align-items:center;gap:8px}
.site-telegram .flyout-post-link svg {width:16px;height:16px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.site-telegram .compare-tray {border-radius:24px;background:#2c3035;color:#fff}
.site-telegram .reference-compare-title {font:500 14px/1 var(--font);letter-spacing:0;text-transform:none}
.site-telegram .reference-field-label {font-family:var(--font)}
.site-telegram .catalog-telegram-grid a {border-radius:16px}
.site-telegram .catalog-telegram-grid strong {color:var(--fg)}
.site-telegram .catalog-reference-footer nav a {color:var(--fg-muted)}
.site-telegram .catalog-reference-footer nav a:hover {color:var(--tg-link)}
.site-telegram .reference-telegram-icon {background:var(--tg-primary);border-radius:12px;color:#fff}

/* Workspace artboard: persistent navigation, real summary, focused route content. */
.telegram-workspace #main {max-width:1360px;padding-inline:32px}
.telegram-workspace-layout {display:grid;grid-template-columns:240px minmax(0,1fr);align-items:start;gap:24px;padding:28px 0 64px}
.telegram-workspace-side {display:grid;gap:14px;min-width:0}
.telegram-workspace-side .workspace-navigation {display:flex;flex-direction:column;gap:2px;padding:8px;margin:0;border:1px solid var(--border);border-radius:16px;background:var(--surface);overflow:visible}
.telegram-workspace-side .workspace-navigation a {position:relative;display:flex;align-items:center;gap:12px;min-height:44px;padding:10px 12px;border:0;border-radius:12px;background:transparent;color:var(--fg);text-decoration:none;font-size:14px;line-height:1.25;white-space:normal}
.workspace-navigation a svg {width:20px;height:20px;flex:0 0 20px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;color:var(--fg-muted)}
.workspace-navigation a small {margin-left:auto;color:var(--fg-muted);font-size:12px}
.telegram-workspace-side .workspace-navigation a[aria-current=page] {background:var(--tg-soft);color:var(--tg-link);font-weight:500;box-shadow:none}
.telegram-workspace-side .workspace-navigation a[aria-current=page] svg {color:var(--tg-link)}
.telegram-side-note {border:1px solid var(--border);border-radius:16px;background:var(--surface);padding:14px 16px;font-size:13px}
.telegram-side-note p {color:var(--fg-muted);margin:4px 0 0}
.telegram-workspace-content {display:flex;flex-direction:column;gap:20px;min-width:0}
.telegram-page-heading p {margin:6px 0 0}
.telegram-page-heading .eyebrow {margin:0 0 6px;color:var(--tg-link);text-transform:none;letter-spacing:0;font:500 14px/1.2 var(--font)}
.telegram-page-heading h1 {font-size:28px;line-height:1.15;letter-spacing:-.025em;margin:0}
.telegram-stats {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.telegram-stat {display:flex;flex-direction:column;gap:8px;min-width:0;padding:16px 18px 14px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}
.telegram-stat>span {font-size:13px;color:var(--fg-muted);font-weight:500}
.telegram-stat strong {font-size:30px;font-weight:600;line-height:1.1;letter-spacing:-.02em}
.telegram-stat small {font-size:12.5px;color:var(--fg-muted);line-height:1.5}
.telegram-stat small b {color:var(--tg-link)}
.telegram-stat-split{display:flex;gap:2px;height:8px;border-radius:4px;overflow:hidden}.telegram-stat-split i{display:block}.stat-source-1{background:var(--tg-primary)}.stat-source-2{background:#e07b2e}.stat-source-3{background:var(--fg-muted)}
.telegram-stat-legend{list-style:none;margin:0;padding:0;display:grid;gap:3px;font-size:12.5px;color:var(--fg-muted)}.telegram-stat-legend li{display:flex;align-items:center;gap:7px;min-width:0}.telegram-stat-legend li>i{width:10px;height:10px;flex:0 0 10px;border-radius:3px}.telegram-stat-legend span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.telegram-stat-legend b{margin-left:auto;color:var(--fg);font-weight:600}
.telegram-stat-value {display:flex;align-items:center;justify-content:space-between;gap:10px}
.telegram-spark {width:90px;max-width:55%;height:40px;overflow:visible}
.telegram-spark .area {fill:var(--fg-muted);opacity:.1}.telegram-spark .line {fill:none;stroke:var(--fg-muted);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.telegram-spark circle {fill:var(--tg-primary);stroke:var(--surface);stroke-width:2}
.telegram-workspace .account-panel {margin:0;border-radius:16px;padding:18px;gap:16px;box-shadow:none}
.telegram-workspace .account-panel h2,.telegram-workspace .channel-own h2 {font-size:18px;margin:0;line-height:1.25;letter-spacing:-.02em}
.telegram-workspace .account-panel h3 {font-size:15px}
.telegram-panel-head {display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.telegram-panel-head p {margin:6px 0 0;color:var(--fg-muted);font-size:13px}
.telegram-panel-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.telegram-workspace .account-tabs {gap:6px;margin:0}
.telegram-workspace .account-tabs a {font-size:13px;min-height:44px;display:inline-flex;align-items:center}
.telegram-workspace .telegram-status-tabs {display:inline-flex;padding:3px;gap:2px;border:1px solid var(--border);border-radius:22px;background:var(--surface-2)}
.telegram-status-tabs a {padding:0 14px;border-radius:19px;color:var(--fg-muted);text-decoration:none}
.telegram-status-tabs a[aria-current=page] {background:var(--tg-primary);color:#fff}
.telegram-listings {display:flex;flex-direction:column}
.telegram-listing-row {display:flex;align-items:center;gap:14px;padding:12px 0;border-top:1px solid var(--border);min-width:0}
.telegram-listing-row:first-child {border-top:0}
.telegram-listing-image {width:88px;height:64px;border-radius:12px;overflow:hidden;background:var(--surface-2);flex:0 0 88px;display:grid;place-items:center}
.telegram-listing-image img {width:100%;height:100%;object-fit:cover}
.telegram-listing-main {flex:1;min-width:0}.telegram-listing-main h3 {font-size:15px;font-weight:600;margin:0}.telegram-listing-main h3 a {color:var(--fg);text-decoration:none}.telegram-listing-main p {font-size:13px;color:var(--fg-muted);margin:4px 0 0}
.telegram-listing-price {font-size:15px;font-weight:700;white-space:nowrap}.telegram-listing-views {font-size:12.5px;color:var(--fg-muted);text-align:right}
.telegram-listing-row form {display:flex;gap:8px;align-items:center;margin:0;flex-wrap:wrap}
.telegram-listing-row .source-avatar {width:28px;height:28px}
.telegram-favorite-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.telegram-favorite-card {border:1px solid var(--border);border-radius:16px;background:var(--surface);overflow:hidden;min-width:0}
/* Global .listing-photo is absolutely positioned; without this containing block a result photo covered the saved-search form. */
.telegram-favorite-photo {display:block;position:relative;overflow:hidden;aspect-ratio:4/3;background:var(--surface-2)}.telegram-favorite-photo img {display:block;width:100%;height:100%;object-fit:cover}
.telegram-favorite-body {padding:12px;display:grid;gap:8px}.telegram-favorite-body h3,.telegram-favorite-body p {margin:0}.telegram-favorite-body h3 a {color:var(--fg);text-decoration:none}.telegram-favorite-body .price {font-size:18px;color:var(--fg)}
.telegram-favorite-body form {margin:0}.telegram-favorite-body button {width:100%}
.telegram-favorite-body .source {display:flex;align-items:center;gap:8px;white-space:normal;overflow-wrap:anywhere;font-size:13px}
.telegram-empty {padding:24px;border:1px dashed var(--border-strong);border-radius:14px;text-align:center;grid-column:1/-1}.telegram-empty p {color:var(--fg-muted)}
.telegram-saved-filters {list-style:none;margin:0;padding:0}
.telegram-saved-filter {display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:12px 0;border-top:1px solid var(--border)}.telegram-saved-filter:first-child {border-top:0}
.telegram-saved-filter>a {flex:1 1 180px;min-width:0;font-weight:600;overflow-wrap:anywhere}.telegram-saved-filter.is-current>a {color:var(--fg)}
.telegram-saved-filter form {display:flex;flex-wrap:wrap;gap:8px;margin:0}
.telegram-save-search {margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}
.telegram-check {display:flex;align-items:center;gap:10px;min-height:44px;grid-column:1/-1;cursor:pointer}.telegram-check input {width:18px;height:18px;margin:0;flex:0 0 18px}
.telegram-disclosure>summary {cursor:pointer;min-height:44px;font-weight:600;font-size:15px;padding:10px 0}.telegram-disclosure[open]>summary {margin-bottom:14px}
.telegram-form-error {border:1px solid var(--danger);border-radius:12px;background:var(--danger-bg);color:var(--danger);padding:12px;font-size:14px}
.telegram-workspace :is(.channel-own,.onboarding-grid .account-panel) {border-radius:16px}
.telegram-workspace .onboarding-grid {grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.telegram-workspace .account-columns {gap:16px}.telegram-workspace .account-columns .field {margin:0}
.telegram-workspace .analytics-range {gap:12px}
.telegram-workspace .personal-charts .account-panel {min-width:0}

/* Authentication artboard, with real Telegram challenges and email readiness. */
.telegram-auth #main {max-width:1100px;padding:24px 24px 64px}
.telegram-auth .telegram-header {background:transparent;border:0}.telegram-auth .telegram-header .shell {max-width:1100px;padding-inline:24px}.telegram-auth .telegram-header .header-inner{height:76px}
.telegram-auth .telegram-header .telegram-me {display:none}.telegram-auth .telegram-header .telegram-back {margin-left:auto;border:0;background:none;color:var(--tg-link)}
.telegram-auth-layout {display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:40px}
.telegram-auth-card {flex:0 1 440px;min-width:0;margin:0;padding:28px;background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:var(--catalog-shadow)}
.telegram-auth-card h1 {font-size:24px;line-height:1.2;letter-spacing:-.025em;margin:0}
.telegram-auth-card>.eyebrow {font-size:14px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--tg-link);margin:0 0 8px}
.telegram-auth-card .auth-submit {width:100%;min-height:46px;border-radius:12px}.telegram-auth-card .telegram-login-primary {display:flex;align-items:center;justify-content:center;gap:10px;min-height:54px;border-radius:14px;font-size:16px;font-weight:700}
.telegram-login-primary svg {width:22px;height:22px;fill:currentColor}
.telegram-auth-steps {counter-reset:auth-step;list-style:none;margin:16px 0 0;padding:0;display:grid;gap:10px}
.telegram-auth-steps li {display:flex;align-items:start;gap:10px;font-size:14px;color:var(--fg-muted)}.telegram-auth-steps li::before {counter-increment:auth-step;content:counter(auth-step);display:grid;place-items:center;width:22px;height:22px;flex:0 0 22px;border-radius:50%;background:var(--tg-soft);color:var(--tg-link);font-size:12px;font-weight:600}
.telegram-auth-or {display:flex;align-items:center;gap:12px;color:var(--fg-muted);font-size:13px;margin:22px 0}.telegram-auth-or::before,.telegram-auth-or::after {content:"";height:1px;flex:1;background:var(--border)}
.telegram-email-heading {display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px;font-size:14px}
.telegram-soon {display:inline-flex;align-items:center;padding:5px 10px;border-radius:12px;background:var(--warning-bg);color:var(--warning);font-size:12px;font-weight:600}
.telegram-auth-card .field {margin:0 0 14px}.telegram-auth-card .field input {min-height:46px}.telegram-auth-card .auth-error {margin-bottom:18px}.telegram-auth-card .auth-error h2 {font-size:17px;margin:0 0 8px}
.telegram-auth-card .auth-fields {display:grid;gap:0}.telegram-auth-card .auth-fields:disabled input {background:var(--surface-2)}
.telegram-auth-card .field-hint {font-size:13px;line-height:1.5;margin:10px 0}.telegram-auth-footer {margin-top:14px;padding-top:14px;border-top:1px solid var(--border);font-size:13px;color:var(--fg-muted)}
.telegram-auth-benefits {flex:0 1 420px;display:grid;gap:18px}.telegram-auth-benefits h2 {font-size:20px;line-height:1.25;letter-spacing:-.02em;margin:0}.telegram-auth-benefits ul {list-style:none;padding:0;margin:0;display:grid;gap:14px}.telegram-auth-benefits li {display:flex;align-items:start;gap:12px}.telegram-auth-benefits b {display:block;font-weight:600}.telegram-auth-benefits p {color:var(--fg-muted);font-size:14px;margin:4px 0 0}
.telegram-benefit-icon {width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border-radius:12px;background:var(--tg-primary);color:#fff}.telegram-benefit-icon svg {width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linejoin:round;stroke-linecap:round}
.telegram-waiting {display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);font-size:14px;font-weight:600;margin:18px 0}
.telegram-waiting::before {content:"";width:20px;height:20px;border-radius:50%;flex-shrink:0;border:3px solid var(--tg-soft);border-top-color:var(--tg-primary)}
.telegram-auth .site-footer {display:none}
@media(prefers-reduced-motion:no-preference){.telegram-waiting::before{animation:telegram-wait 1s linear infinite}@keyframes telegram-wait{to{transform:rotate(360deg)}}}
@media(max-width:1100px){.telegram-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.telegram-favorite-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.telegram-listing-row{flex-wrap:wrap}.telegram-listing-views{width:auto}}
@media(max-width:900px){.telegram-workspace-layout{grid-template-columns:200px minmax(0,1fr);gap:20px}.telegram-workspace .onboarding-grid{grid-template-columns:1fr}.telegram-auth-layout{gap:28px}.telegram-auth-benefits{flex-basis:440px}}
@media(max-width:700px){.telegram-header .header-inner{gap:10px}.telegram-header .telegram-back{font-size:12px;padding-inline:10px}.telegram-me>span:first-child{max-width:130px}.telegram-workspace #main{padding-inline:16px}.telegram-workspace-layout{grid-template-columns:minmax(0,1fr);padding-top:20px}.telegram-workspace-side{gap:0}.telegram-workspace-side .workspace-navigation{flex-direction:row;overflow-x:auto;max-width:100%;padding:6px}.telegram-workspace-side .workspace-navigation a{white-space:nowrap;flex-shrink:0;gap:8px}.workspace-navigation a small{display:none}.telegram-side-note{display:none}.telegram-page-heading h1{font-size:26px}.telegram-workspace .account-columns{grid-template-columns:1fr}.telegram-listing-row{gap:10px}.telegram-listing-main{flex-basis:calc(100% - 108px)}.telegram-listing-row form{margin-left:0}.telegram-auth #main{padding:20px 16px 48px}.telegram-auth-card{padding:24px;flex-basis:100%}.telegram-auth-benefits{flex-basis:100%}.telegram-auth .telegram-header .shell{padding-inline:16px}.telegram-header .reference-icon-button{flex:0 0 40px;width:40px}}
@media(max-width:640px){.telegram-stats{grid-template-columns:minmax(0,1fr)}.telegram-favorite-grid{grid-template-columns:minmax(0,1fr)}.telegram-me>span:first-child{display:none}.site-telegram .telegram-brand{font-size:17px;gap:8px}.site-telegram .telegram-brand .reference-logo-mark{width:36px;height:36px}.telegram-header .telegram-back{padding-inline:6px}.telegram-auth-card{padding:22px}.telegram-stat-value{justify-content:start}.telegram-spark{width:120px;margin-left:auto}.telegram-email-heading{flex-wrap:wrap}}
@media(max-width:700px){.telegram-header .shell{padding-inline:16px}}

/* Main artboard, round 3: billboard photo, card actions, catalog tools, pagination, map. */
.site-telegram .featured-carousel .detail-media {aspect-ratio:16/10;background:#0b0f14;border:0}
/* The billboard fills its frame like the artboard; the full photo stays one click away in the flyout. */
.site-telegram .featured-carousel .detail-media :is(.listing-photo,.inline-video) {object-fit:cover;background:#0b0f14}
.site-telegram .featured-carousel .inline-media-nav {top:calc(50% - 22px);width:44px;height:44px;display:grid;place-items:center;padding:0 0 3px;border:0;border-radius:50%;background:rgb(255 255 255 / 95%);color:#0f172a;font-size:28px;line-height:1;box-shadow:0 4px 14px rgb(0 0 0 / 28%)}
.site-telegram .featured-carousel .inline-prev {left:10px}
.site-telegram .featured-carousel .inline-next {right:10px}
.site-telegram .featured-carousel .inline-media-nav:disabled {opacity:.45}
.site-telegram .featured-progress-track {left:24px;right:24px}
.site-telegram .catalog-card-actions .catalog-icon-action,.site-telegram .catalog-card-actions a.catalog-icon-action {border-radius:22px;color:var(--fg-muted)}
.site-telegram .catalog-card-actions .catalog-icon-action:not(:disabled):hover {background:var(--surface-2);color:var(--fg)}
.site-telegram .catalog-card-actions .compare-choice:has(input:checked) {background:var(--tg-soft);border-color:transparent;color:var(--tg-link)}
.site-telegram .catalog-action-planned small {font:600 10px/1 var(--font);padding:3px 6px;border-radius:8px;border-color:color-mix(in srgb,var(--catalog-note) 40%,transparent)}
.site-telegram .catalog-media-count {height:26px;padding:0 10px;border-radius:13px;background:rgb(0 0 0 / 55%)}
.site-telegram.catalog-v10 .results-head .mobile-filter-trigger {display:inline-flex;align-items:center;gap:8px;padding-inline:14px}
.site-telegram.catalog-v10 .results-head .mobile-filter-trigger .reference-icon {width:16px;height:16px}
.site-telegram.catalog-v10 .results-head select {border-radius:12px}
.site-telegram.catalog-v10 .reference-pagination .page-link {border-radius:22px}
.site-telegram .market-map-viewport {border-radius:20px}
.site-telegram .market-map-panel .map-preview {border-radius:16px;background:var(--surface)}
.site-telegram .map-legend-title {color:var(--tg-link)}
.site-telegram .market-map-panel .map-source-list a:hover {color:var(--tg-link)}
/* A soft top shade keeps the white Stories segments readable on light photos. */
.site-telegram .featured-carousel .detail-media::before {content:"";position:absolute;inset:0 0 auto;height:56px;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgb(0 0 0 / 34%),transparent)}

/* Billboard information, round 6: identity + price, a fact strip buyers compare, then place, time and source. */
.site-telegram .featured-carousel {container-type:inline-size}
.site-telegram .featured-details {display:flex;align-items:baseline;justify-content:space-between;gap:6px 16px;flex-wrap:wrap;padding:16px 18px 0}
.site-telegram .featured-details h2 {flex:1 1 200px;min-width:0;margin:0;font:600 19px/1.3 var(--font);letter-spacing:-.015em;overflow-wrap:anywhere}
.site-telegram .featured-details .price {flex:0 0 auto;font:700 26px/1.1 var(--font-mono);letter-spacing:-.035em;color:var(--ok-fg);white-space:nowrap}
.featured-facts {display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);margin:14px 18px 0;padding:0;border:1px solid var(--border);border-radius:14px;background:var(--surface-2)}
.featured-facts>div {min-width:0;padding:10px 12px;border-left:1px solid var(--border)}.featured-facts>div:first-child {border-left:0}
.featured-facts dt {margin:0;font-size:12px;line-height:1.3;color:var(--fg-muted)}
.featured-facts dd {margin:3px 0 0;font-size:14.5px;line-height:1.3;font-weight:600;color:var(--fg);overflow-wrap:anywhere}
.site-telegram .featured-meta {display:flex;flex-wrap:wrap;gap:4px 16px;margin:12px 0 0;padding:0 18px;font-size:13px;line-height:1.4;color:var(--fg-muted)}
.site-telegram .featured-meta span {gap:6px}
.site-telegram .featured-controls {flex-wrap:wrap;gap:4px 12px;margin:12px 18px 0;padding:8px 0 6px;border-top:1px solid var(--border)}
.featured-source-link {display:inline-flex;align-items:center;gap:10px;min-height:44px;max-width:100%;padding:2px 12px 2px 2px;border-radius:24px;color:var(--fg);text-decoration:none}
.featured-source-link:hover {background:var(--surface-2)}
.featured-source-link:focus-visible {outline:2px solid var(--tg-primary);outline-offset:2px}
.featured-source-link .avatar {width:32px;height:32px;flex:0 0 32px}
.featured-source-text {display:flex;align-items:baseline;gap:6px;min-width:0;line-height:1.25}.featured-source-text small {flex:0 0 auto;font-size:12.5px;color:var(--fg-muted)}
.featured-source-text b {font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@container (max-width:420px) {
  .featured-facts {grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr))}
  .featured-facts>div:nth-child(odd) {border-left:0}.featured-facts>div:nth-child(n+3) {border-top:1px solid var(--border)}
  .featured-facts>div:last-child:nth-child(odd) {grid-column:1/-1}
  .site-telegram .featured-details .price {font-size:23px}
}