*{box-sizing:border-box;padding:0;margin:0}:root{interpolate-size:allow-keywords}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}*:not(:defined){display:none}:focus-visible:not(input,textarea){outline:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-color) 35%,transparent)}@property --back-color{syntax: "<color>"; inherits: true; initial-value: #FAF8F6;}@property --texture-overlay{syntax: "<color>"; inherits: true; initial-value: #FFFFFF33;}@property --back-overlay{syntax: "<color>"; inherits: true; initial-value: #f6f4f2;}@property --code-back{syntax: "<color>"; inherits: true; initial-value: #edeae6;}@property --primary-text{syntax: "<color>"; inherits: true; initial-value: #2b2b2b;}@property --secondary-text{syntax: "<color>"; inherits: true; initial-value: #555555;}@property --muted-text{syntax: "<color>"; inherits: true; initial-value: #7a7a7a;}@property --stroke-color{syntax: "<color>"; inherits: true; initial-value: #00000020;}@property --current-stroke{syntax: "<color>"; inherits: true; initial-value: #CA2E2E66;}@property --contrast-color{syntax: "<color>"; inherits: true; initial-value: #FFF;}:root{--accent-color: #CA2E2E;--hover-accent: #D44A4A;--hover-active: #8E1F1F;--back-color-dark: #1A1A1A;--back-overlay-dark: #222;--texture-overlay-dark: #000000CC;--code-back-dark: #202020;--primary-text-dark: #EAEAEA;--secondary-text-dark: #CCC;--muted-text-dark: #999;--stroke-color-dark: #FFFFFF15;--current-stroke-dark: #CA2E2E99;--contrast-color-dark: #000}body{--background: linear-gradient(var(--texture-overlay)), url(/washi.png);background:var(--background);background-blend-mode:overlay;font-family:Inter,sans-serif;transition:--back-color .25s ease,--primary-text .25s ease,--secondary-text .25s ease,--muted-text .25s ease,--code-back .25s ease,--stroke-color .25s ease,--current-stroke .25s ease}@media(prefers-color-scheme:dark){body{--back-color: var(--back-color-dark);--back-overlay: var(--back-overlay-dark);--texture-overlay: var(--texture-overlay-dark);--code-back: var(--code-back-dark);--primary-text: var(--primary-text-dark);--secondary-text: var(--secondary-text-dark);--muted-text: var(--muted-text-dark);--stroke-color: var(--stroke-color-dark);--current-stroke: var(--current-stroke-dark);--contrast-color: var(--contrast-color-dark);background-blend-mode:multiply}}body[data-theme=light]{--back-color: revert;--back-overlay: revert;--texture-overlay: revert;--code-back: revert;--primary-text: revert;--secondary-text: revert;--muted-text: revert;--stroke-color: revert;--current-stroke: revert;--contrast-color: revert;background-blend-mode:overlay}body[data-theme=dark]{--back-color: var(--back-color-dark);--back-overlay: var(--back-overlay-dark);--texture-overlay: var(--texture-overlay-dark);--code-back: var(--code-back-dark);--primary-text: var(--primary-text-dark);--secondary-text: var(--secondary-text-dark);--muted-text: var(--muted-text-dark);--stroke-color: var(--stroke-color-dark);--current-stroke: var(--current-stroke-dark);--contrast-color: var(--contrast-color-dark);background-blend-mode:multiply}:root{--space-xs: clamp(.1rem, .25vw, .25rem);--space-sm: clamp(.25rem, .5vw, .5rem);--space-md: clamp(.5rem, 1vw, 1rem);--space-lg: clamp(1rem, 2vw, 2rem);--space-xl: clamp(2rem, 4vw, 3rem)}.constrained{--max-content: 1280px;width:100%}html,body{width:100%;height:100lvh}body{display:flex;flex-direction:column;align-items:center}