.ui-icon{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex:none}.app-page .page-frame{max-width:none;margin:64px 0 0 216px;padding:38px clamp(24px,4vw,62px) 65px}.app-page main{max-width:1056px;margin:auto}.app-page:not([data-view=entity]) #entity-view,.app-page[data-view=entity] #telegram-search-view,.app-page[data-view=entity] #checker,.app-page[data-view=entity] #results,.app-page[data-view=entity] #library,.app-page[data-view=entity] #history{display:none}
.search-heading{align-items:center;margin-bottom:26px}.search-heading button,.result-heading button{display:flex;gap:7px;align-items:center}.search-tabs{display:inline-flex;gap:3px;max-width:100%;padding:4px;border:1px solid #272727;background:#111;border-radius:11px;margin-bottom:16px}.search-tabs button{display:flex;align-items:center;gap:8px;border:0;background:none;color:#949494;padding:8px 13px;border-radius:7px;font-size:13px}.search-tabs button[aria-pressed=true]{background:#ededed;color:#171717;border:0}.search-tabs svg{width:16px;height:16px}.main-search button{display:flex;align-items:center;justify-content:center;gap:8px}.is-searching>svg{animation:spin .8s linear infinite}.filter-panel{margin-top:14px;border:1px solid #272727;border-radius:11px;background:#101010}.filter-toggle{width:100%;padding:12px 16px}.filter-toggle>span:nth-child(2){flex:1;text-align:left}.filter-chevron{width:15px;height:15px;color:#888}.filter-toggle[aria-expanded=true] .filter-chevron{transform:rotate(180deg)}.app-page .search-filters{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px 16px;border:0;border-top:1px solid #272727;border-radius:0;padding:18px 16px 16px;background:none;margin:0;animation:none}.search-filters input:not([type=checkbox]){background:#151515;border-radius:7px;font-size:13px}.search-filters label:has([data-filter=bio]){grid-column:span 2}.search-filters label.check-filter{padding-top:21px;font-size:11px}.filter-toolbar{margin:11px 0 0}.app-page .search-empty{min-height:190px;border:0;background:none;margin-top:20px}
.app-page .result-card{border-radius:12px;padding:19px;overflow:hidden}.row-header,.row-identity,.row-meta{align-items:center}.row-identity,.identity-body{min-width:0}.result-card h3{font-size:15px}.record-handle{font-size:12px;color:#aaa}.record-badge{display:inline-flex;align-items:center;gap:4px;background:#191919;border:1px solid #343434;border-radius:5px;padding:2px 6px;font-size:10px;color:#aaa}.record-badge svg{width:11px;height:11px}.copy-id{display:flex;align-items:center;gap:4px;padding:0;border:0;background:none;color:#787878;font-size:10px}.copy-id svg{width:11px;height:11px}.entity-avatar{position:relative;display:grid;place-items:center;flex:none;width:47px;height:47px;border:1px solid #333;border-radius:13px;background:#1b1b1b;color:#939393;overflow:hidden}.entity-avatar>svg{width:22px;height:22px}.entity-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .14s}.entity-avatar.has-photo img{opacity:1}.verified-mark{width:13px;height:13px;background:#ddd;color:#181818;border-radius:50%;padding:2px}.record-open{display:flex;align-items:center;gap:7px;border:1px solid #343434;background:#191919;border-radius:7px;padding:7px 10px;color:#ddd;font-size:12px}.record-open svg{width:14px;height:14px}.row-text{max-height:none;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.message-text{-webkit-line-clamp:20}.row-actions{gap:15px;margin-top:16px;padding-top:13px;border-top:1px solid #232323}.app-page .row-actions .row-action,.row-action{display:flex;align-items:center;gap:6px;font:11px var(--sans);border:0;border-radius:0;background:none;color:#939393;padding:0}.row-action svg{width:14px;height:14px}.app-page .row-actions .row-action:hover{background:none;color:#fff}.record-summary{display:flex;gap:16px;font-size:12px;color:#aaa}.record-empty{display:flex;gap:10px;align-items:center;color:#888;padding:25px 0;font-size:13px}.record-line{display:flex;align-items:center;gap:12px;border-bottom:1px solid #292929;padding:15px 3px}.record-line>div{flex:1}.record-line h3{font-size:13px;margin:0}.record-line p{font-size:11px;color:#888;margin:4px 0 0}.metric-value{margin-left:auto;font-size:16px}.show-more{display:flex;gap:8px;align-items:center;margin-top:15px}.detail-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;border:0;border-radius:0;margin-top:16px}.detail-stat{border:0;border-left:1px solid #353535;padding:0 0 0 12px}.more-stats{margin-top:15px;font-size:12px;color:#aaa}.saved-searches{margin-top:24px}
.entity-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px}.entity-toolbar button{display:flex;align-items:center;gap:8px}.back-to-search{border:0;background:none;color:#aaa;font-size:12px;padding:0}.back-to-search svg{transform:rotate(180deg)}.app-page .entity-hero .result-card{padding:0;border:0;background:none;overflow:visible;margin-bottom:28px}.entity-hero .entity-avatar{height:72px;width:72px;border-radius:18px}.entity-hero h3{font-size:25px}.entity-hero .record-handle{font-size:14px;color:#ddd}.entity-hero .row-actions{border:0;margin-top:15px;padding:0}.entity-hero .row-text{max-width:760px;-webkit-line-clamp:5}.entity-hero .audience{display:none}.entity-tabs{display:flex;gap:24px;border-bottom:1px solid #303030;margin-bottom:24px;overflow-x:auto}.entity-tab{display:flex;gap:7px;align-items:center;white-space:nowrap;background:none;color:#888;border:0;border-bottom:2px solid transparent;padding:0 0 12px;font-size:13px}.entity-tab[aria-pressed=true]{color:#eee;border-bottom-color:#eee}.entity-tab svg{width:15px;height:15px}.overview-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:20px}.overview-stat,.overview-description{padding:18px;border:1px solid #2d2d2d;border-radius:11px;background:#101010}.overview-stat>span{display:block;font-size:12px;color:#939393}.overview-stat>strong{display:block;font-size:21px;font-weight:500;margin-top:8px}.overview-description{margin-bottom:22px}.overview-description h3{font-size:12px;font-weight:400;color:#939393;margin:0 0 10px}.overview-description p{font-size:14px;line-height:1.7;color:#ddd;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.overview-tools{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0}.overview-tools button,.recent-posts>button{display:flex;align-items:center;gap:7px;font-size:12px}.recent-posts>h3{font-size:15px;margin:27px 0 14px}.recent-posts>button{margin-top:14px}.subtle{font-size:12px;color:#888}.detail-footer{display:flex;justify-content:flex-end;align-items:center;gap:12px;color:#888;font-size:11px;margin-top:19px}.detail-footer>span{margin-right:auto}.detail-footer>button{display:flex;align-items:center;gap:7px}
button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #aaa;outline-offset:3px}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:850px){.app-page .search-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.search-filters label:has([data-filter=bio]){grid-column:span 1}.overview-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.app-page .page-frame{margin:58px 0 0;padding:25px 18px 45px}.search-tabs{display:flex;width:100%;gap:1px}.search-tabs button{justify-content:center;flex:1;padding:8px 7px;gap:5px;font-size:11px}.main-search button span{display:none}.app-page .search-filters{grid-template-columns:1fr;padding:16px}.search-filters label.check-filter{padding-top:0}.copy-id svg{opacity:1}.record-open span{display:none}.detail-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-summary{grid-template-columns:1fr 1fr}.overview-stat strong{font-size:18px}.entity-hero .entity-avatar{width:60px;height:60px}.entity-tab{font-size:12px}.entity-tab svg{display:none}.detail-footer{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.is-searching>svg{animation:none}}
.is-clickable h3,.is-clickable .entity-avatar{cursor:pointer}.is-clickable h3:hover{color:#fff}.read-more{display:flex;align-items:center;gap:5px;background:none;border:0;padding:0;margin-top:10px;font-size:11px;color:#aaa}.read-more svg{width:13px;height:13px}
.overview-summary{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.post-controls{display:flex;align-items:center;gap:16px;margin-bottom:18px}.post-search{display:flex;align-items:center;gap:9px;background:#111;border:1px solid #333;border-radius:9px;padding:9px 12px;flex:1}.post-search>svg{color:#888;width:16px;height:16px}.post-search input{width:100%;min-width:0;border:0;outline:0;background:none;color:#eee;font-size:13px}.post-media{display:flex;align-items:center;gap:7px;white-space:nowrap;color:#999;font-size:12px}.post-media input{accent-color:#ddd}.post-count{color:#888;font-size:12px;white-space:nowrap}.entity-tabs{position:sticky;top:64px;z-index:3;padding-top:10px;background:#080808}@media(max-width:700px){.post-controls{flex-wrap:wrap;gap:12px}.post-search{flex-basis:100%}.entity-tabs{top:58px}.overview-summary{grid-template-columns:1fr}}

/* Focus belongs to the rounded input group, never its inner textbox. */
.main-search input:focus-visible,.global-search input:focus-visible,.post-search input:focus-visible,.result-search input:focus-visible{outline:none;box-shadow:none}
.main-search:focus-within,.global-search:focus-within,.post-search:focus-within,.result-search:focus-within{border-color:var(--ring,#727272);box-shadow:0 0 0 3px #ffffff0a}

/* Shared control tokens: compact, neutral, and consistent across every view. */
:root {
  --background: #090909;
  --surface: #111111;
  --surface-hover: #191919;
  --input: #131313;
  --line: #292929;
  --muted: #969696;
  --text: #ededed;
  --ring: #686868;
  --radius: 12px;
  --ease: cubic-bezier(.2,.8,.2,1);
}
body, .sidebar, .app-bar { background: var(--background); }
.app-page .page-frame { padding-top: 32px; }
.app-page main { max-width: 1000px; }
.search-heading { margin-bottom: 24px; gap: 16px; }
.search-heading h1, .app-page #page-title { font-size: 26px; letter-spacing: -.8px; }
.search-heading p, .section-heading p { color: var(--muted); font-size: 13px; margin-top: 5px; }
.sidebar { padding: 22px 12px 0; }
.sidebar-brand { margin-bottom: 28px; }
.sidebar-link { height: 40px; padding: 0 12px; border-radius: 9px; }
.sidebar-link.selected { background: #202020; }
.app-bar { height: 64px; padding: 0 28px; }
.global-search { height: 38px; border-radius: 10px; }
.search-tabs { gap: 3px; padding: 4px; border-color: var(--line); border-radius: 11px; }
.search-tabs button { height: 36px; padding: 0 14px; border-radius: 7px; transition: background-color 140ms, color 140ms; }
.search-tabs button[aria-pressed=true] { background: #e5e5e5; box-shadow: 0 1px 3px #0004; }
.main-search { min-height: 56px; padding: 6px 6px 6px 16px; gap: 12px; }
.app-page .main-search { border-radius: var(--radius); }
.main-search input { height: 42px; padding: 0; font-size: 14px; }
.main-search button { min-width: 112px; height: 42px; padding: 0 16px; border-radius: 8px; font-size: 13px; }
.main-search button.is-searching { opacity: 1; background: #d8d8d8; color: #333; cursor: wait; }
.main-search button.is-searching svg { color: #444; }
button:disabled, input:disabled { cursor: default; }
button:disabled:not(.is-searching) { opacity: .48; }
button:not(:disabled):active { transform: none; }
.outline-button, .record-open, .history-open, .select-trigger {
  height: 34px; padding: 0 12px; display: inline-flex; align-items: center;
  justify-content: center; gap: 7px; border: 1px solid var(--line);
  background: var(--surface); border-radius: 8px; font-size: 12px; font-weight: 500;
  box-shadow: 0 1px 2px #0002; color: #c9c9c9;
}
.outline-button:hover:not(:disabled), .record-open:hover:not(:disabled), .history-open:hover {
  background: var(--surface-hover); border-color: #383838;
}
button:focus-visible, a:focus-visible, summary:focus-visible { outline: 2px solid var(--ring); outline-offset: 3px; }
input:not([type=checkbox]):focus-visible, textarea:focus-visible { outline: none; border-color: var(--ring); box-shadow: 0 0 0 3px #ffffff08; }
.main-search input:focus-visible, .global-search input:focus-visible, .post-search input:focus-visible, .result-search input:focus-visible { outline: none; box-shadow: none; }
.filter-panel { border-color: var(--line); border-radius: var(--radius); margin-top: 16px; }
.filter-toggle { min-height: 44px; padding: 0 16px; gap: 9px; }
.filter-toggle > span:nth-child(2) { padding: 0; background: none; font-size: 13px; color: #bcbcbc; }
.filter-chevron { transition: transform 160ms var(--ease); }
.app-page .search-filters { padding: 20px 16px; gap: 20px 16px; border-color: var(--line); }
.search-filters input:not([type=checkbox]), .select-trigger { height: 38px; border-color: var(--line); background: var(--input); }
.search-filters label.check-filter { grid-column: 1/-1; padding: 0; min-height: 22px; }
.filter-description { margin: 0; line-height: 1.6; }
.filter-toolbar { margin: 10px 0 0; line-height: 1.5; }
#search-results { position: relative; min-height: 240px; }
.result-heading { margin: 28px 0 16px; }
.result-heading h2 { font-size: 17px; }
.result-heading p { margin-top: 4px; }
.app-page .result-card { padding: 20px; border-color: var(--line); background: var(--surface); border-radius: var(--radius); margin-bottom: 12px; }
.row-meta { column-gap: 10px; row-gap: 6px; }
.record-badge { border-color: var(--line); background: #1b1b1b; padding: 2px 6px; border-radius: 5px; }
.entity-avatar { width: 48px; height: 48px; border-color: var(--line); border-radius: 12px; }
.row-actions { margin-top: 16px; padding-top: 14px; gap: 18px; border-color: var(--line); }
.row-action { min-height: 24px; }
.row-action:disabled { opacity: .7; }
.copy-id { min-height: 24px; }
.detail-stats { gap: 16px; }
.detail-stat { border-color: var(--line); }
.app-page .search-empty { min-height: 220px; margin-top: 16px; }
.entity-toolbar { margin-bottom: 24px; }
.entity-hero .result-card { margin-bottom: 28px; }
.entity-tabs { background: var(--background); border-color: var(--line); gap: 26px; }
.entity-tab { padding-bottom: 14px; color: var(--muted); }
.entity-tab[aria-pressed=true] { border-bottom-color: #d6d6d6; }
.entity-content { position: relative; min-height: 230px; }
.overview-stat, .overview-description { padding: 20px; border-color: var(--line); border-radius: var(--radius); background: var(--surface); }
.overview-summary { gap: 16px; margin-bottom: 20px; }
.overview-description { margin-bottom: 24px; }
.post-search { height: 40px; border-color: var(--line); border-radius: 10px; }
.post-controls { gap: 16px; margin-bottom: 20px; }
.select-options { border-color: #333; padding: 5px; box-shadow: 0 8px 28px #0008; }
.select-options button { border-radius: 6px; min-height: 34px; }
.select-options:not([hidden]) { animation: soft-enter 130ms var(--ease); }
.search-notice { border-color: var(--line); border-radius: 10px; font-size: 12px; }
.surface-loading { position: absolute; inset: 0; display: grid; place-items: center; z-index: 2; pointer-events: none; animation: loading-enter 180ms 100ms var(--ease) both; }
.loading-badge { display: inline-flex; align-items: center; gap: 9px; padding: 10px 15px; border: 1px solid #3b3b3b; border-radius: 12px; background: #171717e8; backdrop-filter: blur(10px); color: #cecece; font-size: 12px; box-shadow: 0 8px 32px #0005; }
.loading-spinner { animation: spin .8s linear infinite; width: 15px; height: 15px; }
.is-loading > :not(.surface-loading):not(.loading-placeholder) { filter: blur(1.6px); opacity: .36; pointer-events: none; transition: filter 160ms, opacity 160ms; }
.loading-empty > :not(.surface-loading):not(.loading-placeholder) { display: none!important; }
.loading-placeholder { padding-top: 24px; }
.skeleton-card { min-height: 100px; border: 1px solid #242424; border-radius: var(--radius); padding: 20px; display: flex; gap: 14px; margin-bottom: 12px; background: var(--surface); }
.skeleton { display: block; background: #202020; border-radius: 5px; animation: skeleton-pulse 1.8s ease-in-out infinite; }
.skeleton-avatar { width: 42px; height: 42px; border-radius: 10px; flex: none; }
.skeleton-lines { flex: 1; display: flex; flex-direction: column; gap: 10px; padding-top: 2px; }
.skeleton-line { height: 9px; width: 70%; }.skeleton-line:first-child { width: 35%; height: 12px; }.skeleton-line:last-child { width: 50%; }
.simple-login { width: min(340px,calc(100% - 48px)); }
.simple-login input { height: 44px; border-color: var(--line); border-radius: 10px; background: var(--surface); font-size: 14px; }
.simple-login .password-input button { inset-block: 0; right: 8px; width: 32px; height: 44px; display: grid; place-items: center; }
.simple-login .scan-button { height: 42px; border-radius: 9px; }
.simple-login .scan-button:disabled { opacity: 1; background: #d2d2d2; color: #555; }
@keyframes loading-enter { from { opacity: 0; transform: translateY(3px); filter: blur(3px); } to { opacity: 1; transform: none; filter: blur(0); } }
@keyframes skeleton-pulse { 50% { opacity: .45; } }
@keyframes soft-enter { from { opacity: 0; transform: translateY(-3px); filter: blur(2px); } to { opacity: 1; transform: none; filter: blur(0); } }
@media(max-width:700px) {
  .app-page .page-frame { padding: 24px 18px 45px; }
  .app-bar { height: 58px; padding: 0 14px; }
  .search-tabs button { padding: 0 7px; font-size: 11px; }
  .main-search { padding-left: 12px; gap: 8px; }
  .main-search button { min-width: 42px; width: 42px; padding: 0; }
  .main-search button span { display: none; }
  .search-heading p { font-size: 12px; }
  .app-page .result-card { padding: 16px; }
  .overview-stat, .overview-description { padding: 16px; }
  .app-page .search-filters { padding: 16px; }
  .post-controls { gap: 12px; }
}
@media(prefers-reduced-motion:reduce) {
  .surface-loading, .loading-spinner, .skeleton, .select-options:not([hidden]) { animation: none; }
  .is-loading > :not(.surface-loading):not(.loading-placeholder) { filter: none; transition: none; }
}