:root{--h: 152;--sat: .45;--tma: 0%;--o1: hsl(var(--h) calc(100% * var(--sat)) calc(97.3% - var(--tma)));--o2: hsl(var(--h) calc(100% * var(--sat)) calc(94% - var(--tma)));--o3: hsl(var(--h) calc(100% * var(--sat)) calc(89.4% - var(--tma)));--o4: hsl(var(--h) calc(100% * var(--sat)) calc(83.7% - var(--tma)));--o5: hsl(var(--h) calc(100% * var(--sat)) calc(77.5% - var(--tma)));--o6: hsl(var(--h) calc(96% * var(--sat)) calc(70.8% - var(--tma)));--o7: hsl(var(--h) calc(86% * var(--sat)) calc(62.7% - var(--tma)));--o8: hsl(var(--h) calc(74% * var(--sat)) calc(53.9% - var(--tma)));--o9: hsl(var(--h) calc(73% * var(--sat)) calc(44.5% - var(--tma)));--o10: hsl(var(--h) calc(78% * var(--sat)) calc(35.7% - var(--tma)));--ink-tint: hsl(var(--h) calc(87% * var(--sat)) calc(19% - var(--tma)));--ink-tint-soft: hsl(var(--h) calc(80% * var(--sat)) calc(26% - var(--tma)));--tint-4-46: hsl(var(--h) calc(100% * var(--sat)) calc(83.7% - var(--tma)) / .46);--tint-6-34: hsl(var(--h) calc(96% * var(--sat)) calc(70.8% - var(--tma)) / .34);--tint-8-35: hsl(var(--h) calc(74% * var(--sat)) calc(53.9% - var(--tma)) / .35);--shadow-soft: hsl(var(--h) calc(78% * var(--sat)) calc(35.7% - var(--tma)) / .4);--shadow-mid: hsl(var(--h) calc(78% * var(--sat)) calc(35.7% - var(--tma)) / .45);--shadow-deep: hsl(var(--h) calc(78% * var(--sat)) calc(35.7% - var(--tma)) / .5);--ink: #2f2b27;--ink-soft: #6e675f;--ink-faint: #a79e93;--paper: hsl(var(--h) 100% calc(99.2% - var(--tma)));--line: rgba(47, 43, 39, .11);--line-soft: rgba(47, 43, 39, .06);--satin: linear-gradient( 135deg, var(--o2) 0%, var(--o3) 22%, var(--o4) 44%, var(--o5) 62%, var(--o6) 78%, var(--o3) 100% );--display: "Bricolage Grotesque", system-ui, sans-serif;--body: "Karla", system-ui, sans-serif;--pole-vyska: 40px}*{box-sizing:border-box}:focus-visible{outline:2px solid var(--o7);outline-offset:2px}html,body{height:100%;overflow-x:clip}html{scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:rgba(47,43,39,.32) transparent}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:#2f2b2747;border-radius:999px;border:3px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background-color:#2f2b2773}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:18px;line-height:1.6;-webkit-font-smoothing:antialiased;transition:background-color .3s ease}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:2;opacity:.026;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E")}