.tema-inchino{--x-bg:#f4efe4;--x-fg:#1b1a17;--x-muted:#4a463f;--x-subtle:#6b665c;--x-line:#d8cfbd;--x-surface:#fbf8f1;--x-deep:#1b1a17;--x-deep-fg:#f4efe4;--x-accent:#b3261e;--x-accent-fg:#fbf8f1;--x-accent-soft:#f1dcd3;--in-rosso-chiaro:#e0584b}.tema-inchino.in-carta{background-image:radial-gradient(#6b604c12 1px,#0000 1.2px),radial-gradient(#6b604c0d 1px,#0000 1.2px);background-position:0 0,11px 7px;background-size:23px 19px,37px 31px}.tema-inchino .in-titolo{font-family:var(--x-font-display);letter-spacing:-.01em;text-wrap:balance;font-weight:700;line-height:1.08}.tema-inchino .in-kanji{font-family:var(--x-font-display), "Hiragino Mincho ProN", "Yu Mincho", "Noto Serif JP", serif;font-weight:800;line-height:1}.tema-inchino .in-verticale{writing-mode:vertical-rl;text-orientation:upright;letter-spacing:.35em}.tema-inchino .in-etichetta{letter-spacing:.22em;text-transform:uppercase;font-size:.74rem;font-weight:700}.tema-inchino ::selection{background:var(--x-accent);color:var(--x-accent-fg)}.tema-inchino :focus-visible{outline:2px solid var(--x-accent);outline-offset:3px}.tema-inchino .in-scuro :focus-visible{outline-color:var(--in-rosso-chiaro)}:root:has(.tema-inchino){scroll-padding-top:5rem}@media (prefers-reduced-motion:no-preference){:root:has(.tema-inchino){scroll-behavior:smooth}}.tema-inchino fieldset{min-inline-size:0}.tema-inchino .in-sigillo{background:var(--x-accent);color:var(--x-accent-fg);box-shadow:inset 0 0 0 3px var(--x-accent), inset 0 0 0 5px #fbf8f1d9;border-radius:6px 9px 5px 8px}.tema-inchino .in-tatami{background-image:linear-gradient(var(--x-line) 1px, transparent 1px), linear-gradient(90deg, var(--x-line) 1px, transparent 1px);background-size:100% 50%,25% 100%}.tema-inchino .in-enso path{stroke-dasharray:1;stroke-dashoffset:0}@keyframes in-pennello{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes in-entra{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:no-preference){.tema-inchino .in-enso path{animation:1.6s cubic-bezier(.3,0,0,1) .2s both in-pennello}.tema-inchino .in-entra{animation:.4s cubic-bezier(.3,0,0,1) both in-entra}.tema-inchino .in-cintura-segno{transition:transform .25s cubic-bezier(.2,0,0,1)}}.tema-inchino .in-scuro .in-chiaro :focus-visible{outline-color:var(--x-accent)}
