/* VYORA design system. Loaded after the legacy styles; existing actions stay intact. */
:root,
:root[data-theme=dark] {
  --bg:#101116; --card:#191b23; --ink:#f4f5fa; --mut:#a0a6b8;
  --line:#2b2e3b; --pri:#a693ff; --sun:#e2b46d; --like:#ff6486;
  --soft:#272339; --vy-surface-2:#20232d; --vy-brand:#7055ee;
  --vy-shadow:0 6px 28px rgba(0,0,0,.13); --vy-radius:22px;
  --vy-shadow-lg:0 24px 72px rgba(0,0,0,.28); --vy-focus:#bbaaff;
  color-scheme:dark;
}
:root[data-theme=light] {
  --bg:#f5f6fa; --card:#fff; --ink:#171923; --mut:#687083;
  --line:#e7e9ef; --pri:#7055ee; --sun:#aa6a12; --like:#dc3864;
  --soft:#f0ecff; --vy-surface-2:#f8f9fc;
  --vy-shadow:0 6px 28px rgba(28,31,58,.035);
  --vy-shadow-lg:0 24px 72px rgba(28,31,58,.12); --vy-focus:#7055ee;
  color-scheme:light;
}
html { scroll-padding-top:100px; }
body { font:15px/1.55 'Manrope','Segoe UI',system-ui,sans-serif; background:var(--bg); color:var(--ink); -webkit-font-smoothing:antialiased; }
h1,h2,h3 { font-family:'Bricolage Grotesque','Manrope',system-ui,sans-serif; letter-spacing:-.035em; line-height:1.15; }
h1,h2 { font-weight:750; } h3 { font-weight:700; }
button,input,textarea,select { font:inherit; }
button { min-height:42px; padding:10px 18px; font-size:13px; line-height:1.35; font-weight:750; border-radius:12px; background:var(--vy-brand); color:#fff; transition:background .16s,color .16s,box-shadow .16s; }
button:not(:disabled):hover { filter:brightness(.98); }
button:disabled { cursor:not-allowed; opacity:.48; }
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible,[role=button]:focus-visible { outline:3px solid var(--vy-focus); outline-offset:3px; }
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),textarea,select { background:var(--vy-surface-2); border:1px solid var(--line); border-radius:12px; padding:12px 14px; font-size:14px; }
input::placeholder,textarea::placeholder { color:var(--mut); opacity:.85; }
input[type=checkbox],input[type=radio],input[type=range] { accent-color:var(--vy-brand); }
textarea { line-height:1.6; }
.icon { stroke-width:1.8; }
.ghost { min-height:40px; padding:9px 12px; color:var(--mut); font-size:13px; border-radius:10px; }
.ghost:hover { background:var(--soft); color:var(--pri); }
.ghost.on { color:var(--like); }
.mut { color:var(--mut); font-size:13px; line-height:1.6; }
.card,.v2-panel,.v4-card,.v5-card,.v6-card,.v7-card,.v8-card { border:1px solid var(--line); border-radius:var(--vy-radius); background:var(--card); padding:22px; box-shadow:var(--vy-shadow); }
.card h3,.v2-panel h3,.v4-card h3,.v5-card h3,.v6-card h3,.v7-card h3,.v8-card h3 { font-size:19px; }
.av { background:var(--soft); color:var(--pri); font-weight:750; box-shadow:none; }
.empty,.v8-empty { border:1px dashed var(--line); background:var(--card); border-radius:18px; padding:36px 22px; font-size:14px; line-height:1.7; color:var(--mut); }
.pill-row,.v4-pills,.v7-pills { gap:8px; }
.pill-row button,.v4-pill,.v7-pill,.v8-pill { border-radius:10px; padding:8px 14px; background:var(--card); border:1px solid var(--line); color:var(--mut); font-size:12px; min-height:38px; }
.pill-row button.on,.v4-pill.on,.v7-pill.on { color:var(--pri); border-color:color-mix(in srgb,var(--pri) 25%,var(--line)); background:var(--soft); }
.v2-kicker,.v4-mini,.v5-kicker,.v6-kicker,.v7-kicker,.v8-kicker,.v82-kicker { color:var(--pri); font-size:10px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.v2-head,.v82-subhead { padding:4px 0 20px; margin:0; gap:14px; align-items:center; }
.v2-head h2,.v82-subhead h2 { font-size:30px; margin:7px 0 0; }
.toast { bottom:32px; max-width:min(90vw,480px); border-radius:14px; box-shadow:var(--vy-shadow-lg); padding:13px 20px; font-size:13px; text-align:center; }
.ar-footer { font-size:11px; letter-spacing:.04em; padding:30px 0; color:var(--mut); opacity:.7; }

/* App shell */
#app { display:grid; grid-template-columns:220px minmax(0,660px); gap:36px; justify-content:center; max-width:1020px; margin:0 auto; padding:34px 28px; min-height:100dvh; }
.main-col { grid-column:2; min-width:0; width:100%; padding:0; }
#main { min-width:0; width:100%; }
.desktop-nav { top:32px; gap:5px; min-height:calc(100dvh - 68px); padding-right:12px; }
.desktop-nav .logo { padding:3px 13px 31px; margin:0; font-size:25px; letter-spacing:.015em; }
.logo .lg { font-family:'Bricolage Grotesque',system-ui,sans-serif; font-weight:800; }
.vy-brand-icon { display:block; width:28px; height:28px; object-fit:contain; flex:none; }
.v84-studio-brand .v84-studio-brand-mark { background:transparent; }
.v84-studio-brand-mark>.vy-brand-icon { width:100%; height:100%; }
.desktop-nav button { min-height:49px; padding:12px 15px; gap:14px; color:var(--mut); border-radius:13px; font-size:14px; font-weight:650; }
.desktop-nav button .icon { width:22px; height:22px; flex:none; }
.desktop-nav button:hover { background:var(--card); color:var(--ink); }
.desktop-nav button.on { color:var(--pri); background:var(--soft); box-shadow:none; font-weight:800; }
.desktop-nav .hub-nav-label { padding:28px 15px 11px; font-size:10px; letter-spacing:.12em; text-transform:uppercase; color:var(--mut); font-weight:750; }
.desktop-nav .vy-nav-create { background:var(--vy-brand); color:white; margin:25px 0 10px; justify-content:center; box-shadow:0 5px 15px color-mix(in srgb,var(--vy-brand) 15%,transparent); }
.desktop-nav .vy-nav-create:hover { background:var(--vy-brand); color:white; }
.vy-nav-foot { margin-top:auto; padding:28px 14px 6px; color:var(--mut); font-size:11px; }
.vy-nav-foot span { display:block; font-size:10px; margin-top:4px; opacity:.75; }
.top-bar { position:fixed; top:28px; right:22px; gap:8px; background:var(--card); border:1px solid var(--line); border-radius:16px; padding:6px; box-shadow:var(--vy-shadow); z-index:50; }
.top-bar button { width:38px; height:38px; min-height:38px; border:0; border-radius:10px; background:none; color:var(--mut); }
.top-bar button:hover,.top-bar button.on { background:var(--soft); color:var(--pri); }
.top-bar .top-bar-icons { gap:2px!important; }
.top-bar i { font-size:9px; min-width:17px; height:17px; line-height:13px; top:1px; right:0; padding:0 3px; border:2px solid var(--card); }
.vy-desktop-aside { display:none; }
.vy-aside-profile { display:flex; align-items:center; gap:12px; padding:0 2px 25px; }
.vy-aside-profile .av { width:45px; height:45px; }
.vy-aside-profile>div { flex:1; min-width:0; }
.vy-aside-profile b { display:block; font-size:13px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.vy-aside-profile small { font-size:11px; color:var(--mut); }
.vy-aside-profile button { padding:8px; font-size:11px; }
.vy-aside-card { border:1px solid var(--line); border-radius:20px; padding:22px; background:var(--card); margin-bottom:18px; }
.vy-aside-card h3 { font-size:22px; margin:14px 0 10px; }
.vy-aside-card p { color:var(--mut); font-size:12px; line-height:1.7; margin:0 0 18px; }
.vy-aside-card>button { width:100%; }
.vy-aside-icon { width:39px; height:39px; display:grid; place-items:center; border-radius:13px; color:var(--pri); background:var(--soft); }
.vy-aside-links { display:flex; flex-direction:column; gap:3px; }
.vy-aside-links button { text-align:left; justify-content:flex-start; gap:11px; font-size:12px; }
.vy-aside-label { color:var(--mut); font-size:10px; letter-spacing:.12em; text-transform:uppercase; margin:23px 12px 10px; font-weight:750; }
.vy-aside-footer { font-size:10px; color:var(--mut); line-height:1.9; padding:17px 12px; }
@media(min-width:1280px) {
  #app { grid-template-columns:210px minmax(0,640px) 260px; gap:36px; max-width:1290px; }
  .vy-desktop-aside { display:block; grid-column:3; position:sticky; align-self:start; top:104px; margin-top:75px; }
  .top-bar { right:max(28px,calc((100vw - 1234px)/2)); }
}
@media(min-width:761px) and (max-width:1279px) {
  .top-bar { top:auto; bottom:24px; right:22px; }
}

/* Home: stories, publisher and the content feed */
.vy-page-heading { display:flex; align-items:center; justify-content:space-between; gap:14px; margin:0 0 24px; }
.vy-page-heading h1 { font-size:32px; margin:0 0 6px; }
.vy-page-heading p { margin:0; font-size:13px; color:var(--mut); }
.vy-heading-action { display:flex; align-items:center; gap:8px; border:1px solid var(--line); background:var(--card); color:var(--ink); padding:10px 13px; font-size:12px; }
.vy-heading-action .icon { width:17px; height:17px; }
.v6-pulse-strip { margin:0 0 19px; gap:8px; padding:0 0 1px; }
.v6-pulse-chip { font-size:11px; padding:8px 12px; min-height:35px; border-radius:10px; box-shadow:none; color:var(--mut); background:var(--card); }
.v6-pulse-chip.primary { color:var(--pri); background:var(--soft); border-color:color-mix(in srgb,var(--pri) 18%,var(--line)); }
.v6-pulse-chip .icon { width:15px; height:15px; }
.v83-home-stories { padding:20px 18px 13px; margin:0 0 20px; border:1px solid var(--line); border-radius:22px; background:var(--card); }
.v83-home-stories .stories { gap:18px; padding:0 0 5px; margin:0; }
.story { width:68px; gap:8px; min-height:0; font-family:inherit; }
.story i { font-size:11px; font-weight:600; }
.ring { padding:2px; background:linear-gradient(140deg,#8b74f7,#c4a1f4 60%,#e7b593); }
.ring .av { width:58px; height:58px; border:3px solid var(--card); }
.ring.add { background:var(--line); }
.ring.seen { background:var(--line); }
.v83-home-composer { background:var(--card); border:1px solid var(--line); border-radius:20px; padding:18px; margin:0 0 22px; box-shadow:var(--vy-shadow); }
.v83-composer-top { gap:12px; align-items:center; }
.v83-composer-top>.av { width:40px; height:40px; }
.v83-composer-top textarea { min-height:55px; height:55px; max-height:160px; border:0; background:var(--vy-surface-2); padding:15px; font-size:13px; border-radius:12px; resize:vertical; }
.v83-composer-tools { display:flex; flex-wrap:wrap; align-items:center; gap:4px; padding:13px 0 0; border-top:0; margin:0; }
.v83-tool-btn { display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:38px; padding:8px 9px; border:0; border-radius:9px; background:none; color:var(--mut); font-size:11px; font-weight:650; cursor:pointer; }
.v83-tool-btn .icon { width:17px; height:17px; color:var(--pri); }
.v83-tool-btn:hover { background:var(--soft); color:var(--pri); }
.v83-publish { min-height:38px; padding:9px 15px; border-radius:10px; font-size:12px; }
.v83-composer-advanced { border-top:1px solid var(--line); margin-top:14px; padding-top:12px; }
.v83-composer-advanced summary { color:var(--mut); font-size:11px; font-weight:650; cursor:pointer; width:max-content; }
.vy-composer-options { display:flex; align-items:center; gap:14px; margin-top:12px; }
.vy-composer-options input { min-width:0; width:180px; padding:9px 12px!important; font-size:12px!important; }
.vy-composer-options .mut { font-size:11px; }
.v83-feed-tabs { display:flex!important; align-items:center; gap:6px; border:0; border-bottom:1px solid var(--line); margin:0 0 20px!important; padding:0!important; background:transparent; border-radius:0; }
.v83-feed-tabs button { background:none; color:var(--mut); font-size:13px; font-weight:650; min-height:48px; padding:12px 17px; border-radius:0; border:0; border-bottom:2px solid transparent; margin-bottom:-1px; }
.v83-feed-tabs button.on { color:var(--ink)!important; background:none!important; border-bottom-color:var(--pri); font-weight:800; box-shadow:none; }
.v83-feed-list { gap:24px; }
.v83-post { border:1px solid var(--line); border-radius:22px!important; background:var(--card); box-shadow:var(--vy-shadow); overflow:hidden; margin:0; padding:0; }
.v83-post-head { padding:18px 20px 12px; gap:12px; align-items:center; }
.v83-post-head>.av { width:42px; height:42px; }
.v83-post-name b { font-size:13px; font-weight:800; }
.v83-post-name .icon { width:15px; height:15px; }
.v83-post-meta { gap:6px; font-size:10px; color:var(--mut); line-height:1.55; margin-top:2px; }
.v83-own-actions { display:flex; gap:1px; }
.v83-own-actions button { padding:7px; min-height:34px; }
.v83-own-actions .icon { width:16px; height:16px; }
.v83-post-caption { font-size:13px; line-height:1.75; padding:0 20px 17px; margin:0; color:var(--ink); }
.v83-post-image { display:block; margin:0; width:100%; max-height:680px; object-fit:cover; border-radius:0; background:var(--vy-surface-2); }
.v83-video-shell { border-radius:0; background:#101116; min-height:240px; }
.v83-video-shell video { max-height:680px; }
.v83-video-play { background:rgba(255,255,255,.94); color:#171923; border:1px solid rgba(255,255,255,.5); box-shadow:0 5px 20px rgba(0,0,0,.15); width:54px; height:54px; min-height:54px; }
.v83-post-actions { padding:9px 13px; margin:0; gap:4px; border-top:0; }
.v83-post-actions button { min-height:42px; padding:9px 10px; color:var(--mut); gap:7px; border-radius:10px; }
.v83-post-actions button .icon { width:21px; height:21px; }
.v83-post-actions button span { font-size:11px; font-weight:700; }
.v83-post-actions button.on { color:var(--like); }
.v83-post-actions .post-save.on { color:var(--pri); }
.v83-report { opacity:.65; }
.v83-post .cms { padding:16px 20px; }
.v8-carousel { border-radius:0; }
.v8-carousel-track img,.v8-carousel-track video { border-radius:0; }
.v83-audio { padding:0 20px 15px; }
.v83-audio audio { width:100%; }
.notes-shell { border:1px solid var(--line)!important; background:var(--card)!important; border-radius:20px!important; box-shadow:none!important; }
#notes-container.notes-bar { padding:4px 0 0; min-height:0; display:block; overflow:visible; }
.v82-notes-bar { padding:0; gap:10px; border:0; background:none; border-radius:0; box-shadow:none; }
.v82-my-note,.v82-note-peek { border-radius:14px; background:var(--vy-surface-2); padding:12px; border:1px solid var(--line); }
.v82-my-note p,.v82-note-peek p { font-size:12px; line-height:1.5; }
.v82-notes-open { border-radius:12px; color:var(--pri); background:var(--soft); }
.v82-notes-open { background:var(--soft)!important; color:var(--pri)!important; }
.v3-tabs button.on,.v2-chip.on { background:var(--soft); color:var(--pri); border-color:var(--line); }

/* Discovery and the feature library */
body[data-route=exp] #main>.v2-head h2 { font-size:34px; }
body[data-route=exp] #main>form.row { gap:10px; background:var(--card); padding:9px; border:1px solid var(--line); border-radius:16px; margin-bottom:16px!important; }
body[data-route=exp] #q { background:transparent; border:0; padding:10px; }
body[data-route=exp] #sbtn { border-radius:10px; }
.v2-grid,.v5-grid,.v6-grid,.v7-grid,.v8-grid { gap:14px; }
.v2-tile { border:1px solid var(--line); border-radius:18px; background:var(--card); padding:20px; gap:15px; min-height:104px; }
.tile-icon,.v2-tile .tile-icon { background:var(--soft); color:var(--pri); border:0; border-radius:12px; width:42px; height:42px; flex:none; display:grid; place-items:center; }
.v2-tile b { font-size:14px; }
.v2-tile small { font-size:12px; line-height:1.6; color:var(--mut); }
.v82-hub-hero { background:var(--card); border:1px solid var(--line); border-radius:24px; padding:27px; box-shadow:var(--vy-shadow); margin-bottom:26px; }
.v82-hub-hero h2 { font-size:34px; line-height:1.12; margin:12px 0; }
.v82-hub-hero>p { font-size:13px; line-height:1.75; max-width:470px; color:var(--mut); margin:0 0 23px; }
.v82-featured { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.v82-feature { border:1px solid var(--line); background:var(--vy-surface-2); border-radius:15px; padding:15px; gap:12px; min-width:0; cursor:pointer; }
.v82-feature:hover { border-color:color-mix(in srgb,var(--pri) 35%,var(--line)); }
.v82-feature h3 { font-size:14px; margin:0 0 4px; }
.v82-feature p { font-size:11px; line-height:1.6; color:var(--mut); margin:0; }
.v82-feature-icon { width:34px; height:34px; color:var(--pri); border-radius:10px; background:var(--soft); flex:none; }
.v82-menu-section { margin:27px 0; }
.v82-menu-section h3 { font-size:18px; margin-bottom:14px; }
.v82-menu { display:grid; grid-template-columns:1fr; gap:0; border:1px solid var(--line); border-radius:18px; overflow:hidden; background:var(--card); }
.v82-hub [hidden] { display:none!important; }
#vy-hub-search { margin:0 0 20px; min-height:48px; background:var(--vy-surface-2); }
#vy-hub-empty { padding:20px; text-align:center; color:var(--mut); }
.v83-publish { background:var(--vy-brand)!important; color:#fff!important; }
.v82-menu-row { padding:16px 18px; background:var(--card); border-bottom:1px solid var(--line); gap:14px; min-height:76px; }
.v82-menu-row:last-child { border-bottom:0; }
.v82-menu-row:hover { background:var(--vy-surface-2); }
.v82-menu-row b { font-size:13px; }
.v82-menu-row small,.v82-menu-row span { font-size:12px; color:var(--mut); }
.v82-menu-icon { border-radius:12px; background:var(--soft); color:var(--pri); width:39px; height:39px; }
.v5-hero,.v6-hero,.v7-hero,.v8-hero { border:1px solid var(--line); border-radius:24px; padding:28px; background:var(--card); color:var(--ink); box-shadow:var(--vy-shadow); margin-bottom:22px; }
.v5-hero h2,.v6-hero h2,.v7-hero h2,.v8-hero h2 { font-size:30px; margin:12px 0; }
.v5-hero p,.v6-hero p,.v7-hero p,.v8-hero p { color:var(--mut); font-size:13px; line-height:1.75; }
.v6-sync-hero { background:var(--card); padding-top:40px; min-height:230px; }
.v6-sync-logo { font-size:38px; letter-spacing:-.05em; color:var(--ink); }
.v6-sync-orb { opacity:.5; width:170px; height:170px; right:-30px; top:-35px; box-shadow:none; }
.v8-stat,.v6-countdown { letter-spacing:-.05em; }

/* Mobile chrome uses safe areas without adding a second artificial inset. */
@media(max-width:760px) {
  #app { display:block; padding:0; margin:0; min-height:100dvh; max-width:none; }
  .desktop-nav,.vy-desktop-aside { display:none!important; }
  .top-bar { position:fixed; top:0; bottom:auto; left:0; right:0; border:0; border-bottom:1px solid var(--line); border-radius:0; padding:calc(10px + env(safe-area-inset-top,0px)) 17px 10px; min-height:64px; background:var(--card); box-shadow:none; display:flex; align-items:center; justify-content:space-between; z-index:999; }
  .top-bar .mobile-logo { display:flex; font-size:21px; margin:0; padding:0; }
  .mobile-logo .lg { gap:7px!important; }
  .mobile-logo .lg>svg { width:26px; height:26px; }
  .mobile-logo .lg>.vy-brand-icon { width:26px; height:26px; }
  .top-bar button { width:44px; height:44px; min-height:44px; padding:10px; }
  .top-bar .icon { width:20px; height:20px; }
  .top-bar .top-bar-icons { gap:1px!important; }
  .main-col { padding:calc(86px + env(safe-area-inset-top,0px)) 16px calc(88px + env(safe-area-inset-bottom,0px)); width:100%; }
  .mobile-bottom-nav.v6-bottom-nav { display:grid!important; grid-template-columns:repeat(5,minmax(0,1fr))!important; position:fixed; bottom:0; left:0; right:0; border:0; border-top:1px solid var(--line); border-radius:0; box-shadow:0 -5px 24px rgba(0,0,0,.025); background:var(--card); padding:7px 7px calc(8px + env(safe-area-inset-bottom,0px)); gap:3px; z-index:999; align-items:center; justify-content:space-between; }
  .mobile-bottom-nav button { flex:1; width:100%; min-width:0; height:48px; min-height:48px; border-radius:11px; gap:5px; padding:5px 1px; font-size:10px; font-weight:650; color:var(--mut); line-height:1.2; background:none; }
  .mobile-bottom-nav button .icon { width:22px; height:22px; }
  .mobile-bottom-nav button.on { background:var(--soft); color:var(--pri); font-weight:800; }
  .mobile-bottom-nav .v6-sync-nav-btn { color:var(--mut)!important; }
  .mobile-bottom-nav .v6-sync-nav-btn.on { color:var(--pri)!important; }
  .v6-bottom-nav .v6-sync-nav-orb { width:22px!important; height:22px!important; min-height:0; margin:0!important; border-radius:0; background:none!important; box-shadow:none!important; color:currentColor; }
  .v6-bottom-nav .v6-sync-nav-orb .icon { width:22px!important; height:22px!important; }
  .v6-sync-nav-btn>span:last-child { font-size:10px; font-weight:750; margin:0; letter-spacing:0; }
  .vy-page-heading { margin-bottom:20px; }
  .vy-page-heading h1 { font-size:27px; margin-bottom:4px; }
  .vy-page-heading p { font-size:11px; }
  .vy-heading-action { font-size:11px; min-height:38px; padding:9px 11px; }
  .v6-pulse-strip { margin-bottom:16px; gap:7px; }
  .v6-pulse-chip { padding:7px 10px; font-size:10px; min-height:32px; }
  .v83-home-stories { padding:15px 12px 12px; margin-bottom:16px; border-radius:18px; }
  .v83-home-stories .stories { gap:11px; }
  .story { width:62px; }
  .ring .av { width:54px; height:54px; }
  .v83-home-composer { padding:14px!important; border-radius:18px; margin-bottom:16px; }
  .v83-composer-top textarea { font-size:12px; padding:13px; }
  .v83-composer-top>.av { width:35px; height:35px; }
  .v83-composer-tools { gap:3px; padding-top:11px; }
  .v83-tool-btn { min-height:36px; padding:7px 7px; font-size:10px; gap:5px; }
  .v83-tool-btn .icon { width:16px; height:16px; }
  .v83-composer-spacer { display:none; }
  .v83-composer-advanced { display:block!important; }
  .v83-publish { margin-left:auto; min-height:36px; font-size:11px; padding:8px 12px; }
  .v83-feed-tabs { margin-bottom:16px; }
  .v83-feed-tabs button { min-height:45px; padding:11px 14px; font-size:12px; }
  .v83-feed-list { gap:18px; }
  .v83-post { border-radius:18px!important; }
  .v83-post-head { padding:15px 15px 11px; gap:10px; }
  .v83-post-head>.av { width:38px; height:38px; }
  .v83-post-name b { font-size:13px; }
  .v83-post-meta { font-size:11px; gap:4px; }
  .v83-post-caption { padding:0 15px 14px; font-size:14px; line-height:1.65; }
  .v83-post-actions { padding:7px 8px; gap:0; }
  .v83-post-actions button { padding:8px; min-height:40px; gap:5px; }
  .v83-post-actions button .icon { width:20px; height:20px; }
  .v83-post-actions button span { font-size:10px; }
  .v83-post-image { max-height:560px; }
  .v83-video-shell { min-height:190px; }
  .v83-post .cms { padding:14px; }
  .notes-shell { padding:14px!important; }
  .notes-shell-head { margin-bottom:12px; }
  .v82-notes-bar { display:flex; overflow-x:auto; align-items:stretch; gap:9px; scrollbar-width:thin; padding-bottom:5px; }
  .v82-note-strip { display:contents; }
  .v82-my-note,.v82-note-peek { flex:0 0 138px; min-width:138px; min-height:110px; max-width:138px; }
  .v82-my-note p { margin-top:9px; font-size:12px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
  .v82-my-note-top .av { width:30px; height:30px; }
  .v82-my-note b { font-size:12px; }
  .v82-notes-open { flex:0 0 88px; min-width:88px; }
  .card,.v2-panel,.v4-card,.v5-card,.v6-card,.v7-card,.v8-card { padding:18px; border-radius:18px; }
  .v2-head h2,.v82-subhead h2,body[data-route=exp] #main>.v2-head h2 { font-size:28px; }
  .v2-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .v2-tile { padding:15px; border-radius:16px; min-height:120px; display:flex; flex-direction:column; align-items:flex-start; gap:12px; }
  .v2-tile .tile-icon { width:35px; height:35px; }
  .v2-tile b { font-size:13px; }
  .v2-tile small { font-size:11px; }
  .v82-hub-hero { padding:22px; border-radius:20px; }
  .v82-hub-hero h2 { font-size:29px; }
  .v82-featured { gap:8px; }
  .v82-feature { padding:12px; display:flex; flex-direction:column; align-items:flex-start; gap:10px; border-radius:13px; }
  .v82-feature h3 { font-size:13px; }
  .v82-feature p { font-size:10px; line-height:1.65; }
  .v82-menu-row { padding:15px; min-height:73px; }
  .v5-hero,.v6-hero,.v7-hero,.v8-hero { padding:23px; border-radius:20px; }
  .v5-hero h2,.v6-hero h2,.v7-hero h2,.v8-hero h2 { font-size:26px; }
  .ar-footer { padding:23px 0 0; }
  .toast { bottom:calc(85px + env(safe-area-inset-bottom,0px)); border-radius:12px; font-size:12px; padding:12px 17px; }
  body.chat-active .main-col { padding:0; }
  body[data-route=parati] .main-col { padding-top:env(safe-area-inset-top,0px); }
}
@media(max-width:359px) {
  .main-col { padding-inline:12px; }
  .top-bar { padding-inline:12px; }
  .mobile-logo { font-size:19px!important; }
  .top-bar button { width:40px; }
  .v83-tool-btn { padding-inline:6px; }
  .v83-tool-btn span { font-size:9px; }
}
@media(prefers-reduced-motion:reduce) {
  *,*::before,*::after { scroll-behavior:auto!important; animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; }
}