@font-face { font-family: "Archivo Variable"; font-weight: 100 900; font-stretch: 62% 125%; font-style: normal; font-display: swap; src: url("../fonts/archivo-latin-wdth-normal.woff2") format("woff2-variations"), url("../fonts/archivo-latin-wdth-normal.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Mono"; font-weight: 400; font-style: normal; font-display: swap; src: url("../fonts/ibm-plex-mono-latin-400-normal.woff2") format("woff2"); }

/* Tipo — tipografico, solo bianco e nero: si muovono soltanto le lettere.
   Colori, caratteri e forme si cambiano dal pannello (Temi → Personalizza). */

:root {
    --ink: #0a0a0a;
    --paper: #fff;
    --muted: #6e6e6e;
    --title-color: #0a0a0a;
    --link: #0a0a0a;
    --hover: #0a0a0a;
    --font: "Archivo Variable", Archivo, "Helvetica Neue", Arial, system-ui, sans-serif;
    --mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
    --fx-titles: 1; --fx-text: 1; --fx-menu: 1; --fx-speed: 1; --fx-images: 1; --fx-numbers: 1; --fx-cursor: 1; --fx-elastic: 1; --pop-px: 22px; --bounce-px: 14; --ink-every: 10; --ink-size: 100; --fx-pop: 1; --fx-ink: 1; --fx-touch: 1;
    --font-title: "Archivo Variable", Archivo, "Helvetica Neue", Arial, system-ui, sans-serif;
    --title-scale: 1;
    --title-weight: 800;
    --size-body: 16px;
    --size-prose: 18px;
    --size-menu: 13px;
    --size-small: 12px;
    --photo-border: none;
    --page-alpha: 88%;
    --line-color: var(--ink);
    --shadow-color: var(--ink);
    --shadow-alpha: 100%;
    --shadow-offset: 4px;
    --shadow-blur: 0px;
    --lift: 2px;
    --line-w: 1px;
    --radius: 0px;
    --box-alpha: 1;
    --line: var(--line-w) solid var(--line-color);
    --shadow: var(--shadow-offset) var(--shadow-offset) var(--shadow-blur) color-mix(in srgb, var(--shadow-color) var(--shadow-alpha), transparent);
    --ease: cubic-bezier(.2, .7, .2, 1);

    /* Elementi che i moduli (bacheca, commenti...) riprendono dal tema */
    --hairline: color-mix(in srgb, var(--ink) 18%, transparent);
    --card-border: var(--line);
    --card-radius: var(--radius);
    --card-bg: transparent;
    --card-hover-transform: translateY(calc(var(--lift) * -1));
    --card-hover-shadow: var(--shadow);
    --focus-shadow: var(--shadow);
}

*, *::before, *::after { box-sizing: border-box; }

body {
    margin: 0;
    min-height: 100vh;
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
    background: var(--paper);
    color: var(--ink);
    font: var(--size-body)/1.6 var(--font);
    -webkit-font-smoothing: antialiased;
}

a { color: inherit; }

main { flex: 1 0 auto; width: 100%; }
.site-footer { margin-top: auto; }

/* ---------- Box fluttuante della homepage ---------- */

.box {
    background: color-mix(in srgb, var(--box-bg, var(--paper)) calc(var(--box-alpha) * 100%), transparent);
    color: var(--box-ink, var(--ink));
    -webkit-backdrop-filter: blur(var(--box-blur, 12px));
    backdrop-filter: blur(var(--box-blur, 12px));
    border: var(--box-border-w, var(--line-w)) solid var(--box-border-color, var(--line-color));
    border-radius: var(--box-radius, var(--radius));
    padding: var(--box-pad, 22px 24px);
    box-shadow: 0 10px var(--box-shadow-blur, 0px) color-mix(in srgb, var(--shadow-color) 28%, transparent);
    animation: var(--box-anim, rise .9s var(--ease) both, float 9s ease-in-out 1s infinite);
}

.box__brand { display: flex; align-items: baseline; gap: 10px; }
.box__title { font-family: var(--font-title); font-size: var(--box-title-size, calc(22px * var(--title-scale))); font-weight: var(--title-weight); color: var(--box-ink, var(--title-color)); letter-spacing: .02em; }
.box__subtitle { font-size: var(--box-sub-size, 14px); color: var(--muted); letter-spacing: .08em; text-transform: uppercase; }
.box .menu a, .box .menu__here { font-size: var(--box-menu-size, var(--size-menu)); }

/* ---------- Menu ---------- */

.menu ul { list-style: none; margin: 18px 0; padding: 0; display: grid; gap: 2px; }

.menu a, .menu button {
    position: relative;
    display: inline-block;
    padding: 5px 0;
    font-size: var(--size-menu);
    letter-spacing: .16em;
    text-transform: uppercase;
    text-decoration: none;
    transition: color .3s;
}

.menu a::after {
    content: "";
    position: absolute;
    left: 0; right: 0; bottom: 2px;
    height: var(--line-w);
    background: var(--hover);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .45s var(--ease);
}

.menu a:hover, .menu button:hover { color: var(--hover); }

.menu__here {
    display: inline-block;
    padding: 5px 0;
    font-size: var(--size-menu);
    letter-spacing: .16em;
    text-transform: uppercase;
    border-bottom: var(--line-w) solid currentColor;
    opacity: .4;
    cursor: default;
    user-select: none;
}

.menu a:hover::after,
.menu a.is-current::after { transform: scaleX(1); }

.menu--header ul { display: flex; gap: 28px; margin: 0; }

/* ---------- Anteprima ultimo post ---------- */

.latest {
    display: grid;
    gap: 4px;
    border: var(--line);
    border-radius: var(--radius);
    padding: 12px 14px;
    text-decoration: none;
    transition: background .4s var(--ease), color .4s var(--ease), transform .4s var(--ease), border-color .4s, box-shadow .4s;
}

.latest:hover { background: var(--hover); color: var(--paper); border-color: var(--hover); transform: var(--card-hover-transform); box-shadow: var(--card-hover-shadow); }
.latest__label { font-size: calc(var(--size-small) - 1px); letter-spacing: .18em; text-transform: uppercase; opacity: .65; }
.latest__title { font-family: var(--font-title); font-size: 16px; font-weight: var(--title-weight); line-height: 1.3; }
.latest__date { font-size: var(--size-small); opacity: .65; }
.latest__text { font-size: var(--size-menu); line-height: 1.5; opacity: .85; }

/* ---------- Pagine interne ---------- */

.site-header {
    position: sticky;
    top: 0;
    z-index: 50;
    background: var(--paper);
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 24px;
    padding: 22px clamp(16px, 4vw, 48px);
    border-bottom: var(--line);
}

.site-header__brand { font-family: var(--font-title); font-size: 20px; font-weight: var(--title-weight); color: var(--title-color); letter-spacing: .02em; text-decoration: none; }

.site-footer { padding: 28px clamp(16px, 4vw, 48px); border-top: var(--line); color: var(--muted); }

.page { max-width: 720px; margin: 0 auto; padding: 56px clamp(16px, 4vw, 24px) 80px; animation: rise .8s var(--ease) both; }
.page__title { font-family: var(--font-title); font-size: calc(clamp(30px, 5vw, 44px) * var(--title-scale)); line-height: 1.15; font-weight: var(--title-weight); color: var(--title-color); margin: 4px 0 28px; letter-spacing: -.01em; }

.entry { padding: 24px 0; border-top: var(--line); }
.entry:last-child { border-bottom: var(--line); }
.entry__date { font-size: var(--size-small); letter-spacing: .16em; text-transform: uppercase; color: var(--muted); }
.entry__title { font-family: var(--font-title); font-size: calc(24px * var(--title-scale)); line-height: 1.25; margin: 6px 0 8px; font-weight: var(--title-weight); color: var(--title-color); }
.entry__title a { text-decoration: none; background: linear-gradient(var(--hover), var(--hover)) 0 100% / 0 var(--line-w) no-repeat; transition: background-size .45s var(--ease), color .3s; }
.entry__title a:hover { background-size: 100% var(--line-w); color: var(--hover); }
.entry__text { margin: 0; color: var(--muted); }

.post__cover { display: block; width: 100%; height: auto; border: var(--photo-border); border-radius: 0; margin: 0 0 32px; }
.post__back { margin-top: 48px; font-size: 14px; }

.prose { font-size: var(--size-prose); line-height: 1.75; }
.prose h2, .prose h3 { font-family: var(--font-title); font-weight: var(--title-weight); color: var(--title-color); line-height: 1.25; margin: 2em 0 .6em; }
.prose img { max-width: 100%; height: auto; border: var(--photo-border); border-radius: 0; }
.prose blockquote { margin: 1.6em 0; padding: 4px 0 4px 20px; border-left: calc(var(--line-w) * 2) solid var(--line-color); color: var(--muted); }
.prose a, .page a:not([class]) { color: var(--link); text-decoration-thickness: var(--line-w); text-underline-offset: 3px; transition: color .25s; }
.prose a:hover, .page a:not([class]):hover { color: var(--hover); }
.prose hr { border: 0; border-top: var(--line); margin: 2.4em 0; }

/* ---------- Sopra uno sfondo fotografico ---------- */

body:has(.bg):not(.is-home) .site-footer {
    background: color-mix(in srgb, var(--paper) var(--page-alpha), transparent);
}

/* ---------- Movimenti ---------- */

@keyframes rise {
    from { opacity: 0; transform: translateY(14px); }
    to { opacity: 1; transform: none; }
}

@keyframes float {
    0%, 100% { translate: 0 0; }
    50% { translate: 0 -6px; }
}

@media (prefers-reduced-motion: reduce) {
    .box, .page { animation: none; }
    .latest, .menu a::after, .entry__title a { transition: none; }
}

@media (max-width: 560px) {
    .box { padding: 16px 18px; }
    .site-header { flex-direction: column; align-items: flex-start; gap: 10px; }
    .menu--header ul { flex-wrap: wrap; gap: 6px 20px; }
}

.site-header__brand { display: inline-flex; align-items: center; }
.brand-logo { height: var(--logo-height, 34px); width: auto; display: block; }

/* ---------- Contenitore unico delle pagine interne ---------- */
/* Intestazione del percorso, articolo in evidenza e contenuto stanno nella stessa colonna, con gli stessi margini. */
.shell { flex: 1 0 auto; width: 100%; display: flex; flex-direction: column; }
.shell__in { flex: 1 0 auto; width: 100%; max-width: var(--col-w, 920px); margin: 0 auto; box-sizing: border-box; padding-inline: clamp(20px, 5vw, 40px); }
.shell .page, .shell .glist, .shell .gallery { max-width: none; margin: 0; padding-inline: 0; }
.shell .acc--narrow > * { max-width: 460px; }
body.is-home .shell, body.is-home .shell__in { display: contents; }
body:has(.bg):not(.is-home):not(.layout-column) .shell,
body.layout-column:has(.bg):not(.is-home) .shell__in { background: color-mix(in srgb, var(--paper) var(--page-alpha, 90%), transparent); }
/* Su schermi stretti niente scorrimento orizzontale: parole lunghe, tabelle e codice restano nella colonna. */
.shell__in { overflow-wrap: anywhere; }
.shell .prose table { display: block; max-width: 100%; overflow-x: auto; }
.shell .prose pre { max-width: 100%; overflow-x: auto; }
.shell .prose img, .shell .prose iframe, .shell .prose video { max-width: 100%; height: auto; }

/* Titoli degli articoli in un box (Temi → Personalizza → «Titoli degli articoli»); spento di default. */
:root { --tbox-on: 0; --tbox-w: fit-content; }
.entry__title, .post .page__title {
    display: block; width: var(--tbox-w); max-width: 100%; box-sizing: border-box;
    padding: calc(var(--tbox-on) * var(--tbox-pad-y, 10px)) calc(var(--tbox-on) * var(--tbox-pad-x, 16px));
    border: calc(var(--tbox-on) * var(--tbox-border-w, var(--line-w))) solid var(--tbox-border-color, var(--line-color));
    border-radius: var(--tbox-radius, var(--card-radius, 0px));
    background-color: color-mix(in srgb, var(--tbox-bg, transparent) calc(var(--tbox-on) * var(--tbox-alpha, 100%)), transparent);
    color: var(--tbox-ink, var(--title-color));
}
.entry__title, .post .page__title { transition: background-color .3s, border-color .3s; }
.entry__title a, .post .page__title a , .page .entry__title a:not([class]), .page .entry__title a:not([class]):visited, .page .entry__title a:not([class]):focus, .page .entry__title a:not([class]):active { color: var(--tlink, inherit) !important; }
.entry__title a:hover, .page .entry__title a:not([class]):hover, .page .entry__title a:not([class]):visited:hover { color: var(--tlink-hover, var(--hover)) !important; }
.entry__title:hover {
    background-color: color-mix(in srgb, var(--tbox-bg-hover, var(--tbox-bg, transparent)) calc(var(--tbox-on) * var(--tbox-alpha, 100%)), transparent);
    border-color: var(--tbox-border-hover, var(--tbox-border-color, var(--line-color)));
}

/* ================= Tipo ================= */

::selection { background: var(--ink); color: var(--paper); }
body { font-feature-settings: "kern", "liga"; --ghost: color-mix(in srgb, var(--ink) 16%, var(--paper)); }

/* Linea di avanzamento e pallino del cursore (solo bianco/nero) */
.progress { position: fixed; left: 0; top: 0; right: 0; height: 2px; z-index: 95; background: var(--ink); transform-origin: 0 50%; transform: scaleX(var(--p, 0)); pointer-events: none; }
.cursor { position: fixed; left: 0; top: 0; z-index: 99; width: 14px; height: 14px; margin: -7px 0 0 -7px; border-radius: 50%; background: #fff; mix-blend-mode: difference; pointer-events: none; opacity: 0; transition: opacity .3s, width .35s var(--ease), height .35s var(--ease), margin .35s var(--ease); will-change: transform; }
html.has-cursor .cursor { opacity: 1; }
.cursor.is-big { width: 54px; height: 54px; margin: -27px 0 0 -27px; }

/* Testata e piè di pagina: due linee e basta */
.site-header { background: var(--paper); border-bottom: 1px solid var(--ink); padding-block: 18px; transition: transform .5s var(--ease); }
.site-header.is-hidden { transform: translateY(-100%); }
.site-header__brand, .box__title {
    font-family: var(--font-title); font-weight: 800; font-stretch: 70%; font-size: 30px; line-height: 1; letter-spacing: -.01em; text-transform: uppercase; color: var(--ink);
}
.site-footer { border-top: 1px solid var(--ink); font-family: var(--mono); font-size: 12px; letter-spacing: .04em; text-transform: uppercase; color: var(--ink); }

/* Menu: etichette in maiuscolo ordinato; al passaggio le lettere ruotano a rullo (una dopo l'altra) */
.menu a, .menu button, .menu__here, .catbar a, .sortbar a { font-family: var(--mono); font-size: 12px; letter-spacing: .06em; text-transform: uppercase; }
.menu a::after { display: none; }
.menu--header ul { gap: 30px; }
.rl { display: inline-flex; overflow: hidden; vertical-align: top; line-height: 1.5; }
.rc { position: relative; display: inline-block; white-space: pre; transition: transform .5s var(--ease); transition-delay: calc(var(--i, 0) * 18ms); }
.rc::after { content: attr(data-c); position: absolute; left: 0; top: 100%; }
a:hover > .rl > .rc, a:focus-visible > .rl > .rc { transform: translateY(-100%); }
.menu a.is-current, .catbar .is-current { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 6px; opacity: 1; }
.menu a:hover { color: var(--ink); }
.catbar, .sortbar { letter-spacing: .06em; }

/* Box della homepage: pulito, squadrato, una linea; non si muove */
.box { background: var(--paper); border: 1px solid var(--ink); border-radius: 0; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; animation: none; padding: 26px 28px 24px; }
.box__brand { display: block; }
.box__subtitle { display: block; margin-top: 8px; font-family: var(--mono); font-size: 11px; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); }
.box .menu ul { margin: 22px 0 22px; gap: 0; }
.box .menu a { padding: 7px 0; font-size: 12px; }
.latest { border: 0; border-top: 1px solid var(--ink); border-radius: 0; padding: 18px 0 0; gap: 8px; }
.latest:hover { background: transparent; color: var(--ink); border-color: var(--ink); transform: none; box-shadow: none; }
.latest__label { font-family: var(--mono); font-size: 11px; letter-spacing: .06em; opacity: 1; color: var(--muted); }
.latest__title { font-size: 26px; font-weight: 700; line-height: 1.1; letter-spacing: -.02em; }
.latest__date { font-family: var(--mono); font-size: 11px; letter-spacing: .04em; text-transform: uppercase; opacity: 1; color: var(--muted); }
.latest__text { font-size: 15px; opacity: 1; }

/* Titoli: grandi, compatti; si decifrano; si inclinano con la velocità di scorrimento */
.page__title { font-size: calc(clamp(52px, 11vw, 150px) * var(--title-scale)); line-height: .92; letter-spacing: -.045em; font-weight: 800; font-stretch: 85%; margin-bottom: 34px; }
.entry__title { font-size: calc(clamp(34px, 6.4vw, 84px) * var(--title-scale)); line-height: .98; letter-spacing: -.04em; font-weight: 800; font-stretch: 85%; margin: 6px 0 12px; }
.page__title, .entry__title { transform-origin: 0 100%; transform: skewX(calc(var(--vel, 0) * var(--fx-speed) * -.5deg)); }
.entry__title a { background: none; }
.entry__title a:hover { background: none; }
.w { display: inline-block; white-space: nowrap; }
.c { display: inline-block; text-align: left; white-space: pre; overflow: visible; }
.entry:hover .c, .latest:hover .c { animation: bob .7s var(--ease) both; animation-delay: calc(var(--i, 0) * 22ms); }
@keyframes bob { 0% { transform: translateY(0) scaleY(1); } 35% { transform: translateY(-7%) scaleY(1.12); } 100% { transform: translateY(0) scaleY(1); } }

/* Elenco: righe numerate, la linea si traccia da sinistra */
.page { counter-reset: e; }
.entry { position: relative; counter-increment: e; border: 0; padding: 28px 0 30px 64px; }
.entry:last-child { border: 0; }
.entry::after { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 1px; background: var(--ink); transform-origin: 0 50%; }
html.js .reveal-l::after { transform: scaleX(0); transition: transform 1.1s var(--ease); }
html.js .reveal-l.is-in::after { transform: scaleX(1); }
.entry::before { content: counter(e, decimal-leading-zero); position: absolute; left: 0; top: 34px; font-family: var(--mono); font-size: 12px; letter-spacing: .06em; opacity: var(--fx-numbers); }
.entry__date { font-family: var(--mono); font-size: 11px; letter-spacing: .06em; color: var(--muted); }
.entry__text { color: var(--ink); font-size: 17px; max-width: 62ch; }
@media (max-width: 560px) { .entry { padding-left: 40px; } }

/* Testi: ogni parola passa dal grigio all'inchiostro mentre scorri */
.rw { color: var(--ink); }
html.js .fx-text-on .rw { color: color-mix(in srgb, var(--ink) calc(var(--k, 0) * 100%), var(--ghost)); }
.prose { font-size: 19px; line-height: 1.7; }
.prose h2, .prose h3 { font-weight: 800; font-stretch: 85%; letter-spacing: -.03em; }
.prose h2 { font-size: 2.1em; line-height: 1; }
.prose blockquote { border-left: 2px solid var(--ink); color: var(--ink); font-size: 1.12em; }
.prose a, .page a:not([class]) { color: var(--ink); text-decoration: none; background: linear-gradient(var(--ink), var(--ink)) 0 100% / 100% 1px no-repeat; transition: background-size .4s var(--ease), color .3s; padding-bottom: 1px; }
.prose a:hover, .page a:not([class]):hover { background-size: 100% 100%; color: var(--paper); }

/* Foto: solo bianco e nero, si scoprono da sinistra */
.post__cover, .prose img, .entry__thumb img, .gfeed img { filter: grayscale(1) contrast(1.06); }
.entry__thumb img, .gfeed img { transition: transform 1.4s var(--ease); }
.entry:hover .entry__thumb img, .entry:hover .gfeed img { transform: scale(1.04); }
.entry__thumb, .gfeed { border: 0; }
.gfeed__badge { background: var(--paper); color: var(--ink); font-family: var(--mono); border-radius: 0; }
html.js .fx-img-on .reveal-i { clip-path: inset(0 100% 0 0); transition: clip-path 1.2s var(--ease); }
html.js .fx-img-on .reveal-i.is-in { clip-path: inset(0 0 0 0); }

@media (prefers-reduced-motion: reduce) {
    .rc, .entry::after { transition: none !important; }
    html.js .reveal-l::after { transform: none !important; }
    html.js .fx-img-on .reveal-i { clip-path: none !important; }
    .page__title, .entry__title { transform: none; }
}

/* Macchie d'inchiostro: bianche con «differenza» sul foglio → nere sul chiaro, il testo nero diventa bianco sopra la macchia */
.ink[hidden] { display: none; }
.ink { position: fixed; inset: 0; z-index: 98; pointer-events: none; overflow: hidden; mix-blend-mode: difference; }
.ink__blot { overflow: visible; position: absolute; margin: -60px 0 0 -60px; fill: #fff; opacity: 0; transform: scale(.2); animation: ink 5s cubic-bezier(.2, .8, .2, 1) forwards; }
@keyframes ink {
    0%   { opacity: 0; transform: scale(.2); }
    7%   { opacity: 1; transform: scale(1.18); }
    13%  { transform: scale(1); }
    68%  { opacity: .92; }
    100% { opacity: 0; transform: scale(1.06); }
}
.ink__blot--touch { animation-name: splat; animation-timing-function: cubic-bezier(.15, .9, .25, 1); }
@keyframes splat {
    0%   { opacity: 0; transform: scale(.15); }
    10%  { opacity: 1; transform: scale(1.35); }
    26%  { transform: scale(1); }
    70%  { opacity: .9; }
    100% { opacity: 0; transform: scale(1.04); }
}
@media (prefers-reduced-motion: reduce) { .ink { display: none; } .entry { translate: none !important; } }

/* La pagina si compone: ogni elemento arriva dal basso con un rimbalzo (nella chat, dal lato di chi scrive) */
html.js .pop { opacity: 0; }
html.js .pop.is-in { animation: pop .7s cubic-bezier(.22, 1.15, .36, 1) both; animation-delay: var(--pd, 0ms); }
@keyframes pop {
    from { opacity: 0; transform: translate(var(--px, 0px), var(--pop-px, 22px)); }
    to   { opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce) { html.js .pop { opacity: 1; } html.js .pop.is-in { animation: none; } }

/* ================= Negativo: bianco su nero (Temi → Tipo → Aspetto) ================= */
body.is-negative {
    --ink: #f4f4f4; --paper: #0a0a0a; --muted: #9a9a9a;
    --title-color: #f4f4f4; --link: #f4f4f4; --hover: #f4f4f4; --line-color: #f4f4f4;
    --shadow-color: #f4f4f4; --box-bg: #0a0a0a; --box-ink: #f4f4f4; --box-border-color: #f4f4f4;
    --tbox-bg: transparent; --tbox-ink: #f4f4f4;
    color-scheme: dark;
}
body.is-negative .site-header, body.is-negative .box, body.is-negative .gfeed__badge { background: var(--paper); }
body.is-negative .post__cover, body.is-negative .prose img, body.is-negative .entry__thumb img, body.is-negative .gfeed img { filter: grayscale(1) contrast(1.08) brightness(.92); }
body.is-negative .progress { background: var(--ink); }
body.is-negative .prose a:hover, body.is-negative .page a:not([class]):hover { color: var(--paper); }
body.is-negative ::selection { background: var(--ink); color: var(--paper); }
body.is-negative input, body.is-negative textarea, body.is-negative select { background: transparent; color: var(--ink); border-color: var(--ink); }

/* Homepage: il box si compone — logo, voci di menu e ultimo post arrivano uno dopo l'altro con il rimbalzo */

/* Tablet e telefoni: nessun rimbalzo né arrivo dal basso (restano la linea, il testo, le foto e lo schizzo al tocco) */
@media (hover: none), (pointer: coarse) {
    html.js .pop { opacity: 1; }
    html.js .pop.is-in { animation: none; }
    .page > .entry, .gcard, .gcol__item, .tile, .conv, .chat__row, .pf > *, .comment { translate: none !important; }
}