/* AVERA 0.7.3 · rev235 · stage 4 «Жесты и атмосфера». Styles for avera-atmosphere.js. */

/* Week: the leaving day is an inert copy pinned where it was, under the header and the dock. */
.av-day-ghost{position:fixed!important;z-index:1;margin:0!important;pointer-events:none;box-sizing:border-box;will-change:transform,opacity}
.av-day-ghost *{animation:none!important;transition:none!important}
/* the arriving / dragged day travels past the screen edge; clip it so the page never gains horizontal overflow
   (no scroll container: vertical scroll and sticky parts are unaffected) */
#mobileContent:has([data-aw-surface]){overflow-x:clip}
/* The day capsule slides along the rail (avera-space.js capsule). */
.aw-days.av-cap-host [data-aw-day]{position:relative;z-index:1}

/* Theme C «Смена суток»: the new theme is revealed by a static feathered mask (300 % tall) that moves; the old one dims.
   Darkness descends from the top, light rises from the bottom. The edge is ~26 % of the screen. */
html.av-theme-c::view-transition-image-pair(root){isolation:isolate}
html.av-theme-c::view-transition-old(root){animation:720ms cubic-bezier(.4,0,.2,1) both av-theme-c-old}
html.av-theme-c::view-transition-new(root){animation:720ms cubic-bezier(.4,0,.2,1) both av-theme-c-down;
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 45.6%,transparent 54.4%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 45.6%,transparent 54.4%,transparent 100%);
  -webkit-mask-size:100% 300%;mask-size:100% 300%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
