@font-face{font-family:Heliotrope;src:url("./Heliotrope-Regular-GOEIKOH6.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Heliotrope;src:url("./Heliotrope-Italic-PMTJOWVW.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Heliotrope;src:url("./Heliotrope-Bold-MAJN3AFU.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Heliotrope;src:url("./Heliotrope-BoldItalic-7O3ASZTA.woff2") format("woff2");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:HeliotropeCaps;src:url("./HeliotropeCaps-Regular-2U7WJIFT.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:HeliotropeCaps;src:url("./HeliotropeCaps-Bold-BWTOB3AI.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--font-serif: "Heliotrope", serif;--font-serif-caps: "HeliotropeCaps", serif;--font-mono: monospace;--scale: .95;@media screen and (min-width:40em){--scale: 1.025}@media print{--scale: .9}--size-xxxxs: clamp( calc(.616rem * var(--scale)), calc(.57rem * var(--scale)) + .221vw, calc(.768rem * var(--scale)) );--size-xxxs: clamp( calc(.692rem * var(--scale)), calc(.641rem * var(--scale)) + .249vw, calc(.864rem * var(--scale)) );--size-xxs: clamp( calc(.779rem * var(--scale)), calc(.721rem * var(--scale)) + .28vw, calc(.972rem * var(--scale)) );--size-xs: clamp( calc(.876rem * var(--scale)), calc(.811rem * var(--scale)) + .31vw, calc(1.094rem * var(--scale)) );--size-sm: clamp( calc(.986rem * var(--scale)), calc(.912rem * var(--scale)) + .35vw, calc(1.23rem * var(--scale)) );--size-ba: clamp( calc(1.109rem * var(--scale)), calc(1.026rem * var(--scale)) + .4vw, calc(1.383rem * var(--scale)) );--size-md: clamp( calc(1.248rem * var(--scale)), calc(1.154rem * var(--scale)) + .45vw, calc(1.556rem * var(--scale)) );--size-lg: clamp( calc(1.403rem * var(--scale)), calc(1.298rem * var(--scale)) + .5vw, calc(1.75rem * var(--scale)) );--size-xl: clamp( calc(1.579rem * var(--scale)), calc(1.46rem * var(--scale)) + .57vw, calc(1.969rem * var(--scale)) );--size-xxl: clamp( calc(1.776rem * var(--scale)), calc(1.642rem * var(--scale)) + .64vw, calc(2.215rem * var(--scale)) );--size-xxxl: clamp( calc(1.998rem * var(--scale)), calc(1.847rem * var(--scale)) + .72vw, calc(2.492rem * var(--scale)) );--size-xxxxl: clamp( calc(2.248rem * var(--scale)), calc(2.078rem * var(--scale)) + .81vw, calc(2.803rem * var(--scale)) );--space-xxs: calc(var(--space-ba) / 8);--space-xs: calc(var(--space-ba) / 4);--space-sm: calc(var(--space-ba) / 2);--space-ba: 1.25em;--space-md: calc(var(--space-ba) * 1.5);--space-lg: calc(var(--space-ba) * 2);--space-xl: calc(var(--space-ba) * 3);--space-xxl: calc(var(--space-ba) * 4);--layout-width: 36em;--layout-padding: var(--space-ba);--hex-paper-25: #fffcf0;--hex-paper-50: #f2f0e5;--hex-paper-100: #e6e4d9;--hex-paper-150: #dad8ce;--hex-paper-200: #cecdc3;--hex-paper-300: #b7b5ac;--hex-paper-400: #9f9d96;--hex-paper-500: #878580;--hex-paper-600: #6f6e69;--hex-paper-700: #575653;--hex-paper-800: #403e3c;--hex-paper-850: #343331;--hex-paper-900: #282726;--hex-paper-950: #1c1b1a;--hex-paper-1000: #100f0f;--hex-base-25: #fbfbfb;--hex-base-50: #efefef;--hex-base-100: #e3e3e3;--hex-base-150: #d7d7d7;--hex-base-200: #cccccc;--hex-base-300: #b4b4b4;--hex-base-400: #9c9c9c;--hex-base-500: #858585;--hex-base-600: #6d6d6d;--hex-base-700: #555555;--hex-base-800: #3e3e3e;--hex-base-850: #333333;--hex-base-900: #272727;--hex-base-950: #1b1b1b;--hex-base-1000: #0f0f0f;--hex-red-25: #fff8f3;--hex-red-50: #ffe1d5;--hex-red-100: #ffcabb;--hex-red-150: #fdb2a2;--hex-red-200: #f89a8a;--hex-red-300: #e8705f;--hex-red-400: #d14d41;--hex-red-500: #c03e35;--hex-red-600: #af3029;--hex-red-700: #942822;--hex-red-800: #6c201c;--hex-red-850: #551b18;--hex-red-900: #3e1715;--hex-red-950: #261312;--hex-orange-25: #fff6f0;--hex-orange-50: #ffe7ce;--hex-orange-100: #fed3af;--hex-orange-150: #fcc192;--hex-orange-200: #f9ae77;--hex-orange-300: #ec8b49;--hex-orange-400: #da702c;--hex-orange-500: #cb6120;--hex-orange-600: #bc5215;--hex-orange-700: #9d4310;--hex-orange-800: #71320d;--hex-orange-850: #59290d;--hex-orange-900: #40200d;--hex-orange-950: #27180e;--hex-yellow-25: #fdf9f0;--hex-yellow-50: #faeec6;--hex-yellow-100: #f6e2a0;--hex-yellow-150: #f1d67e;--hex-yellow-200: #eccb60;--hex-yellow-300: #dfb431;--hex-yellow-400: #d0a215;--hex-yellow-500: #be9207;--hex-yellow-600: #ad8301;--hex-yellow-700: #8e6b01;--hex-yellow-800: #664d01;--hex-yellow-850: #503d02;--hex-yellow-900: #3a2d04;--hex-yellow-950: #241e08;--hex-green-25: #f7f9f0;--hex-green-50: #edeecf;--hex-green-100: #dde2b2;--hex-green-150: #cdd597;--hex-green-200: #bec97e;--hex-green-300: #a0af54;--hex-green-400: #879a39;--hex-green-500: #768d21;--hex-green-600: #66800b;--hex-green-700: #536907;--hex-green-800: #3d4c07;--hex-green-850: #313d07;--hex-green-900: #252d09;--hex-green-950: #1a1e0c;--hex-cyan-25: #f2f9f5;--hex-cyan-50: #ddf1e4;--hex-cyan-100: #bfe8d9;--hex-cyan-150: #a2dece;--hex-cyan-200: #87d3c3;--hex-cyan-300: #5abdac;--hex-cyan-400: #3aa99f;--hex-cyan-500: #2f968d;--hex-cyan-600: #24837b;--hex-cyan-700: #1c6c66;--hex-cyan-800: #164f4a;--hex-cyan-850: #143f3c;--hex-cyan-900: #122f2c;--hex-cyan-950: #101f1d;--hex-blue-25: #f0f5f7;--hex-blue-50: #e1eceb;--hex-blue-100: #c6dde8;--hex-blue-150: #abcfe2;--hex-blue-200: #92bfdb;--hex-blue-300: #66a0c8;--hex-blue-400: #4385be;--hex-blue-500: #3171b2;--hex-blue-600: #205ea6;--hex-blue-700: #1a4f8c;--hex-blue-800: #163b66;--hex-blue-850: #133051;--hex-blue-900: #12253b;--hex-blue-950: #101a24;--hex-purple-25: #f7f5f8;--hex-purple-50: #f0eaec;--hex-purple-100: #e2d9e9;--hex-purple-150: #d3cae6;--hex-purple-200: #c4b9e0;--hex-purple-300: #a699d0;--hex-purple-400: #8b7ec8;--hex-purple-500: #735eb5;--hex-purple-600: #5e409d;--hex-purple-700: #4f3685;--hex-purple-800: #3c2a62;--hex-purple-850: #31234e;--hex-purple-900: #261c39;--hex-purple-950: #1a1623;--hex-magenta-25: #fff3f5;--hex-magenta-50: #fee4e5;--hex-magenta-100: #fccfda;--hex-magenta-150: #f9b9cf;--hex-magenta-200: #f4a4c2;--hex-magenta-300: #e47da8;--hex-magenta-400: #ce5d97;--hex-magenta-500: #b74583;--hex-magenta-600: #a02f6f;--hex-magenta-700: #87285e;--hex-magenta-800: #641f46;--hex-magenta-850: #4f1b39;--hex-magenta-900: #39172b;--hex-magenta-950: #24131d;--color-bg: var(--hex-paper-25);--color-bg-2: var(--hex-paper-50);--color-bg-inv: var(--hex-black);--color-bg-2-inv: var(--hex-base-950);--color-ui: var(--hex-paper-100);--color-ui-2: var(--hex-paper-150);--color-ui-3: var(--hex-paper-200);--color-ui-inv: var(--hex-base-900);--color-ui-2-inv: var(--hex-base-850);--color-ui-3-inv: var(--hex-base-800);--color-tx: var(--hex-paper-1000);--color-tx-2: var(--hex-paper-600);--color-tx-3: var(--hex-paper-300);--color-tx-inv: var(--hex-base-200);--color-tx-2-inv: var(--hex-base-500);--color-tx-3-inv: var(--hex-base-700);--accent-bg: var(--hex-paper-25);--accent-bg-2: var(--hex-paper-50);--accent-ui: var(--hex-paper-100);--accent-ui-2: var(--hex-paper-150);--accent-ui-3: var(--hex-paper-200);--accent-tx: var(--hex-magenta-700);--accent-tx-2: var(--hex-magenta-600);--accent-tx-3: var(--hex-magenta-300);--accent-ia: var(--hex-magenta-600);--accent-ia-2: var( --hex-magenta-400 );--accent-hi: var(--hex-magenta-300);--accent-hi-2: var(--hex-magenta-900);--color-re: var(--hex-red-600);--color-re-2: var(--hex-red-400);--color-or: var(--hex-orange-600);--color-or-2: var(--hex-orange-400);--color-ye: var(--hex-yellow-600);--color-ye-2: var(--hex-yellow-400);--color-gr: var(--hex-green-600);--color-gr-2: var(--hex-green-400);--color-cy: var(--hex-cyan-600);--color-cy-2: var(--hex-cyan-400);--color-bl: var(--hex-blue-600);--color-bl-2: var(--hex-blue-400);--color-pu: var(--hex-purple-600);--color-pu-2: var(--hex-purple-400);--color-ma: var(--hex-magenta-600);--color-ma-2: var(--hex-magenta-400)}body.theme-dark{--color-bg: var(--hex-paper-1000);--color-bg-2: var(--hex-paper-950);--color-ui: var(--hex-paper-800);--color-ui-2: var(--hex-paper-700);--color-ui-3: var(--hex-paper-600);--color-tx: var(--hex-paper-100);--color-tx-2: var(--hex-paper-400);--color-tx-3: var(--hex-paper-700);--accent-bg: var(--hex-paper-950);--accent-bg-2: var(--hex-paper-900);--accent-ui: var(--hex-paper-850);--accent-ui-2: var(--hex-paper-800);--accent-ui-3: var(--hex-paper-700);--accent-tx: var(--hex-magenta-300);--accent-tx-2: var(--hex-magenta-400);--accent-tx-3: var(--hex-magenta-700);--accent-ia: var(--hex-magenta-400);--accent-ia-2: var(--hex-magenta-300);--accent-hi: var(--hex-magenta-800);--accent-hi-2: var(--hex-magenta-100)}body.season-winter{--color-bg: var(--hex-base-25);--color-bg-2: var(--hex-base-50);--color-ui: var(--hex-base-100);--color-ui-2: var(--hex-base-150);--color-ui-3: var(--hex-base-200);--color-tx: var(--hex-base-1000);--color-tx-2: var(--hex-base-600);--color-tx-3: var(--hex-base-300);--accent-bg: var(--hex-base-25);--accent-bg-2: var(--hex-base-50);--accent-ui: var(--hex-base-100);--accent-ui-2: var(--hex-base-150);--accent-ui-3: var(--hex-base-200);--accent-tx: var(--hex-purple-700);--accent-tx-2: var(--hex-purple-600);--accent-tx-3: var(--hex-purple-300);--accent-ia: var(--hex-purple-600);--accent-ia-2: var(--hex-purple-400);--accent-hi: var(--hex-purple-300);--accent-hi-2: var(--hex-purple-950);&.theme-dark{--color-bg: var(--hex-paper-1000);--color-bg-2: var(--hex-paper-950);--color-ui: var(--hex-paper-850);--color-ui-2: var(--hex-paper-800);--color-ui-3: var(--hex-paper-700);--color-tx: var(--hex-paper-100);--color-tx-2: var(--hex-paper-400);--color-tx-3: var(--hex-paper-700);--accent-bg: var(--hex-paper-1000);--accent-bg-2: var(--hex-paper-900);--accent-ui: var(--hex-paper-850);--accent-ui-2: var(--hex-paper-800);--accent-ui-3: var(--hex-paper-700);--accent-tx: var(--hex-purple-300);--accent-tx-2: var(--hex-purple-400);--accent-tx-3: var(--hex-purple-700);--accent-ia: var(--hex-purple-400);--accent-ia-2: var(--hex-purple-300);--accent-hi: var(--hex-purple-800);--accent-hi-2: var(--hex-purple-100)}}body.season-spring{--color-bg: var(--hex-magenta-25);--color-bg-2: var(--hex-magenta-50);--color-ui: var(--hex-magenta-100);--color-ui-2: var(--hex-magenta-150);--color-ui-3: var(--hex-magenta-200);--color-tx: var(--hex-base-1000);--color-tx-2: var(--hex-magenta-600);--color-tx-3: var(--hex-magenta-300);--accent-bg: var(--hex-magenta-25);--accent-bg-2: var(--hex-magenta-50);--accent-ui: var(--hex-magenta-100);--accent-ui-2: var(--hex-magenta-150);--accent-ui-3: var(--hex-magenta-200);--accent-tx: var(--hex-magenta-700);--accent-tx-2: var(--hex-magenta-600);--accent-tx-3: var(--hex-magenta-300);--accent-ia: var(--hex-green-600);--accent-ia-2: var(--hex-green-400);--accent-hi: var(--hex-magenta-300);--accent-hi-2: var(--hex-magenta-950);&.theme-dark{--color-bg: var(--hex-paper-1000);--color-bg-2: var(--hex-paper-950);--color-ui: var(--hex-paper-850);--color-ui-2: var(--hex-paper-800);--color-ui-3: var(--hex-paper-700);--color-tx: var(--hex-paper-100);--color-tx-2: var(--hex-magenta-300);--color-tx-3: var(--hex-magenta-700);--accent-bg: var(--hex-paper-1000);--accent-bg-2: var(--hex-paper-950);--accent-ui: var(--hex-magenta-950);--accent-ui-2: var(--hex-magenta-900);--accent-ui-3: var(--hex-magenta-800);--accent-tx: var(--hex-magenta-300);--accent-tx-2: var(--hex-magenta-400);--accent-tx-3: var(--hex-magenta-700);--accent-ia: var(--hex-green-400);--accent-ia-2: var(--hex-green-300);--accent-hi: var(--hex-magenta-800);--accent-hi-2: var(--hex-magenta-100)}}body.season-summer{--color-bg: var(--hex-yellow-25);--color-bg-2: var(--hex-yellow-50);--color-ui: var(--hex-yellow-100);--color-ui-2: var(--hex-yellow-150);--color-ui-3: var(--hex-yellow-200);--color-tx: var(--hex-base-1000);--color-tx-2: var(--hex-orange-600);--color-tx-3: var(--hex-orange-300);--accent-bg: var(--hex-yellow-25);--accent-bg-2: var(--hex-yellow-50);--accent-ui: var(--hex-yellow-100);--accent-ui-2: var(--hex-yellow-150);--accent-ui-3: var(--hex-yellow-200);--accent-tx: var(--hex-orange-700);--accent-tx-2: var(--hex-orange-600);--accent-tx-3: var(--hex-orange-300);--accent-ia: var(--hex-magenta-600);--accent-ia-2: var(--hex-magenta-400);--accent-hi: var(--hex-orange-300);--accent-hi-2: var(--hex-orange-950);&.theme-dark{--color-bg: var(--hex-paper-1000);--color-bg-2: var(--hex-paper-950);--color-ui: var(--hex-paper-850);--color-ui-2: var(--hex-paper-800);--color-ui-3: var(--hex-paper-700);--color-tx: var(--hex-paper-100);--color-tx-2: var(--hex-orange-300);--color-tx-3: var(--hex-orange-700);--accent-bg: var(--hex-paper-1000);--accent-bg-2: var(--hex-paper-950);--accent-ui: var(--hex-yellow-950);--accent-ui-2: var(--hex-yellow-900);--accent-ui-3: var(--hex-yellow-800);--accent-tx: var(--hex-orange-300);--accent-tx-2: var(--hex-orange-400);--accent-tx-3: var(--hex-orange-700);--accent-ia: var(--hex-magenta-400);--accent-ia-2: var(--hex-magenta-300);--accent-hi: var(--hex-orange-800);--accent-hi-2: var(--hex-orange-100)}}body.season-autumn{--color-bg: var(--hex-orange-25);--color-bg-2: var(--hex-orange-50);--color-ui: var(--hex-orange-100);--color-ui-2: var(--hex-orange-150);--color-ui-3: var(--hex-orange-200);--color-tx: var(--hex-base-1000);--color-tx-2: var(--hex-red-600);--color-tx-3: var(--hex-red-300);--accent-bg: var(--hex-orange-25);--accent-bg-2: var(--hex-orange-50);--accent-ui: var(--hex-orange-100);--accent-ui-2: var(--hex-orange-150);--accent-ui-3: var(--hex-orange-200);--accent-tx: var(--hex-red-700);--accent-tx-2: var(--hex-red-600);--accent-tx-3: var(--hex-red-300);--accent-ia: var(--hex-purple-600);--accent-ia-2: var(--hex-purple-400);--accent-hi: var(--hex-red-300);--accent-hi-2: var(--hex-red-950);&.theme-dark{--color-bg: var(--hex-paper-1000);--color-bg-2: var(--hex-paper-950);--color-ui: var(--hex-paper-850);--color-ui-2: var(--hex-paper-800);--color-ui-3: var(--hex-paper-700);--color-tx: var(--hex-paper-100);--color-tx-2: var(--hex-red-300);--color-tx-3: var(--hex-red-700);--accent-bg: var(--hex-paper-1000);--accent-bg-2: var(--hex-paper-950);--accent-ui: var(--hex-orange-950);--accent-ui-2: var(--hex-orange-900);--accent-ui-3: var(--hex-orange-800);--accent-tx: var(--hex-red-300);--accent-tx-2: var(--hex-red-400);--accent-tx-3: var(--hex-red-700);--accent-ia: var(--hex-purple-400);--accent-ia-2: var(--hex-purple-300);--accent-hi: var(--hex-red-800);--accent-hi-2: var(--hex-red-100)}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0}html{font-family:var(--font-serif);font-size:100%;line-height:1.45}body{font-size:var(--size-ba);padding:0 0 calc(var(--space-ba) * 5);margin:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background-color:var(--color-bg);color:var(--color-tx);@media print{background-color:#fff!important}}main{width:100%;max-width:var(--layout-width);padding:var(--layout-padding);margin:0 auto}h1,h2,h3,h4,h5,h6{margin:0}h1{font-size:var(--size-xxl);line-height:1.15;margin-top:var(--space-lg);margin-bottom:var(--space-ba)}h2{font-size:var(--size-xl);line-height:1.1;margin-top:calc(var(--space-ba) * 1.5);margin-bottom:var(--space-ba)}h3{font-size:var(--size-lg);line-height:1.15;margin-top:var(--space-ba);margin-bottom:var(--space-sm)}h4{font-size:var(--size-md);line-height:1.2;margin-top:var(--space-ba);margin-bottom:var(--space-sm)}h5{font-size:var(--size-sm);line-height:1.25;margin-top:var(--space-sm);margin-bottom:var(--space-xs)}h6{font-size:var(--size-xs);line-height:1.3;margin-top:var(--space-sm);margin-bottom:var(--space-xs)}a{color:var(--color-tx);text-decoration-color:var(--color-tx-3);text-decoration-thickness:2px;text-underline-offset:2px;&:hover{color:var(--color-cy)}}figure{margin:var(--space-ba) 0;border:.1rem solid var(--color-ui);img{display:block;width:100%;height:auto}figcaption{font-size:var(--size-sm);text-align:center;background-color:var(--color-bg);padding:var(--space-sm);border-top:.1rem solid var(--color-ui);font-weight:700}&.error{color:var(--color-re);figcaption{border-top:0}}}table{border-collapse:collapse;width:100%;font-size:var(--size-sm);thead th{background-color:var(--color-bg-2);padding:8px 12px;text-align:left;font-weight:700}tbody td{border-top:.1rem solid var(--color-ui);padding:8px 12px;vertical-align:top;tr:hover{background-color:var(--color-bg-2)}}}.table{overflow-x:auto}blockquote{margin:var(--space-ba) 0;padding:var(--space-ba);border:1px solid var(--color-ui);background-color:var(--color-bg-2);>*:first-child{margin-top:0}>*:last-child{margin-bottom:0}}sup{vertical-align:super;font-size:var(--size-xs);line-height:.3}sub{vertical-align:sub;font-size:var(--size-xs);line-height:.3}code{font-family:var(--font-mono);font-size:var(--size-xs);background-color:var(--color-bg-2);color:var(--color-ma);padding:var(--space-xxs);border:1px solid var(--color-ui)}.codeblock{background-color:var(--color-bg-2);border:.1rem solid var(--color-ui);display:flow-root;.language{background-color:var(--color-ui)}pre{background-color:inherit;padding:10px;margin:0;overflow:auto}code{font-family:monospace;background-color:transparent;color:var(--color-tx);padding:var(--space-xxs);border:none}}@media(prefers-color-scheme:dark){.codeblock-container{background-color:#2d2d2d}.codeblock-language{background-color:#444}}cite{font-style:normal;&.error{color:var(--color-re)}}.hidden{display:none!important}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.noscroll{overflow:hidden}.icon{display:inline-block;width:1em;height:1em;fill:currentColor;flex-shrink:0;vertical-align:middle;overflow:visible;path{fill:currentColor}}.navigation{width:100%;max-width:var(--layout-width);padding:var(--layout-padding);margin:0 auto;@media print{display:none}div{display:flex;justify-content:space-between}a{text-decoration:none}.breadcrumbs a:first-child{font-family:var(--font-serif-caps);font-weight:700;text-transform:lowercase;color:var(--accent-tx)}.links{display:flex;align-items:center;gap:var(--space-ba)}}#theme-toggle{height:20px;width:36px;display:block;position:relative;border:none;cursor:pointer;float:right;.slide{height:20px;border:1px solid var(--color-ui);border-radius:24px;width:100%;position:absolute}.switch{position:absolute;z-index:9;top:1px;left:1px;right:auto;width:18px;height:18px;transition:left .1s linear;background-color:var(--color-tx-2);-webkit-mask-size:18px;-webkit-mask-position:50% 50%;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' %3E%3Cpath fill-rule='evenodd' d='M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z' clip-rule='evenodd' /%3E%3C/svg%3E")}&:hover .switch{background-color:var(--color-cy)}}.theme-dark #theme-toggle .switch{left:16px;transition:left .1s linear;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24' %3E%3Cpath d='M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z' /%3E%3C/svg%3E")}.footer{width:100%;max-width:var(--layout-width);padding:var(--layout-padding);margin:0 auto;text-align:center;.lettermark{span{font-size:calc(var(--size-xxxxl) * 2);font-weight:700;font-family:var(--font-serif-caps);text-transform:lowercase;color:var(---accent-tx-3);-webkit-text-stroke:1px var(--accent-tx);-webkit-text-fill-color:var(--accent-tx-3);paint-order:fill stroke}}.links{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);a{font-size:var(--size-xs)}}}.tooltip{position:fixed;background:var(--color-bg-2);color:var(--color-tx);padding:var(--space-sm) var(--space-sm);border-radius:var(--space-xs);font-size:var(--size-xxs);max-width:280px;word-wrap:break-word;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .2s ease,transform .15s ease;z-index:1000;box-shadow:0 0 20px #00000040;transform:translateY(8px);top:0;left:0;text-align:center}.tooltip.visible{opacity:1;visibility:visible;transform:translateY(0)}.tooltip:after{content:"";position:absolute;width:0;height:0;border:8px solid transparent;left:50%;margin-left:-8px}.tooltip.above:after{bottom:-16px;border-top-color:var(--color-bg-2)}.tooltip.below:after{top:-16px;border-bottom-color:var(--color-bg-2)}@media(max-width:640px){.tooltip{max-width:220px;font-size:13px}}.modal{display:none;position:fixed;inset:0;backdrop-filter:blur(20px);align-items:flex-start;justify-content:center;z-index:10000;padding:var(--space-ba);overflow-y:auto;.container{background:var(--color-bg-2);max-width:560px;width:100%;position:relative;box-shadow:0 10px 40px #0003;border-radius:var(--space-sm);overflow:hidden;margin:auto;border:1px solid var(--color-ui)}.canvas-wrap{line-height:0;canvas{max-width:100%;display:block}}footer{display:flex;justify-content:center;align-items:center;padding:var(--space-sm) var(--space-ba);border-top:1px solid var(--color-ui)}button{padding:var(--space-xs) var(--space-sm);font-size:var(--size-sm);border:none;border-radius:var(--space-xs);cursor:pointer;transition:background .2s ease;font-family:var(--font-serif);background-color:var(--accent-ia);color:var(--color-bg);&:hover{background:var(--accent-ia-2)}}}.headline{max-width:var(--layout-width);margin:0 auto var(--space-ba);padding:0 var(--layout-padding) 0;text-align:center;h1{margin:0;color:var(--accent-tx);font-size:var(--size-xxxxl)}.edition{padding:var(--space-xxs) var(--space-sm);border-radius:var(--space-xxl);background:var(--color-bg-2);color:var(--accent-tx-2);font-family:var(--font-serif-caps);font-size:var(--size-sm);white-space:nowrap;display:inline-block;margin-bottom:var(--space-sm)}.description{font-style:italic;p{margin:var(--space-sm) 0}}}.template-section .posts{margin:0 auto}.posts{max-width:var(--layout-width);margin:var(--space-xl) auto 0;text-align:center;header{h2{font-size:var(--size-sm);font-family:var(--font-serif-caps);font-weight:400;margin:0 0 var(--space-sm);color:var(--color-tx-2)}}article{border-top:1px solid var(--color-ui);&:last-child{border-bottom:1px solid var(--color-ui)}a{display:block;padding:var(--space-ba) 0;text-decoration:none;color:inherit;&:hover h2{color:var(--accent-tx-2)}}h3{font-size:var(--size-md);font-family:var(--font-serif);color:var(--accent-tx);margin:0 0 var(--space-xs);transition:color .15s ease}p{font-size:var(--size-sm);color:var(--color-tx-2);margin:0;line-height:1.5;padding:0 var(--space-md)}}}.roulette-cta{display:block;margin:var(--space-xl) 0 0;padding:var(--space-md) var(--space-ba);border:1px solid var(--accent-ui);border-radius:var(--space-xs);background:var(--color-bg-2);text-decoration:none;color:inherit;transition:border-color .15s ease,background .15s ease;text-align:center;&:hover{border-color:var(--accent-ui-2);background:var(--color-bg);.label{color:var(--accent-tx-2)}}.label{display:block;font-family:var(--font-serif-caps);font-size:var(--size-sm);font-weight:700;color:var(--accent-tx);margin-bottom:var(--space-xs);transition:color .15s ease}.line{display:block;font-size:var(--size-sm);color:var(--color-tx-2)}}.markdown{h1{font-family:var(--font-serif-caps);border-bottom:1px solid var(--color-ui);text-align:right;margin:var(--space-md) 0 0;clear:both}h2{margin:var(--space-md) 0 0;clear:both}h3{margin:var(--space-ba) 0 0;clear:both}li{margin:var(--space-xs) 0}}.template-home main{width:100%;max-width:100%;padding:0;margin:0 auto;.content{width:100%;max-width:var(--layout-width);padding:var(--layout-padding);margin:0 auto}}.roulette{margin:0 auto;text-align:center;padding:0 var(--layout-padding);.controls{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.options{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-sm);font-size:var(--size-xs);label{cursor:pointer;display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-ui-2);background-color:var(--color-bg);border-radius:var(--space-xs);color:var(--color-tx-2);transition:border-color .15s ease,color .15s ease;&:hover{border-color:var(--accent-tx-3);color:var(--color-tx)}&:has(input:checked){border-color:var(--accent-tx-2);color:var(--color-tx);background-color:var(--color-bg-2)}}input{accent-color:var(--accent-ia)}}.notice{margin:0;font-size:var(--size-xxs);color:var(--color-tx-3);font-style:italic}.tray{background-color:var(--color-bg);position:fixed;inset:auto var(--space-md) var(--space-ba);z-index:100;border-radius:var(--space-sm);box-shadow:0 2px 12px #0000001a,0 0 0 1px var(--color-ui-2);border:none;@media(min-width:640px){inset:auto auto var(--space-ba)}}.timer{padding:var(--space-xs) var(--space-ba);font-family:var(--font-mono);font-size:var(--size-xxxs);border-bottom:1px solid var(--color-ui);color:var(--color-tx-3)}.buttons{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm);flex-wrap:wrap;justify-content:center;padding:var(--space-sm) var(--space-sm);button{padding:var(--space-sm) var(--space-ba);font-size:var(--size-sm);border:none;border-radius:var(--space-xs);min-width:calc(var(--space-xxl) * 1.5);cursor:pointer;transition:background .3s ease;font-family:var(--font-serif);&:hover{background:var(--accent-ia-2)}}#spinButton{background:var(--accent-ia);color:var(--color-bg);&:hover{background:var(--accent-ia-2)}&.alert{background:var(--color-bg-2);color:var(--color-tx-2);border:1px solid var(--color-ui-2);&:hover{background:var(--color-ui);color:var(--color-tx)}}}#spinButton.rolling{animation:spinPulse .2s ease-in-out infinite alternate}#shareButton{background:var(--accent-ia);color:var(--color-bg)}#shareButton:hover:enabled{background:var(--accent-ia-2)}#shareButton:disabled{background:transparent;color:var(--color-tx-3);border:1px solid var(--color-ui)}}.slots{display:grid;grid-template-columns:1fr;gap:var(--space-ba);padding-top:var(--space-lg);@media(min-width:640px){grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}section{background:var(--color-bg);padding:var(--space-ba);border:1px solid var(--color-ui-2);transition:transform .2s ease,box-shadow .2s ease;position:relative;overflow:hidden;display:flex;flex-direction:column;border-radius:var(--space-xs);&:hover{transform:translateY(-3px);box-shadow:0 4px 16px #00000012}&.rolling{animation:slotPulse .4s ease-in-out infinite alternate}h3{color:var(--accent-tx);flex-shrink:0;margin:0 0 var(--space-sm);font-family:var(--font-serif-caps);letter-spacing:.02em}ul{list-style:none;padding:0;margin:0;flex-grow:1;display:flex;flex-direction:column;justify-content:flex-start;gap:var(--space-xs)}li{position:relative;padding:var(--space-xs) var(--space-sm);word-wrap:break-word;opacity:0;animation:fadeIn .5s ease forwards;cursor:default;border-radius:var(--space-xs);display:flex;justify-content:center;align-items:center;font-size:var(--size-sm);cursor:pointer;background-color:var(--accent-ui);&.highlight{background-color:var(--accent-hi);color:var(--accent-hi-2);transition:all .15s ease-out}&.selected{background-color:var(--accent-hi);color:var(--accent-hi-2)}}}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slotPulse{0%{border-color:var(--color-ui-2)}to{border-color:var(--accent-hi-2)}}@keyframes spinPulse{0%{background:var(--accent-ia)}to{background:var(--accent-ia-2)}}
