@import"https://fonts.googleapis.com/css2?family=Fascinate+Inline&family=Notable&family=Rock+3D&display=swap";@layer reset,base;@layer reset{*,*:before,*:after{box-sizing:border-box}*{margin:0}@media(prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg:not(.lucide){display:block;max-width:100%}svg{vertical-align:middle}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}}@layer base{html{font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,sans-serif;font-optical-sizing:auto}:root{--primary-color: rebeccapurple;--secondary-color: oklch(from var(--primary-color) l c calc(h + 180) );--default-bg: white;--default-fg: black;--safe-lightness-bg: .9;--safe-lightness-fg: .3;--error-color: red;--divider-fg: oklch(from var(--default-fg) l c h / 15%);--shade-bg: oklch(from var(--default-fg) l c h / 5%);--input-border: oklch(from var(--default-fg) l c h / 20%);--error-fg: oklch(from var(--error-color) l c h / 85%);--error-bg: oklch(from var(--error-color) l c h / 20%);--border-radius: .5rem;--block-spacing: 1.5rem;--spacing-base: 1rem}@media(prefers-color-scheme:dark){:root{--default-bg: black;--default-fg: white;--safe-lightness-fg: .85;--safe-lightness-bg: .2}}.light{--default-fg: black;--default-bg: white;--safe-lightness-bg: .85;--safe-lightness-fg: .2}.dark,.invert{--default-bg: black;--default-fg: white;--safe-lightness-fg: .85;--safe-lightness-bg: .2}@media(prefers-color-scheme:dark){.invert{--default-fg: black;--default-bg: white;--safe-lightness-bg: .85;--safe-lightness-fg: .2}}html{background:var(--default-bg);color:var(--default-fg)}body,.retheme{--primary-color: var(--primary, rebeccapurple);--secondary-color: var( --secondary, oklch(from var(--primary-color) l c calc(h + 180) ) );--default-fg: oklch(from var(--default) var(--safe-lightness-fg) c h);--default-bg: oklch(from var(--default) var(--safe-lightness-bg) c h);--primary-fg: oklch(from var(--primary-color) var(--safe-lightness-fg) c h);--primary-bg: oklch(from var(--primary-color) var(--safe-lightness-bg) c h);--secondary-fg: oklch(from var(--secondary-color) var(--safe-lightness-fg) c h);--secondary-bg: oklch(from var(--secondary-color) var(--safe-lightness-bg) c h);--secondary-color: oklch(from var(--primary-color) l c calc(h + 180) );--color-fg: var(--primary-fg);--color-bg: var(--primary-bg);color:var(--default-fg);background-color:var(--default-bg)}h1,h2,h3,h4,h5,dialog{color:var(--default-fg)}*{--button-color: var(--primary-color);box-sizing:border-box}.container{max-width:80ch;margin:auto;padding:1rem 1rem 4rem}.container{width:100%;margin-right:auto;margin-left:auto;padding-right:1rem;padding-left:1rem}@media(min-width:576px){.container{max-width:510px;padding-right:0;padding-left:0}}@media(min-width:768px){.container{max-width:700px}}@media(min-width:1024px){.container{max-width:950px}}@media(min-width:1280px){.container{max-width:1200px}}@media(min-width:1536px){.container{max-width:1450px}}dialog{display:flex;justify-content:center;align-items:center;background-color:var(--shade-bg);backdrop-filter:blur(4px);border:0;position:fixed;inset:0;width:100lvw;height:100lvh;z-index:10000000}dialog>:is(form,article){width:100%;max-width:40rem;border:2px solid var(--divider-fg);border-radius:var(--border-radius)}dialog>article,dialog>form>article{border:none;padding:1rem;background-color:var(--default-bg);overflow:auto;max-height:95lvh}footer{display:flex;justify-content:flex-end;gap:1rem;margin-top:var(--block-spacing);padding-top:1rem;border-top:2px solid var(--divider-fg)}header{margin-bottom:var(--block-spacing);padding-bottom:1rem;border-bottom:2px solid var(--divider-fg)}.flex{display:flex;gap:1rem}@media only screen and (max-width:600px){.flex.flip{flex-direction:column}.flex.flip>:is(label,[role=label]){margin-bottom:calc(var(--block-spacing) - 1rem)}.flex.flip.reverse{flex-direction:column-reverse}}fieldset{margin-bottom:var(--block-spacing)}:is(label,[role=label]){display:block}:is(label,[role=label]):has(input,select,textarea,[role=group]){margin-bottom:var(--block-spacing)}hr{margin:var(--block-spacing) 0;border:none;height:2px;background-color:var(--divider-fg);color:var(--divider-fg)}.colorize{--color-fg: oklch(from var(--color) var(--safe-lightness-fg) c h);--color-bg: oklch(from var(--color) var(--safe-lightness-bg) c h);color:var(--color-fg);background:var(--color-bg)}small{color:oklch(from var(--default-fg) l c h/80%)}.error{--color-fg: var(--error-fg);--color-bg: var(--error-bg);color:var(--error-fg)}@media only screen and (max-width:600px){.fab{position:fixed;bottom:0;right:0;margin:2rem;z-index:100}body:has(.fab){margin-bottom:4rem}}@media only screen and (max-width:600px){.desktop-only{display:none!important}}article{padding:1rem;border-radius:var(--border-radius);border:2px solid var(--divider-fg)}.primary{color:var(--primary-fg)}.secondary{color:var(--secondary-fg)}button,[role=button]{--button-color-inner: oklch( from var(--button-color, var(--default-fg)) var(--safe-lightness-fg) clamp(0, c, .5) h );border:2px solid var(--button-color-inner);border-radius:var(--border-radius);color:var(--button-color-inner);background-color:transparent;border-color:var(--button-color-inner);font-weight:600;text-decoration:none;padding:.5rem .75rem;cursor:pointer}button:hover:not(.semantic),[role=button]:hover:not(.semantic){filter:saturate(2)}button.semantic,[role=button].semantic{color:inherit;padding:0;border:none}button.primary,[role=button].primary{border-color:transparent;background:var(--button-color-inner);color:var(--default-bg)}button.ghost,[role=button].ghost{border-color:transparent}p,img{margin-bottom:calc(var(--spacing-base) * 2)}h1,h2,h3{margin-top:calc(var(--spacing-base) * 2.5);margin-bottom:calc(var(--spacing-base))}:is(label,[role=label])>p{margin-bottom:calc(var(--spacing-base))}:is(label,[role=label])>p~:is(input,select,textarea,[role=group]){margin-top:.25rem}fieldset{border:1.5px solid var(--divider-fg);border-radius:var(--border-radius)}input,select,textarea,details.dropdown>summary{color:var(--default-fg);background:transparent;border:2px solid var(--input-border);border-radius:var(--border-radius);padding:.5rem .75rem;margin-bottom:.125rem;width:100%}input:focus-visible,select:focus-visible,textarea:focus-visible,details.dropdown>summary:focus-visible{outline:2px solid var(--primary-fg);outline-offset:.125rem}input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true],details.dropdown>summary[aria-invalid=true]{background-color:var(--error-bg);color:var(--error-fg);--error-fg: color-mix(in oklch, red, var(--default-fg) 25%)}:is(label,[role=label]):has(>input[type=checkbox]){display:flex;align-items:center;cursor:pointer;gap:.75rem;transition:border-color .2s,background .2s;margin-bottom:1rem}input[type=checkbox]{margin:0;appearance:none;width:28px;height:28px;border:2px solid var(--input-border);border-radius:var(--border-radius);display:inline-block;position:relative}input[type=checkbox]:after{content:"";--border-width: 2px;position:absolute;top:45%;left:50%;width:.4rem;height:.8rem;border:solid var(--input-border);border-width:0 var(--border-width) var(--border-width) 0;transform:translate(-50%,-50%) rotate(45deg);opacity:0;transition:opacity .2s}input[type=checkbox]:checked{border-color:var(--primary-fg);background-color:var(--primary-bg)}input[type=checkbox]:checked:after{opacity:1;border-color:var(--primary-fg)}@media only screen and (min-width:600px){.mobile-only{display:none!important}}@media only screen and (max-width:600px){.mobile-exclude{display:none!important}}body:has(.scroll-lock){overflow:hidden}.offset-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1}a{color:var(--primary-fg)}article.card{background-color:var(--secondary-bg);color:var(--secondary-fg)}small.chip{border-radius:calc(var(--border-radius) * 2);background-color:cur-color(var(--surface-lc-3));padding:.35rem .65rem;color:oklch(from var(--color-fg) l c h);background:oklch(from var(--color-bg) l c h/75%);font-weight:500;white-space:nowrap}table{width:100%;border-radius:var(--border-radius);border-collapse:collapse;overflow:hidden}table thead,table tbody{border-collapse:collapse}table thead th{background-color:var(--primary-bg);color:var(--primary-fg);text-align:start}table tr:nth-child(2n) td{background-color:var(--shade-bg)}table th,table td{padding:.25rem}blockquote{border-left:.25rem var(--primary-fg) solid;padding:1rem 2rem;margin-left:0;margin-bottom:var(--block-spacing)}blockquote.info{--info-color-fg: oklch(from var(--secondary-fg) l c h / 40%);--info-color-bg: oklch(from var(--secondary-bg) l c h / 40%);border-left-color:var(--info-color-fg);background-color:var(--info-color-bg);border-top-right-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}}details.dropdown>summary:after{content:"";position:absolute;right:.75rem;top:50%;width:1em;height:1em;transform:translateY(-50%);transition:transform .12s ease;background-color:currentColor;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'>  <path d='m213.66 101.66-80 80a8 8 0 0 1-11.32 0l-80-80a8 8 0 0 1 11.32-11.32L128 164.69l74.34-74.35a8 8 0 0 1 11.32 11.32'/></svg>") center/contain no-repeat}body{margin:0;--default: #d5c3b5;--primary: #ce2f2b;min-height:100lvh;font-size:1.2rem;overflow-x:hidden}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(/static.png);background-repeat:repeat;background-size:auto;opacity:.3;z-index:1000000;pointer-events:none}@media(prefers-color-scheme:dark){body:after{background-image:url(/static-dark.png)}}#app{display:grid;grid-template-rows:1fr auto;min-height:100lvh}#app>main{min-height:100%}blockquote{max-width:80ch}a:has(>article):not(:hover){text-decoration:none}h1{font-family:Notable,sans-serif}.zine-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}@media only screen and (max-width:600px){.zine-grid{grid-template-columns:1fr}}.zine-grid a:has(>.zine):hover{color:var(--secondary-fg);background-color:var(--secondary-bg)}.zine-grid .zine>p{height:3em;overflow:hidden;text-overflow:ellipsis}.zine-grid .zine img,.zine-grid .zine svg{aspect-ratio:70/108;object-fit:cover;margin-bottom:calc(var(--spacing-base) * 2)}.transparency-background{--color-fg: var(--divider-fg);--color-bg: var(--divider-bg);background-color:oklch(from var(--color-fg) l c h/5%);background-image:linear-gradient(45deg,var(--color-fg) 25%,transparent 26%),linear-gradient(-45deg,var(--color-fg) 25%,transparent 26%),linear-gradient(45deg,transparent 74%,var(--color-fg) 75%),linear-gradient(-45deg,transparent 74%,var(--color-fg) 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px}small.chip{--chip-color-fg: oklch(from var(--chip-color) var(--safe-lightness-fg) c h);--chip-color-bg: oklch(from var(--chip-color) var(--safe-lightness-bg) c h);--color-fg: var(--chip-color-fg);--color-bg: var(--chip-color-bg)}:is(button,a)>small.chip{border:2px solid transparent}:is(button,a)>small.chip:hover{border:2px solid}a:not([role=button]){color:var(--secondary-fg)}@layer reset,base;@layer reset{*,*:before,*:after{box-sizing:border-box}*{margin:0}@media(prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg:not(.lucide){display:block;max-width:100%}svg{vertical-align:middle}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}}@layer base{html{font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,sans-serif;font-optical-sizing:auto}:root{--primary-color: rebeccapurple;--secondary-color: oklch(from var(--primary-color) l c calc(h + 180) );--default-bg: white;--default-fg: black;--safe-lightness-bg: .9;--safe-lightness-fg: .3;--error-color: red;--divider-fg: oklch(from var(--default-fg) l c h / 15%);--shade-bg: oklch(from var(--default-fg) l c h / 5%);--input-border: oklch(from var(--default-fg) l c h / 20%);--error-fg: oklch(from var(--error-color) l c h / 85%);--error-bg: oklch(from var(--error-color) l c h / 20%);--border-radius: .5rem;--block-spacing: 1.5rem;--spacing-base: 1rem}@media(prefers-color-scheme:dark){:root{--default-bg: black;--default-fg: white;--safe-lightness-fg: .85;--safe-lightness-bg: .2}}.light{--default-fg: black;--default-bg: white;--safe-lightness-bg: .85;--safe-lightness-fg: .2}.dark,.invert{--default-bg: black;--default-fg: white;--safe-lightness-fg: .85;--safe-lightness-bg: .2}@media(prefers-color-scheme:dark){.invert{--default-fg: black;--default-bg: white;--safe-lightness-bg: .85;--safe-lightness-fg: .2}}html{background:var(--default-bg);color:var(--default-fg)}body,.retheme{--primary-color: var(--primary, rebeccapurple);--secondary-color: var( --secondary, oklch(from var(--primary-color) l c calc(h + 180) ) );--default-fg: oklch(from var(--default) var(--safe-lightness-fg) c h);--default-bg: oklch(from var(--default) var(--safe-lightness-bg) c h);--primary-fg: oklch(from var(--primary-color) var(--safe-lightness-fg) c h);--primary-bg: oklch(from var(--primary-color) var(--safe-lightness-bg) c h);--secondary-fg: oklch(from var(--secondary-color) var(--safe-lightness-fg) c h);--secondary-bg: oklch(from var(--secondary-color) var(--safe-lightness-bg) c h);--secondary-color: oklch(from var(--primary-color) l c calc(h + 180) );--color-fg: var(--primary-fg);--color-bg: var(--primary-bg);color:var(--default-fg);background-color:var(--default-bg)}h1,h2,h3,h4,h5,dialog{color:var(--default-fg)}*{--button-color: var(--primary-color);box-sizing:border-box}.container{max-width:80ch;margin:auto;padding:1rem 1rem 4rem}.container{width:100%;margin-right:auto;margin-left:auto;padding-right:1rem;padding-left:1rem}@media(min-width:576px){.container{max-width:510px;padding-right:0;padding-left:0}}@media(min-width:768px){.container{max-width:700px}}@media(min-width:1024px){.container{max-width:950px}}@media(min-width:1280px){.container{max-width:1200px}}@media(min-width:1536px){.container{max-width:1450px}}dialog{display:flex;justify-content:center;align-items:center;background-color:var(--shade-bg);backdrop-filter:blur(4px);border:0;position:fixed;inset:0;width:100lvw;height:100lvh;z-index:10000000}dialog>:is(form,article){width:100%;max-width:40rem;border:2px solid var(--divider-fg);border-radius:var(--border-radius)}dialog>article,dialog>form>article{border:none;padding:1rem;background-color:var(--default-bg);overflow:auto;max-height:95lvh}footer{display:flex;justify-content:flex-end;gap:1rem;margin-top:var(--block-spacing);padding-top:1rem;border-top:2px solid var(--divider-fg)}header{margin-bottom:var(--block-spacing);padding-bottom:1rem;border-bottom:2px solid var(--divider-fg)}.flex{display:flex;gap:1rem}@media only screen and (max-width:600px){.flex.flip{flex-direction:column}.flex.flip>:is(label,[role=label]){margin-bottom:calc(var(--block-spacing) - 1rem)}.flex.flip.reverse{flex-direction:column-reverse}}fieldset{margin-bottom:var(--block-spacing)}:is(label,[role=label]){display:block}:is(label,[role=label]):has(input,select,textarea,[role=group]){margin-bottom:var(--block-spacing)}hr{margin:var(--block-spacing) 0;border:none;height:2px;background-color:var(--divider-fg);color:var(--divider-fg)}.colorize{--color-fg: oklch(from var(--color) var(--safe-lightness-fg) c h);--color-bg: oklch(from var(--color) var(--safe-lightness-bg) c h);color:var(--color-fg);background:var(--color-bg)}small{color:oklch(from var(--default-fg) l c h/80%)}.error{--color-fg: var(--error-fg);--color-bg: var(--error-bg);color:var(--error-fg)}@media only screen and (max-width:600px){.fab{position:fixed;bottom:0;right:0;margin:2rem;z-index:100}body:has(.fab){margin-bottom:4rem}}@media only screen and (max-width:600px){.desktop-only{display:none!important}}article{padding:1rem;border-radius:var(--border-radius);border:2px solid var(--divider-fg)}.primary{color:var(--primary-fg)}.secondary{color:var(--secondary-fg)}button,[role=button]{--button-color-inner: oklch( from var(--button-color, var(--default-fg)) var(--safe-lightness-fg) clamp(0, c, .5) h );border:2px solid var(--button-color-inner);border-radius:var(--border-radius);color:var(--button-color-inner);background-color:transparent;border-color:var(--button-color-inner);font-weight:600;text-decoration:none;padding:.5rem .75rem;cursor:pointer}button:hover:not(.semantic),[role=button]:hover:not(.semantic){filter:saturate(2)}button.semantic,[role=button].semantic{color:inherit;padding:0;border:none}button.primary,[role=button].primary{border-color:transparent;background:var(--button-color-inner);color:var(--default-bg)}button.ghost,[role=button].ghost{border-color:transparent}p,img{margin-bottom:calc(var(--spacing-base) * 2)}h1,h2,h3{margin-top:calc(var(--spacing-base) * 2.5);margin-bottom:calc(var(--spacing-base))}:is(label,[role=label])>p{margin-bottom:calc(var(--spacing-base))}:is(label,[role=label])>p~:is(input,select,textarea,[role=group]){margin-top:.25rem}fieldset{border:1.5px solid var(--divider-fg);border-radius:var(--border-radius)}input,select,textarea,details.dropdown>summary{color:var(--default-fg);background:transparent;border:2px solid var(--input-border);border-radius:var(--border-radius);padding:.5rem .75rem;margin-bottom:.125rem;width:100%}input:focus-visible,select:focus-visible,textarea:focus-visible,details.dropdown>summary:focus-visible{outline:2px solid var(--primary-fg);outline-offset:.125rem}input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true],details.dropdown>summary[aria-invalid=true]{background-color:var(--error-bg);color:var(--error-fg);--error-fg: color-mix(in oklch, red, var(--default-fg) 25%)}:is(label,[role=label]):has(>input[type=checkbox]){display:flex;align-items:center;cursor:pointer;gap:.75rem;transition:border-color .2s,background .2s;margin-bottom:1rem}input[type=checkbox]{margin:0;appearance:none;width:28px;height:28px;border:2px solid var(--input-border);border-radius:var(--border-radius);display:inline-block;position:relative}input[type=checkbox]:after{content:"";--border-width: 2px;position:absolute;top:45%;left:50%;width:.4rem;height:.8rem;border:solid var(--input-border);border-width:0 var(--border-width) var(--border-width) 0;transform:translate(-50%,-50%) rotate(45deg);opacity:0;transition:opacity .2s}input[type=checkbox]:checked{border-color:var(--primary-fg);background-color:var(--primary-bg)}input[type=checkbox]:checked:after{opacity:1;border-color:var(--primary-fg)}@media only screen and (min-width:600px){.mobile-only{display:none!important}}@media only screen and (max-width:600px){.mobile-exclude{display:none!important}}body:has(.scroll-lock){overflow:hidden}.offset-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1}a{color:var(--primary-fg)}article.card{background-color:var(--secondary-bg);color:var(--secondary-fg)}small.chip{border-radius:calc(var(--border-radius) * 2);background-color:cur-color(var(--surface-lc-3));padding:.35rem .65rem;color:oklch(from var(--color-fg) l c h);background:oklch(from var(--color-bg) l c h/75%);font-weight:500;white-space:nowrap}table{width:100%;border-radius:var(--border-radius);border-collapse:collapse;overflow:hidden}table thead,table tbody{border-collapse:collapse}table thead th{background-color:var(--primary-bg);color:var(--primary-fg);text-align:start}table tr:nth-child(2n) td{background-color:var(--shade-bg)}table th,table td{padding:.25rem}blockquote{border-left:.25rem var(--primary-fg) solid;padding:1rem 2rem;margin-left:0;margin-bottom:var(--block-spacing)}blockquote.info{--info-color-fg: oklch(from var(--secondary-fg) l c h / 40%);--info-color-bg: oklch(from var(--secondary-bg) l c h / 40%);border-left-color:var(--info-color-fg);background-color:var(--info-color-bg);border-top-right-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}}ul,ol{margin-top:var(--block-spacing);margin-bottom:var(--block-spacing)}details.dropdown{position:relative;display:inline-block}details.dropdown>summary{list-style:none;cursor:pointer;user-select:none;anchor-name:--dropdown-trigger;padding:.5rem 2.5rem .5rem .75rem;border-radius:6px;position:relative}details.dropdown>summary::-webkit-details-marker{display:none}details.dropdown>summary:after{content:"";position:absolute;right:.75rem;top:50%;width:1em;height:1em;transform:translateY(-50%);transition:transform .12s ease;background-color:currentColor;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'>  <path d='m213.66 101.66-80 80a8 8 0 0 1-11.32 0l-80-80a8 8 0 0 1 11.32-11.32L128 164.69l74.34-74.35a8 8 0 0 1 11.32 11.32'/></svg>") center/contain no-repeat}details.dropdown[open]>summary:after{transform:translateY(-50%) rotate(180deg)}details.dropdown>ul{position:absolute;position-anchor:--dropdown-trigger;inset-block-start:anchor(bottom);inset-inline-start:anchor(left);margin:.25rem 0 0;padding:.25rem 0;list-style:none;min-width:100%;border:2px solid var(--divider-fg);border-radius:var(--border-radius);background:var(--default-bg)}details.dropdown>ul a{display:block;padding:.4rem .75rem;text-decoration:none;color:inherit}details.dropdown>ul a:hover{background:var(--secondary-bg)}ul.list{display:flex;flex-direction:column;gap:1rem;list-style:none;margin:.25rem 0 0;padding:.25rem 0}