html.av-theme-c[data-av-theme-to="light"]::view-transition-new(root){animation-name:av-theme-c-up;
  -webkit-mask-image:linear-gradient(to top,#000 0%,#000 45.6%,transparent 54.4%,transparent 100%);mask-image:linear-gradient(to top,#000 0%,#000 45.6%,transparent 54.4%,transparent 100%)}
@keyframes av-theme-c-down{from{-webkit-mask-position:0 82%;mask-position:0 82%}to{-webkit-mask-position:0 18%;mask-position:0 18%}}
@keyframes av-theme-c-up{from{-webkit-mask-position:0 18%;mask-position:0 18%}to{-webkit-mask-position:0 82%;mask-position:0 82%}}
@keyframes av-theme-c-old{to{filter:brightness(.92)}}

/* RC2 · «Глубина» between sections: the frozen old page, the dim between layers; nothing scrolls sideways meanwhile */
.av-depth-ghost{position:fixed;inset:0;overflow:hidden;pointer-events:none;background:var(--av-bg-app);transform-origin:50% 40%}
.av-depth-ghost.is-top{box-shadow:-18px 0 36px -18px #0007}
.av-depth-dim{position:fixed;inset:0;background:#05141a;opacity:0;pointer-events:none}
.av-depth-page{position:relative;background:var(--av-bg-app);box-shadow:-18px 0 36px -18px #0007;min-height:100vh;transform-origin:50% 40%}
html.av-depth-on,html.av-depth-on body{overflow-x:clip;overflow-anchor:none}  /* RC3: no scroll anchoring while the page and its frozen copy swap */
html.av-depth-on{scroll-behavior:auto!important}  /* RC3: a smooth scroll in flight would leave the new page a pixel low */

/* RC2 · «О приложении» — B «Материал» (the user's choice): tactile slabs on a pressed well; the overlay animates itself
   (data-av-layer="off"), so its own old entrance animations are switched off here */
html body #aboutOverlay.av-material{padding:0!important;align-items:stretch!important;justify-content:stretch!important;overflow:hidden!important;background:var(--av-well,#e3ecf0)!important;animation:none!important}
html body #aboutOverlay.av-material.av-about-leaving{display:flex!important;pointer-events:none}
html body #aboutOverlay.av-material>.av-about-shell{position:relative!important;width:100%!important;max-width:none!important;height:100%!important;max-height:none!important;margin:0!important;padding:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:hidden!important;animation:none!important;transform:none}
#aboutOverlay.av-material .am-scroll{position:absolute;inset:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:none;padding:max(64px,calc(env(safe-area-inset-top) + 56px)) 14px calc(28px + env(safe-area-inset-bottom));perspective:900px;box-sizing:border-box}
#aboutOverlay.av-material .am-scroll::-webkit-scrollbar{display:none}
#aboutOverlay.av-material .am-scroll>*{max-width:640px;margin-left:auto;margin-right:auto}
#aboutOverlay.av-material .am-grab{position:absolute;top:calc(10px + env(safe-area-inset-top));left:50%;width:42px;height:5px;border-radius:3px;background:var(--av-text-secondary);opacity:.35;transform:translateX(-50%);z-index:3}
html body #aboutOverlay.av-material .am-close{position:absolute!important;top:calc(14px + env(safe-area-inset-top))!important;right:calc(14px + env(safe-area-inset-right))!important;left:auto!important;z-index:4!important}
#aboutOverlay.av-material .am-slab{display:block;width:100%;box-sizing:border-box;background:var(--av-surface-elevated,#fff);color:var(--av-text-primary);border-radius:24px;padding:18px;margin-bottom:12px;border:0;text-align:left;font:inherit;box-shadow:0 1px 0 #fff8 inset,0 12px 24px -16px #1f3e4a55,0 2px 4px -2px #1f3e4a22;transform-origin:50% 100%}
html[data-theme="dark"] #aboutOverlay.av-material .am-slab{box-shadow:0 1px 0 #ffffff12 inset,0 14px 26px -14px #000a,0 2px 4px -2px #0006}
#aboutOverlay.av-material .am-brand{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center}
#aboutOverlay.av-material .am-tile{width:86px;height:86px;border-radius:24px;overflow:hidden;background:#0b6a70;box-shadow:inset 0 2px 3px #fff6,inset 0 -3px 6px #0003,0 10px 18px -10px #0b4b5288}
#aboutOverlay.av-material .am-tile img{width:100%;height:100%;display:block}
#aboutOverlay.av-material .am-brand h2{margin:0;font-size:30px;font-weight:800;letter-spacing:-.03em;line-height:1}
#aboutOverlay.av-material .am-brand p{margin:6px 0 0;color:var(--av-text-secondary);font-size:12.5px;line-height:1.4}
#aboutOverlay.av-material .am-tagline{font-size:22px;font-weight:300;letter-spacing:-.02em;line-height:1.15;margin:16px 0 0}
#aboutOverlay.av-material .am-tagline b{font-weight:780}
#aboutOverlay.av-material .am-lead{margin:6px 0 0;color:var(--av-text-secondary);font-size:13px;line-height:1.5}
#aboutOverlay.av-material .am-chips{display:flex;gap:6px;margin-top:14px;flex-wrap:wrap}
#aboutOverlay.av-material .am-chip{border:0;border-radius:11px;padding:8px 12px;font:650 12px/1.2 var(--av-font-sans);color:var(--av-text-primary);background:var(--av-well);box-shadow:inset 0 2px 4px #0002;cursor:pointer;min-height:36px}
#aboutOverlay.av-material .am-ver{color:var(--av-accent-strong)}
#aboutOverlay.av-material .am-h{margin:0 0 10px;font-size:12px;font-weight:760;letter-spacing:.12em;text-transform:uppercase;color:var(--av-text-secondary)}
#aboutOverlay.av-material .am-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#aboutOverlay.av-material .am-cell{background:var(--av-surface-1);border-radius:16px;padding:12px;box-shadow:inset 0 1px 0 #fff6,0 3px 8px -5px #1f3e4a55;outline:none}
html[data-theme="dark"] #aboutOverlay.av-material .am-cell{box-shadow:inset 0 1px 0 #ffffff10,0 3px 8px -5px #000a}
#aboutOverlay.av-material .am-cell b{display:block;font-size:13.5px;font-weight:700;line-height:1.25}
#aboutOverlay.av-material .am-cell p{margin:4px 0 0;font-size:12px;color:var(--av-text-secondary);line-height:1.4}
#aboutOverlay.av-material .am-fold{width:100%;display:flex;align-items:center;gap:12px;border:0;background:transparent;padding:0;font:700 15px/1.3 var(--av-font-sans);color:var(--av-text-primary);cursor:pointer;text-align:left}
#aboutOverlay.av-material .am-knob{margin-left:auto;width:30px;height:30px;border-radius:50%;background:var(--av-well);box-shadow:inset 0 2px 4px #0003;display:grid;place-items:center;flex:none;transition:transform .36s cubic-bezier(.34,1.56,.64,1)}
#aboutOverlay.av-material [aria-expanded="true"] .am-knob{transform:rotate(90deg)}
#aboutOverlay.av-material .am-knob svg{width:14px;height:14px}
#aboutOverlay.av-material .ap-fold-inner{padding-top:12px;display:grid;gap:10px}
#aboutOverlay.av-material .ap-fold-inner p{margin:0;font-size:13.5px;line-height:1.6;color:var(--av-text-primary)}
#aboutOverlay.av-material .am-bricks{display:flex;justify-content:center;padding:4px 0}
#aboutOverlay.av-material .am-brick{border-radius:14px;padding:10px 16px;font-weight:820;font-size:26px;letter-spacing:-.02em;background:var(--av-surface-1);box-shadow:inset 0 1px 0 #fff8,0 6px 12px -8px #1f3e4a77;display:grid;justify-items:center;line-height:1}
#aboutOverlay.av-material .am-brick small{font-size:9.5px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--av-text-secondary);margin-top:5px}
#aboutOverlay.av-material .am-ra{background:var(--av-accent-strong);color:#fff}
#aboutOverlay.av-material .am-ra small{color:#d9fbf6}
#aboutOverlay.av-material .am-author .aa-eyebrow{display:block;font-size:12px;font-weight:760;letter-spacing:.12em;text-transform:uppercase;color:var(--av-text-secondary);margin-bottom:8px}
#aboutOverlay.av-material .am-author h3{margin:0;font-size:17px;font-weight:720;line-height:1.3}
#aboutOverlay.av-material .am-author p{margin:4px 0 0;color:var(--av-text-secondary);font-size:13px}
#aboutOverlay.av-material .am-links-slab .aa-links{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#aboutOverlay.av-material .am-links-slab .aa-link{display:flex;gap:10px;align-items:center;padding:12px;border-radius:16px;background:var(--av-surface-1);color:var(--av-text-primary);text-decoration:none;box-shadow:inset 0 1px 0 #fff6,0 3px 8px -5px #1f3e4a55;min-width:0}
#aboutOverlay.av-material .am-links-slab .aa-link .aa-icon svg{width:20px;height:20px;color:var(--av-accent-strong)}
#aboutOverlay.av-material .am-links-slab .aa-link b{display:block;font-size:14px}
#aboutOverlay.av-material .am-links-slab .aa-link small{display:block;font-size:11.5px;color:var(--av-text-secondary)}
#aboutOverlay.av-material .am-like{display:flex;align-items:center;gap:12px;cursor:pointer;min-height:76px}
#aboutOverlay.av-material .am-heart{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#f6dfe3;color:#b13a4d;flex:none}
html[data-theme="dark"] #aboutOverlay.av-material .am-heart{background:#3a2529;color:#ff9b93}
#aboutOverlay.av-material .am-heart svg{width:22px;height:22px}
#aboutOverlay.av-material .am-like.liked .am-heart svg path{fill:currentColor}
#aboutOverlay.av-material .am-like .aa-like-copy{min-width:0}
#aboutOverlay.av-material .am-like b{display:block;font-size:14.5px}
#aboutOverlay.av-material .am-like small{display:block;font-size:11.5px;color:var(--av-text-secondary)}
#aboutOverlay.av-material .am-like .aa-like-count{margin-left:auto;font-size:22px;font-weight:760;font-variant-numeric:tabular-nums}
#aboutOverlay.av-material .about-like-status{min-height:0;font-size:12px;color:var(--av-text-secondary);text-align:center;margin:-4px 0 8px}
#aboutOverlay.av-material .am-foot{text-align:center;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--av-text-secondary);padding:6px 0 10px;margin:0}
@media (max-width:340px){#aboutOverlay.av-material .am-grid,#aboutOverlay.av-material .am-links-slab .aa-links{grid-template-columns:1fr}#aboutOverlay.av-material .am-tile{width:68px;height:68px;border-radius:20px}}
/* RC2 · «Материал»: the previous about window styled .aa-build / .aa-feature / buttons inside #aboutOverlay; reset them here */
html body #aboutOverlay.av-material .am-chips>.am-chip{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 12px;border-radius:11px;font:650 12px/1.2 var(--av-font-sans);color:var(--av-text-primary);background:var(--av-well);box-shadow:inset 0 2px 4px #0002;cursor:pointer;position:static;transform:none}
html body #aboutOverlay.av-material .am-chips>.am-chip.am-ver{color:var(--av-accent-strong)}
html body #aboutOverlay.av-material .am-chips>.am-chip:focus-visible{outline:2px solid var(--av-accent);outline-offset:2px}
html body #aboutOverlay.av-material .am-grid>.am-cell{display:block!important;margin:0!important;padding:12px!important;min-height:0!important;gap:0!important;border:0!important;background:var(--av-surface-1)!important;border-radius:16px!important}
html body #aboutOverlay.av-material .am-grid>.am-cell b{display:block;margin:0!important;font-size:13.5px!important;line-height:1.25!important}
html body #aboutOverlay.av-material .am-grid>.am-cell p{margin:4px 0 0!important;font-size:12px!important;line-height:1.4!important}
html body #aboutOverlay.av-material .am-chips{display:flex!important;justify-content:flex-start!important;align-items:center!important;gap:6px!important;margin-top:14px!important}
html body #aboutOverlay.av-material .am-chips>.am-chip{display:inline-flex!important;position:static!important;margin:0!important;width:auto!important;height:auto!important;min-width:0!important;min-height:36px!important;padding:8px 12px!important;border:0!important;border-radius:11px!important;font:650 12px/1.2 var(--av-font-sans)!important;letter-spacing:0!important;text-transform:none!important;color:var(--av-text-primary)!important;background:var(--av-well)!important;box-shadow:inset 0 2px 4px #0002!important;transform:none!important;opacity:1!important}
html body #aboutOverlay.av-material .am-chips>.am-chip.am-ver{color:var(--av-accent-strong)!important}
html body #aboutOverlay.av-material .am-fold.ap-fold-trigger{display:flex!important;min-height:30px!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;width:100%!important;font:700 15px/1.3 var(--av-font-sans)!important;color:var(--av-text-primary)!important}
html body #aboutOverlay.av-material .am-slab.ap-accordion{padding:16px 18px!important}
html body #aboutOverlay.av-material .am-chips>.am-chip::before,html body #aboutOverlay.av-material .am-chips>.am-chip::after{content:none!important;display:none!important}
html body #aboutOverlay#aboutOverlay.av-material .am-chips>.am-chip{margin:0!important;align-self:center!important}

/* RC3 · «Материал»: one centred column on every width (the old window's !important rules zeroed the side margins of some
   slabs, which broke the column into a «chessboard» on wide screens) — the grid places every child, margins are not used */
html body #aboutOverlay#aboutOverlay.av-material .am-scroll{display:grid!important;grid-template-columns:minmax(0,680px)!important;justify-content:center!important;align-content:start!important;row-gap:12px!important;column-gap:0!important}
html body #aboutOverlay#aboutOverlay.av-material .am-scroll>*{grid-column:1!important;width:100%!important;max-width:none!important;margin:0!important;float:none!important;justify-self:stretch!important;box-sizing:border-box!important}
html body #aboutOverlay#aboutOverlay.av-material .am-scroll>.am-slab{background:var(--av-surface-elevated)!important;color:var(--av-text-primary)!important;border:0!important;border-radius:24px!important;padding:18px!important;box-shadow:0 1px 0 #fff8 inset,0 12px 24px -16px #1f3e4a55,0 2px 4px -2px #1f3e4a22!important}
html[data-theme="dark"] body #aboutOverlay#aboutOverlay.av-material .am-scroll>.am-slab{box-shadow:0 1px 0 #ffffff12 inset,0 14px 26px -14px #000a,0 2px 4px -2px #0006!important}
html body #aboutOverlay#aboutOverlay.av-material .am-scroll>.about-like-status:empty{display:none!important}
@media (min-width:900px){html body #aboutOverlay#aboutOverlay.av-material .am-scroll{padding-top:72px!important;padding-bottom:48px!important}}
/* author */
html body #aboutOverlay#aboutOverlay.av-material .am-author .aa-eyebrow{display:block;margin:0 0 8px;font-size:12px;font-weight:760;letter-spacing:.12em;text-transform:uppercase;color:var(--av-text-secondary)}
html body #aboutOverlay#aboutOverlay.av-material .am-author h3{margin:0!important;font-size:18px!important;font-weight:740!important;line-height:1.3!important;color:var(--av-text-primary)!important}
html body #aboutOverlay#aboutOverlay.av-material .am-author p{margin:4px 0 0!important;font-size:13px!important;color:var(--av-text-secondary)!important}
/* «Сообщество» и «Помощник»: two standalone tactile buttons, no shared substrate */
html body #aboutOverlay#aboutOverlay.av-material .am-links-row{background:none!important;padding:0!important;box-shadow:none!important;border:0!important}
html body #aboutOverlay#aboutOverlay.av-material .am-links-row .aa-links{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;margin:0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important}
html body #aboutOverlay#aboutOverlay.av-material .am-links-row .aa-link{position:relative;display:grid!important;grid-template-columns:44px 1fr 16px!important;align-items:center!important;gap:12px!important;min-height:78px!important;margin:0!important;padding:14px 14px 14px 16px!important;border:0!important;border-radius:22px!important;background:var(--av-surface-elevated)!important;color:var(--av-text-primary)!important;text-decoration:none!important;box-shadow:0 1px 0 #fff8 inset,0 10px 22px -16px #1f3e4a66,0 2px 4px -2px #1f3e4a22!important;transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s ease}
html[data-theme="dark"] body #aboutOverlay#aboutOverlay.av-material .am-links-row .aa-link{box-shadow:0 1px 0 #ffffff12 inset,0 12px 24px -14px #000a,0 2px 4px -2px #0006!important}
html body #aboutOverlay#aboutOverlay.av-material .am-links-row .aa-link::before,html body #aboutOverlay#aboutOverlay.av-material .am-links-row .aa-link::after{content:none!important;display:none!important}
html body #aboutOverlay#aboutOverlay.av-material .am-links-row .aa-link:active{transform:translateY(2px) scale(.985)}
html body #aboutOverlay#aboutOverlay.av-material .am-links-row .aa-link:focus-visible{outline:2px solid var(--av-accent)!important;outline-offset:3px!important}
html body #aboutOverlay#aboutOverlay.av-material .am-links-row .aa-link .aa-icon{width:44px!important;height:44px!important;border-radius:14px!important;display:grid!important;place-items:center!important;margin:0!important;background:var(--av-accent-soft)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--av-accent) 18%,transparent)!important;color:var(--av-accent-strong)!important}
html body #aboutOverlay#aboutOverlay.av-material .am-links-row .aa-link .aa-icon svg{width:21px!important;height:21px!important}
html body #aboutOverlay#aboutOverlay.av-material .am-links-row .aa-link>span:not(.aa-icon){min-width:0}
html body #aboutOverlay#aboutOverlay.av-material .am-links-row .aa-link b{display:block!important;font-size:15px!important;font-weight:720!important;line-height:1.25!important;color:var(--av-text-primary)!important}
html body #aboutOverlay#aboutOverlay.av-material .am-links-row .aa-link small{display:block!important;margin-top:2px!important;font-size:12px!important;line-height:1.3!important;color:var(--av-text-secondary)!important}
html body #aboutOverlay#aboutOverlay.av-material .am-links-row .aa-link::after{content:""!important;display:block!important;grid-column:3;width:9px;height:9px;border-top:2px solid var(--av-text-secondary);border-right:2px solid var(--av-text-secondary);transform:rotate(45deg);opacity:.6;justify-self:center}
@media (max-width:360px){html body #aboutOverlay#aboutOverlay.av-material .am-links-row .aa-links{grid-template-columns:1fr!important}}
/* «Нравится AVERA»: one composed call to action — heart medallion, words, the real count and your own mark */
html body #aboutOverlay#aboutOverlay.av-material .am-like{display:grid!important;grid-template-columns:52px minmax(0,1fr) auto!important;grid-template-areas:"heart copy meter" "heart mine meter"!important;align-items:center!important;column-gap:14px!important;row-gap:4px!important;min-height:88px!important;padding:16px 18px!important;text-align:left!important;cursor:pointer!important;background:linear-gradient(135deg,color-mix(in srgb,#d9566c 9%,var(--av-surface-elevated)),var(--av-surface-elevated) 62%)!important;box-shadow:0 1px 0 #fff8 inset,inset 0 0 0 1px color-mix(in srgb,#d9566c 16%,transparent),0 12px 24px -16px #6b2a3655,0 2px 4px -2px #1f3e4a22!important}
html[data-theme="dark"] body #aboutOverlay#aboutOverlay.av-material .am-like{background:linear-gradient(135deg,color-mix(in srgb,#ff8b9d 10%,var(--av-surface-elevated)),var(--av-surface-elevated) 62%)!important;box-shadow:0 1px 0 #ffffff12 inset,inset 0 0 0 1px #ff8b9d26,0 14px 26px -14px #000a!important}
html body #aboutOverlay#aboutOverlay.av-material .am-like .am-heart{grid-area:heart;width:52px!important;height:52px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:radial-gradient(circle at 35% 30%,#fff6,transparent 55%),color-mix(in srgb,#d9566c 16%,var(--av-surface-elevated))!important;color:#c23c55!important;box-shadow:inset 0 0 0 1px #d9566c33,0 6px 12px -8px #c23c5566!important}
html[data-theme="dark"] body #aboutOverlay#aboutOverlay.av-material .am-like .am-heart{background:radial-gradient(circle at 35% 30%,#ffffff1f,transparent 55%),#4a2a31!important;color:#ff9bac!important}
html body #aboutOverlay#aboutOverlay.av-material .am-like .am-heart svg{width:24px!important;height:24px!important}
html body #aboutOverlay#aboutOverlay.av-material .am-like.liked .am-heart svg path{fill:currentColor!important}
html body #aboutOverlay#aboutOverlay.av-material .am-like .aa-like-copy{grid-area:copy;min-width:0}
html body #aboutOverlay#aboutOverlay.av-material .am-like .aa-like-copy b{display:block!important;font-size:16px!important;font-weight:760!important;line-height:1.25!important;color:var(--av-text-primary)!important}
html body #aboutOverlay#aboutOverlay.av-material .am-like .aa-like-copy small{display:block!important;margin-top:2px!important;font-size:12.5px!important;line-height:1.35!important;color:var(--av-text-secondary)!important}
html body #aboutOverlay#aboutOverlay.av-material .am-like .am-like-meter{grid-area:meter;display:grid;justify-items:center;align-content:center;min-width:64px;padding:8px 10px;border-radius:16px;background:var(--av-well);box-shadow:inset 0 2px 4px #0002}
html body #aboutOverlay#aboutOverlay.av-material .am-like .am-like-meter .aa-like-count{margin:0!important;font-size:22px!important;font-weight:780!important;line-height:1!important;font-variant-numeric:tabular-nums;color:var(--av-text-primary)!important}
html body #aboutOverlay#aboutOverlay.av-material .am-like .am-like-meter small{margin-top:3px;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--av-text-secondary)}
html body #aboutOverlay#aboutOverlay.av-material .am-like .am-like-mine{grid-area:mine;display:none;justify-self:start;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:720;color:#a8344a;background:color-mix(in srgb,#d9566c 12%,transparent)}
html[data-theme="dark"] body #aboutOverlay#aboutOverlay.av-material .am-like .am-like-mine{color:#ffb3c0;background:#ff8b9d1f}
html body #aboutOverlay#aboutOverlay.av-material .am-like.liked .am-like-mine{display:inline-block}
html body #aboutOverlay#aboutOverlay.av-material .am-like:focus-visible{outline:2px solid var(--av-accent)!important;outline-offset:3px!important}
/* the name story: two volumetric pieces on the slab, a contact shadow, the joined word */
html body #aboutOverlay#aboutOverlay.av-material .am-name-scene{position:relative;display:grid;justify-items:center;gap:10px;padding:14px 0 6px;perspective:720px}
html body #aboutOverlay#aboutOverlay.av-material .am-bricks{display:flex!important;justify-content:center;gap:0;padding:0!important;transform-style:preserve-3d}
html body #aboutOverlay#aboutOverlay.av-material .am-brick{display:grid!important;justify-items:center;padding:14px 22px 12px!important;border-radius:18px!important;line-height:1!important;background:linear-gradient(180deg,color-mix(in srgb,#fff 55%,var(--av-surface-1)),var(--av-surface-1) 70%)!important;box-shadow:inset 0 1px 0 #fffc,inset 0 -3px 0 #0000000d,0 12px 18px -12px #1f3e4a77,0 2px 3px -2px #1f3e4a33!important;color:var(--av-text-primary)!important;backface-visibility:hidden}
html body #aboutOverlay#aboutOverlay.av-material .am-brick::before,html body #aboutOverlay#aboutOverlay.av-material .am-brick::after{content:none!important;display:none!important}
html body #aboutOverlay#aboutOverlay.av-material .am-ave{border-top-right-radius:6px!important;border-bottom-right-radius:6px!important}
html body #aboutOverlay#aboutOverlay.av-material .am-ra{border-top-left-radius:6px!important;border-bottom-left-radius:6px!important;margin-left:2px;background:linear-gradient(180deg,#22a49b,var(--av-accent-strong) 72%)!important;color:#fff!important;box-shadow:inset 0 1px 0 #ffffff59,inset 0 -3px 0 #0000001f,0 12px 18px -12px #0b4b52aa,0 2px 3px -2px #0b4b5266!important}
html[data-theme="dark"] body #aboutOverlay#aboutOverlay.av-material .am-brick{background:linear-gradient(180deg,#2c4551,#20343f 70%)!important;box-shadow:inset 0 1px 0 #ffffff1c,inset 0 -3px 0 #0000002e,0 14px 20px -12px #000c!important}
html[data-theme="dark"] body #aboutOverlay#aboutOverlay.av-material .am-ra{background:linear-gradient(180deg,#2fbcae,#18998d 72%)!important;color:#04221f!important}
html body #aboutOverlay#aboutOverlay.av-material .am-brick b{font-size:30px;font-weight:820;letter-spacing:-.02em}
html body #aboutOverlay#aboutOverlay.av-material .am-brick small{margin-top:6px;font-size:9.5px!important;font-weight:700!important;letter-spacing:.1em!important;text-transform:uppercase;color:inherit!important;opacity:.72}
html body #aboutOverlay#aboutOverlay.av-material .am-floor{width:min(230px,70%);height:14px;margin-top:-14px;border-radius:50%;background:radial-gradient(closest-side,#1f3e4a40,transparent);transform-origin:50% 50%;pointer-events:none}
html[data-theme="dark"] body #aboutOverlay#aboutOverlay.av-material .am-floor{background:radial-gradient(closest-side,#000a,transparent)}
html body #aboutOverlay#aboutOverlay.av-material .am-join{margin:0!important;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--av-text-secondary)}
html body #aboutOverlay#aboutOverlay.av-material .am-join b{color:var(--av-accent-strong);font-weight:820}
/* rev248: The name story's resting pose is SEPARATED, even before JavaScript starts.
   Keep these transforms identical to NAME_A / NAME_B in avera-atmosphere.js. */
html body #aboutOverlay#aboutOverlay.av-material .am-name-scene .am-ave{transform:translate3d(-58px,4px,-40px) rotateY(18deg);opacity:1}
html body #aboutOverlay#aboutOverlay.av-material .am-name-scene .am-ra{transform:translate3d(58px,4px,-40px) rotateY(-18deg);opacity:1}
html body #aboutOverlay#aboutOverlay.av-material .am-name-scene .am-floor{transform:scaleX(.35);opacity:.22}
html body #aboutOverlay#aboutOverlay.av-material .am-name-scene .am-join{transform:translateY(6px);opacity:0;letter-spacing:.32em}
/* On 320–360px screens the separation must stay inside the slab. */
@media(max-width:360px){
 html body #aboutOverlay#aboutOverlay.av-material .am-name-scene .am-ave{transform:translate3d(-32px,4px,-40px) rotateY(18deg)}
 html body #aboutOverlay#aboutOverlay.av-material .am-name-scene .am-ra{transform:translate3d(32px,4px,-40px) rotateY(-18deg)}
}
/* Commit the joined pose after the animation; do not let cancel() revert to separated. */
html body #aboutOverlay#aboutOverlay.av-material .am-name-scene.am-name-complete .am-ave,
html body #aboutOverlay#aboutOverlay.av-material .am-name-scene.am-name-complete .am-ra,
html body #aboutOverlay#aboutOverlay.av-material .am-name-scene.am-name-complete .am-bricks{transform:none;opacity:1}
html body #aboutOverlay#aboutOverlay.av-material .am-name-scene.am-name-complete .am-floor{transform:scaleX(1);opacity:1}
html body #aboutOverlay#aboutOverlay.av-material .am-name-scene.am-name-complete .am-join{transform:none;opacity:1;letter-spacing:.14em}
/* rows size to their content even when the column is taller than the scroll area (a slab with overflow:hidden would otherwise collapse to its padding) */
html body #aboutOverlay#aboutOverlay.av-material .am-scroll{grid-auto-rows:max-content!important}