/*
  PaperMod v7
  License: MIT https://github.com/adityatelange/hugo-PaperMod/blob/master/LICENSE
  Copyright (c) 2020 nanxiaobei and adityatelange
  Copyright (c) 2021-2024 adityatelange
*/
:root{--gap:24px;--content-gap:20px;--nav-width:1024px;--main-width:720px;--header-height:60px;--footer-height:60px;--radius:8px;--theme:rgb(253, 252, 250);--entry:rgb(255, 255, 255);--primary:rgb(25, 20, 20);--secondary:rgb(106, 96, 96);--tertiary:rgb(235, 230, 228);--content:rgb(60, 52, 52);--hljs-bg:rgb(246, 243, 241);--code-block-bg:rgb(246, 243, 241);--code-bg:rgb(238, 233, 230);--border:rgb(232, 227, 224);--icon:#be123c}.dark{--theme:rgb(17, 16, 18);--entry:rgb(25, 24, 27);--primary:rgb(245, 242, 244);--secondary:rgb(148, 140, 145);--tertiary:rgb(44, 40, 46);--content:rgb(202, 195, 200);--hljs-bg:rgb(25, 24, 27);--code-block-bg:rgb(25, 24, 27);--code-bg:rgb(35, 33, 38);--border:rgb(39, 36, 42);--icon:#fb7185}.list{background:var(--code-bg)}.dark.list{background:var(--theme)}*,::after,::before{box-sizing:border-box}html{-webkit-tap-highlight-color:transparent;overflow-y:scroll;-webkit-text-size-adjust:100%;text-size-adjust:100%}a,button,body,h1,h2,h3,h4,h5,h6{color:var(--primary)}body{font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Oxygen,Ubuntu,Cantarell,open sans,helvetica neue,sans-serif,arimo;font-size:1rem;line-height:1.5;margin:0;word-break:break-word;background:var(--theme)}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section,table{display:block}h1,h2,h3,h4,h5,h6{line-height:1.2}h1,h2,h3,h4,h5,h6,p{margin-top:0;margin-bottom:0}ul{padding:0}a{text-decoration:none}body,figure,ul{margin:0}table{width:100%;border-collapse:collapse;border-spacing:0;overflow-x:auto;word-break:keep-all}button,input,textarea{padding:0;font:inherit;background:0 0;border:0}input,textarea{outline:0}button,input[type=button],input[type=submit]{cursor:pointer}input:-webkit-autofill,textarea:-webkit-autofill{box-shadow:0 0 0 50px var(--theme)inset}img{display:block;max-width:100%}.not-found{position:absolute;left:0;right:0;display:flex;align-items:center;justify-content:center;height:80%;font-size:160px;font-weight:700}.archive-posts{width:100%;font-size:16px}.archive-year{margin-top:40px}.archive-year:not(:last-of-type){border-bottom:2px solid var(--border)}.archive-month{display:flex;align-items:flex-start;padding:10px 0}.archive-month-header{margin:25px 0;width:200px}.archive-month:not(:last-of-type){border-bottom:1px solid var(--border)}.archive-entry{position:relative;padding:5px;margin:10px 0}.archive-entry-title{margin:5px 0;font-weight:400}.archive-count,.archive-meta{color:var(--secondary);font-size:14px}.footer,.top-link{font-size:12px;color:var(--secondary)}.footer{max-width:calc(var(--main-width) + var(--gap) * 2);margin:auto;padding:calc((var(--footer-height) - var(--gap))/2)var(--gap);text-align:center;line-height:24px}.footer span{margin-inline-start:1px;margin-inline-end:1px}.footer span:last-child{white-space:nowrap}.footer a{color:inherit;border-bottom:1px solid var(--secondary)}.footer a:hover{border-bottom:1px solid var(--primary)}.top-link{visibility:hidden;position:fixed;bottom:60px;right:30px;z-index:99;background:var(--tertiary);width:42px;height:42px;padding:12px;border-radius:64px;transition:visibility .5s,opacity .8s linear}.top-link,.top-link svg{filter:drop-shadow(0 0 0 var(--theme))}.footer a:hover,.top-link:hover{color:var(--icon)}.top-link:focus,#theme-toggle:focus{outline:0}.nav{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:calc(var(--nav-width) + var(--gap) * 2);margin-inline-start:auto;margin-inline-end:auto;line-height:var(--header-height)}.nav a{display:block}.logo,#menu{display:flex;margin:auto var(--gap)}.logo{flex-wrap:inherit;font-family:oooh baby,cursive;font-weight:400;font-style:normal;font-size:30px;color:var(--icon);display:flex;align-items:center}.logo a{font-size:30px;line-height:1;display:flex;align-items:center;gap:8px}.logo a img,.logo a svg{display:inline-block;vertical-align:middle;pointer-events:none;transform:none;border-radius:6px;width:20px;height:20px}@media(max-width:600px){.logo a{font-size:30px}.logo a img,.logo a svg{width:20px;height:20px}}button#theme-toggle{font-size:26px;margin:auto 4px}body.dark #moon{vertical-align:middle;display:none}body:not(.dark) #sun{display:none}#menu{list-style:none;word-break:keep-all;overflow-x:auto;white-space:nowrap}#menu li+li{margin-inline-start:var(--gap)}#menu a{font-size:16px;position:relative;text-decoration:none}.menu a{font-size:16px;position:relative;text-decoration:none;display:inline-flex;align-items:center}:root{--zigzag:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 6'%3E%3Cpath d='M0 3 2 1 6 5 8 3' fill='none' stroke='black' stroke-width='1.4'/%3E%3C/svg%3E")}.menu a::after{content:"";position:absolute;bottom:10px;left:0;width:100%;height:6px;background:currentColor;-webkit-mask:var(--zigzag)repeat-x left bottom/8px 6px;mask:var(--zigzag)repeat-x left bottom/8px 6px;clip-path:inset(0 100% 0 0);transition:clip-path .25s ease}.menu a:hover::after{clip-path:inset(0)}.menu a:has(span.active)::after{display:block;clip-path:inset(0)}@media(prefers-reduced-motion:reduce){.menu a::after{transition:none}}.menu a:has(span.active){font-weight:500;border-bottom:none;text-decoration:none!important}.menu span.active{border-bottom:none!important;text-decoration:none!important}.lang-switch li,.lang-switch ul,.logo-switches{display:inline-flex;margin:auto 4px}.lang-switch{display:flex;flex-wrap:inherit}.lang-switch a{margin:auto 3px;font-size:16px;font-weight:500}.logo-switches{flex-wrap:inherit}.logo-hover a{transition:.15s;color:#f9f777}#moon:hover{transition:.15s;color:#00bfff}#sun:hover{transition:.15s;color:gold}.main{position:relative;min-height:calc(100vh - var(--header-height) - var(--footer-height));max-width:calc(var(--main-width) + var(--gap) * 2);margin:auto;padding:var(--gap)}.page-header h1{font-size:30px}.pagination{display:flex;margin-top:2rem}.pagination a{color:var(--theme);font-size:13px;line-height:36px;background:var(--primary);border-radius:calc(36px/2);padding:0 16px}.pagination .next{margin-inline-start:auto}.social-icons a{display:inline-flex;padding:10px}.social-icons a svg{height:26px;width:26px}::-webkit-scrollbar-corner{background-color:var(--hljs-bg);border-radius:10px}code{direction:ltr;text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}a:hover{color:var(--icon)}a.anchor:hover{color:var(--icon)!important}svg:hover{color:var(--icon)}.first-entry{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:320px;margin-top:1rem}.first-entry .entry-header{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.first-entry .entry-header h2{font-size:24px;line-height:1.3}.first-entry .entry-content{margin:8px 0;font-size:16px;-webkit-line-clamp:3}.first-entry{font-size:18px}.home-info .entry-content{-webkit-line-clamp:unset;margin-top:0!important;margin-bottom:1rem}.post-entry{position:relative;margin:0;padding:1.5rem 0;background:0 0;border:0;border-top:1px solid var(--border);border-radius:0}.post-entry:hover .entry-header h2{transform:none;box-shadow:none}.entry-cover{display:none}.entry-header h2{font-size:24px;line-height:1.3}.entry-content{margin:8px 0;color:var(--secondary);font-size:16px;line-height:1.6;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.entry-content ul{list-style:disc!important;padding-left:1.5rem!important;margin:1rem 0}.entry-content li{display:list-item!important}.entry-footer{color:var(--secondary);font-size:13px}.footer-si{color:var(--secondary);font-size:13px;display:grid;justify-content:center}.entry-link{position:absolute;left:0;right:0;top:0;bottom:0}.entry-hint{color:var(--secondary)}.entry-hint-parent{display:flex;justify-content:space-between}.entry-cover{font-size:14px;margin-bottom:var(--gap);text-align:center}.entry-cover img{border-radius:var(--radius);pointer-events:none;width:100%;height:auto}.entry-cover a{color:var(--secondary);box-shadow:0 1px 0 var(--primary)}.home-info .entry-header h1{display:inline-block;align-self:flex-start}.home-info .entry-header h1::after{content:"|";animation:blink 1s step-start infinite;color:var(--icon);font-weight:400;opacity:.7}@keyframes blink{50%{opacity:0}}@media(prefers-reduced-motion:reduce){.home-info .entry-header h1::after{animation:none;content:''}}.post-entry{transition:transform .2s ease,box-shadow .2s ease;border-radius:6px}.post-entry:hover{border-top-color:var(--secondary)}.page-header{margin:24px auto var(--content-gap)}.post-single{--post-top:48px}.post-header{margin:var(--post-top)0 48px}.post-title{margin:0;font-size:clamp(2.25rem,1.2rem + 3.6vw,3.5rem);line-height:1.08;letter-spacing:-.02em;text-wrap:balance}.post-header .breadcrumbs{margin-bottom:16px}.post-header .breadcrumbs,.post-header .breadcrumbs a{font-size:14px;color:var(--secondary)}.post-header .breadcrumbs a:hover{color:var(--icon)}.post-header .post-meta{margin-top:16px}@media(max-width:600px){.post-single{--post-top:32px}.post-header{margin-bottom:32px}}.post-description{margin-top:10px;margin-bottom:5px}.post-meta,.breadcrumbs{color:var(--secondary);font-size:14px;display:flex;flex-wrap:wrap}.post-meta .i18n_list li{display:inline-flex;list-style:none;margin:auto 3px;box-shadow:0 1px 0 var(--secondary)}.breadcrumbs a{font-size:16px}.post-content{color:var(--content)}.post-content h3,.post-content h4,.post-content h5,.post-content h6{margin:24px 0 16px}.post-content h1{margin:40px auto 32px;font-size:40px}.post-content h2{margin:32px auto 24px;font-size:32px}.post-content h3{font-size:24px}.post-content h4{font-size:16px}.post-content h5{font-size:14px}.post-content h6{font-size:12px}.post-content a,.toc a:hover{box-shadow:0 1px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.post-content a code{margin:auto 0;border-radius:0;box-shadow:0 -1px 0 var(--primary)inset}.post-content del{text-decoration:line-through}.post-content dl,.post-content ol,.post-content p,.post-content figure,.post-content ul{margin-bottom:var(--content-gap)}.post-content ol,.post-content ul{padding-inline-start:20px}.post-content li{margin-top:5px}.post-content li p{margin-bottom:0}.post-content dl{display:flex;flex-wrap:wrap;margin:0}.post-content dt{width:25%;font-weight:700}.post-content dd{width:75%;margin-inline-start:0;padding-inline-start:10px}.post-content dd~dd,.post-content dt~dt{margin-top:10px}.post-content table{margin-bottom:var(--content-gap)}.post-content table th,.post-content table:not(.highlighttable,.highlight table,.gist .highlight) td{min-width:80px;padding:8px 5px;line-height:1.5;border-bottom:1px solid var(--border)}.post-content table th{text-align:start}.post-content table:not(.highlighttable) td code:only-child{margin:auto 0}.post-content .highlight table{border-radius:var(--radius)}.post-content .highlighttable{table-layout:fixed}.post-content .highlighttable td:first-child{width:40px}.post-content .highlighttable td .linenodiv{padding-inline-end:0!important}.post-content .highlighttable td .highlight,.post-content .highlighttable td .linenodiv pre{margin-bottom:0}.post-content a:hover{box-shadow:0 1px 0 var(--icon)}.post-content code{margin:auto 4px;padding:4px 6px;font-size:.78em;line-height:1.5;background:var(--code-bg);border-radius:2px}.highlight pre{tab-size:4!important}.post-content blockquote{margin:20px 0;padding:0 14px;border-inline-start:3px solid var(--primary)}.post-content hr{margin:30px 0;height:2px;background:var(--tertiary);border:0}.post-content iframe{max-width:100%}.post-content img{border-radius:4px;border-color:var(--border);margin:1rem 0}.post-content img[src*="#center"]{margin:1rem auto}.post-content figure.align-center{text-align:center}.post-content figure>figcaption{color:var(--primary);font-size:16px;font-weight:700;margin:8px 0 16px;text-align:center}.post-content figure>figcaption>p{color:var(--secondary);font-size:14px;font-weight:400;text-align:center}.toc{background:0 0;padding:0 0 0 18px;border-left:2px solid var(--border);font-size:14px}.toc .details,.toc summary{display:block;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--secondary);margin-bottom:16px;cursor:default;list-style:none}.toc summary::-webkit-details-marker{display:none}.toc .inner ul,.toc ul{list-style:none;margin:0;padding:0}.toc li{list-style:none;margin:0;padding:6px 0;line-height:1.45}.toc a{color:var(--content);text-decoration:none;display:inline-block;transition:color .15s ease,transform .15s ease;box-shadow:none!important;overflow-wrap:normal;word-break:normal}.toc a:hover,.toc a.active{color:var(--icon)}.toc a:hover::before,.toc a.active::before{content:"→ ";color:var(--icon);font-weight:700;margin-right:4px}.toc ul ul{padding-left:14px}.toc{margin-bottom:32px}@media(max-width:1023px){.toc{margin:24px 0 32px;padding-left:16px}.toc summary{display:flex;align-items:center;justify-content:space-between;min-height:44px;margin:0;cursor:pointer}.toc summary .details{margin:0}.toc summary::after{content:"";width:8px;height:8px;margin-right:6px;border-right:2px solid;border-bottom:2px solid;transform:translateY(-3px)rotate(45deg)}.toc details[open] summary::after{transform:translateY(2px)rotate(-135deg)}.toc summary:focus-visible{outline:2px solid var(--icon);outline-offset:2px;border-radius:4px}.toc .inner{padding:4px 0 8px}}@media(min-width:1024px){.post-single:has(>.toc){display:grid;grid-template-columns:var(--toc-width)minmax(0,1fr);column-gap:var(--toc-gap)}.post-single:has(>.toc)>*{grid-column:2;min-width:0}.post-single>.toc{grid-column:1;grid-row:1/span 12;margin:var(--post-top)0 0;padding:0;border-left:0}.toc details{position:sticky;top:96px;max-height:calc(100vh - 120px);padding-left:18px;overflow-y:auto;overscroll-behavior:contain;border-left:2px solid var(--border);scrollbar-width:thin}}.post-footer{margin-top:56px}.post-footer>*{margin-bottom:10px}.post-tags{display:flex;flex-wrap:wrap;gap:10px}.post-tags li{display:inline-block}.post-tags a,.share-buttons,.paginav{border-radius:var(--radius);background:var(--code-bg);border:1px solid var(--border)}.post-tags a{display:block;padding:0 14px;color:var(--secondary);font-size:14px;line-height:34px;background:var(--code-bg)}.post-tags a:hover,.paginav a:hover{background:var(--border)}.share-buttons{padding:10px;display:flex;justify-content:center;overflow-x:auto;gap:10px}.share-buttons li,.share-buttons a{display:inline-flex}.share-buttons a:not(:last-of-type){margin-inline-end:12px}h1:hover .anchor,h2:hover .anchor,h3:hover .anchor,h4:hover .anchor,h5:hover .anchor,h6:hover .anchor{display:inline-flex;color:var(--icon);margin-inline-start:8px;font-weight:500;user-select:none}.paginav{display:flex;line-height:30px}.paginav a{padding-inline-start:14px;padding-inline-end:14px;border-radius:var(--radius)}.paginav .title{letter-spacing:1px;text-transform:uppercase;font-size:small;color:var(--secondary)}.paginav .prev,.paginav .next{width:50%}.paginav span:hover:not(.title){box-shadow:0 1px}.paginav .next{margin-inline-start:auto;text-align:right}[dir=rtl] .paginav .next{text-align:left}h1>a>svg{display:inline}img.in-text{display:inline;margin:auto}.buttons,.main .profile{display:flex;justify-content:center}.main .profile{align-items:center;min-height:calc(100vh - var(--header-height) - var(--footer-height) - (var(--gap) * 2));text-align:center}.profile .profile_inner{display:flex;flex-direction:column;align-items:center;gap:10px}.profile img{border-radius:50%}.buttons{flex-wrap:wrap;max-width:400px}.button{background:var(--tertiary);border-radius:var(--radius);margin:8px;padding:6px;transition:transform .1s}.button-inner{padding:0 8px}.button:active{transform:scale(.96)}svg:hover{transition:.15s}.social-icons a:nth-child(1) svg:hover{color:var(--icon);transform:scale(1.2);transition:all .2s linear}.social-icons a:nth-child(2) svg:hover{color:var(--icon);transform:scale(1.2);transition:all .2s linear}.social-icons a:nth-child(3) svg:hover{color:var(--icon);transform:scale(1.2);transition:all .2s linear}#searchbox input{padding:4px 10px;width:100%;color:var(--primary);font-weight:700;border:2px solid var(--tertiary);border-radius:var(--radius)}#searchbox input:focus{border-color:var(--secondary)}#searchResults li{list-style:none;border-radius:var(--radius);padding:10px;margin:10px 0;position:relative;font-weight:500}#searchResults{margin:10px 0;width:100%}#searchResults li:active{transition:transform .1s;transform:scale(.98)}#searchResults a{position:absolute;width:100%;height:100%;top:0;left:0;outline:none}#searchResults .focus{transform:scale(.98);border:2px solid var(--tertiary)}.terms-tags li{display:inline-block;margin:10px;font-weight:500}.terms-tags a{display:block;padding:3px 10px;background:var(--tertiary);border-radius:6px;transition:transform .1s}.terms-tags a:active{background:var(--tertiary);transform:scale(.96)}.terms-tags{text-align:center}.terms-tags a{border-radius:30px;background:0 0;transition:transform .5s}.terms-tags a:hover{background:0 0;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);transition:box-shadow .3s ease,transform .3s ease;color:var(--icon)}.dark .terms-tags a{background:0 0}.dark .terms-tags a:hover{background:0 0;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);transition:box-shadow .3s ease,transform .3s ease}.bg{color:#cad3f5;background-color:#24273a}.chroma{color:#cad3f5;background-color:#24273a}.chroma .x{}.chroma .err{color:#ed8796}.chroma .cl{}.chroma .lnlinks{outline:none;text-decoration:none;color:inherit}.chroma .lntd{vertical-align:top;padding:0;margin:0;border:0}.chroma .lntable{border-spacing:0;padding:0;margin:0;border:0}.chroma .hl{background-color:#474733}.chroma .lnt{white-space:pre;-webkit-user-select:none;user-select:none;margin-right:.4em;padding:0 .4em;color:#8087a2}.chroma .ln{white-space:pre;-webkit-user-select:none;user-select:none;margin-right:.4em;padding:0 .4em;color:#8087a2}.chroma .line{display:flex}.chroma .k{color:#c6a0f6}.chroma .kc{color:#f5a97f}.chroma .kd{color:#ed8796}.chroma .kn{color:#8bd5ca}.chroma .kp{color:#c6a0f6}.chroma .kr{color:#c6a0f6}.chroma .kt{color:#ed8796}.chroma .n{}.chroma .na{color:#8aadf4}.chroma .nb{color:#91d7e3}.chroma .bp{color:#91d7e3}.chroma .nc{color:#eed49f}.chroma .no{color:#eed49f}.chroma .nd{color:#8aadf4;font-weight:700}.chroma .ni{color:#8bd5ca}.chroma .ne{color:#f5a97f}.chroma .nf{color:#8aadf4}.chroma .fm{color:#8aadf4}.chroma .nl{color:#91d7e3}.chroma .nn{color:#f5a97f}.chroma .nx{}.chroma .py{color:#f5a97f}.chroma .nt{color:#c6a0f6}.chroma .nv{color:#f4dbd6}.chroma .vc{color:#f4dbd6}.chroma .vg{color:#f4dbd6}.chroma .vi{color:#f4dbd6}.chroma .vm{color:#f4dbd6}.chroma .l{}.chroma .ld{}.chroma .s{color:#a6da95}.chroma .sa{color:#ed8796}.chroma .sb{color:#a6da95}.chroma .sc{color:#a6da95}.chroma .dl{color:#8aadf4}.chroma .sd{color:#6e738d}.chroma .s2{color:#a6da95}.chroma .se{color:#8aadf4}.chroma .sh{color:#6e738d}.chroma .si{color:#a6da95}.chroma .sx{color:#a6da95}.chroma .sr{color:#8bd5ca}.chroma .s1{color:#a6da95}.chroma .ss{color:#a6da95}.chroma .m{color:#f5a97f}.chroma .mb{color:#f5a97f}.chroma .mf{color:#f5a97f}.chroma .mh{color:#f5a97f}.chroma .mi{color:#f5a97f}.chroma .il{color:#f5a97f}.chroma .mo{color:#f5a97f}.chroma .o{color:#91d7e3;font-weight:700}.chroma .ow{color:#91d7e3;font-weight:700}.chroma .p{}.chroma .c{color:#6e738d;font-style:italic}.chroma .ch{color:#6e738d;font-style:italic}.chroma .cm{color:#6e738d;font-style:italic}.chroma .c1{color:#6e738d;font-style:italic}.chroma .cs{color:#6e738d;font-style:italic}.chroma .cp{color:#6e738d;font-style:italic}.chroma .cpf{color:#6e738d;font-weight:700;font-style:italic}.chroma .g{}.chroma .gd{color:#ed8796;background-color:#363a4f}.chroma .ge{font-style:italic}.chroma .gr{color:#ed8796}.chroma .gh{color:#f5a97f;font-weight:700}.chroma .gi{color:#a6da95;background-color:#363a4f}.chroma .go{}.chroma .gp{}.chroma .gs{font-weight:700}.chroma .gu{color:#f5a97f;font-weight:700}.chroma .gt{color:#ed8796}.chroma .gl{text-decoration:underline}.chroma .w{}.chroma{background-color:unset!important}.chroma .hl{display:flex}.chroma .lnt{padding:0 0 0 12px}.highlight pre.chroma code{padding:8px 0}.highlight pre.chroma .line .cl,.chroma .ln{padding:0 10px}.chroma .lntd:last-of-type{width:100%}::-webkit-scrollbar{width:11px;height:7px;background-color:var(--theme)}::-webkit-scrollbar-track{background:0 0;border-radius:var(--radius)}::-webkit-scrollbar-thumb{background-color:var(--tertiary);border-radius:9999px;border:2px solid var(--theme);transition:background-color .2s ease}::-webkit-scrollbar-corner{background-color:transparent}@media screen and (max-width:768px){:root{--gap:14px}.profile img{transform:scale(.85)}.first-entry{min-height:260px}.archive-month{flex-direction:column}.archive-year{margin-top:20px}.footer{padding:calc((var(--footer-height) - var(--gap) - 10px)/2)var(--gap)}}@media screen and (max-width:900px){.list .top-link{transform:translateY(-5rem)}}@media screen and (max-width:340px){.share-buttons{justify-content:unset}}@media(prefers-reduced-motion){.terms-tags a:active,.button:active,.post-entry:active,.top-link,#searchResults .focus,#searchResults li:active{transform:none}}section.attachments{margin:2rem 0;position:relative}section.attachments label{font-weight:400;margin:0}section.attachments .attachments-files{padding:15px;font-size:1rem;margin-top:0;margin-bottom:0;color:#666}section.attachments.orange label{color:#fff;background:#f0b37e}section.attachments.orange .attachments-files{background:#fff2db}section.attachments.green label{color:#fff;background:rgba(92,184,92,.8)}section.attachments.green .attachments-files{background:#e6f9e6}section.attachments.blue label{color:#fff;background:#6ab0de}section.attachments.blue .attachments-files{background:#e7f2fa}section.attachments.grey label{color:#fff;background:#505d65;padding-left:.5em;padding-top:.2em;padding-bottom:.2em;border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)}section.attachments.grey .attachments-files{background:#6c6c6c;display:block;color:rgba(255,255,255,.8);border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius)}:root{--radius:10px;--primary:#141414;--tertiary:#cccccc}.dark{--primary:#f3f3f3;--tertiary:#666666}#root div div div button{position:relative;border-radius:var(--radius);background-color:var(--tertiary);min-width:50px;min-height:25px;color:var(--primary)}#root div div textarea,#root div div div div input{position:relative;border:2px solid var(--tertiary);border-radius:var(--radius)}#root div div .border-gray-200{border-left:2px solid var(--tertiary)}:root{--font-serif:'Newsreader', Georgia, 'Times New Roman', serif;--font-sans:'Geist', system-ui, -apple-system, 'Segoe UI', sans-serif;--font-mono:'DM Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--font-hand:'Caveat', 'Bradley Hand', 'Segoe Print', cursive}body{--page-width:var(--main-width)}body.home{--page-width:896px}@media(min-width:1024px){body:has(.post-single>.toc){--toc-width:220px;--toc-gap:56px;--page-width:calc(var(--toc-width) + var(--toc-gap) + var(--main-width))}}.nav,.main{max-width:calc(var(--page-width) + var(--gap) * 2)}@media screen and (max-width:768px){:root{--gap:16px}}@media screen and (max-width:1024px){.nav #menu-trigger{margin-right:calc(var(--gap) - 10px)}}body{--hairline:color-mix(in srgb, var(--primary) 16%, transparent);--hairline-soft:color-mix(in srgb, var(--primary) 10%, transparent);font-family:var(--font-sans)}body.list{background:var(--theme)}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);font-weight:600}strong,b{font-weight:600}code,kbd,samp,pre{font-family:var(--font-mono)}.post-content{font-family:var(--font-serif);font-size:1.1875rem;line-height:1.65}.page-header{margin:96px 0 32px}.page-header h1{font-size:clamp(2.5rem,6vw,3.5rem);line-height:1.1;letter-spacing:-.02em}.page-title-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}.page-title-row h1{margin:0}.page-title-row.is-finding .writing-tools,.page-title-row.is-finding .writing-find{flex-basis:100%}.page-note{margin:16px 0 0;font-size:.875rem;line-height:1.55;color:var(--secondary)}body.home .main{margin:0 auto;padding:0 var(--gap)64px}.folio-landing-wrapper{width:100%}.folio-landing-hero{display:flex;flex-direction:column;gap:48px;padding:96px 0 64px}.folio-headline{margin:0;font-size:clamp(3.25rem,11vw,6rem);line-height:.98;letter-spacing:-.035em;color:var(--primary)}.folio-greet,.folio-name{display:block}.folio-greet{font-style:italic;font-weight:400;letter-spacing:-.02em;color:var(--secondary)}.folio-asterisk{display:inline-block;margin-left:.04em;font-size:.6em;line-height:1;vertical-align:.55em;color:var(--icon);text-decoration:none;position:relative;transition:transform .4s cubic-bezier(.16,1,.3,1)}.folio-asterisk::before{content:"";position:absolute;inset:-6px -16px}.folio-asterisk:hover,.folio-asterisk:focus-visible{color:var(--icon);transform:rotate(90deg)}.folio-asterisk:focus-visible{outline:2px solid var(--icon);outline-offset:4px;border-radius:2px}.footnote-line:target{color:var(--primary);outline:none}@media(prefers-reduced-motion:reduce){.folio-asterisk{transition:none}.folio-asterisk:hover,.folio-asterisk:focus-visible{transform:none}}.folio-columns{display:flex;flex-wrap:wrap;gap:48px}.folio-bio-text{flex:1 1 360px;max-width:440px;min-width:0;margin:0;font-family:var(--font-serif);font-size:1.375rem;line-height:1.55;color:var(--content)}.folio-side{flex:1 1 320px;min-width:0;display:flex;flex-direction:column;gap:32px}.folio-links-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.folio-link-item{display:inline-flex;align-items:center;gap:12px;width:fit-content;min-height:44px;font-size:1.125rem;font-weight:500;color:var(--primary);transition:color .2s ease}.folio-link-item:hover,.folio-link-item svg:hover{color:var(--primary)}.folio-link-item svg{flex:none;width:20px;height:20px}.folio-sub-asterisk,.fn-marker{color:var(--icon);font-weight:600}.highlight-sketch{position:relative;display:inline-block}.highlight-sketch::after{content:"";position:absolute;left:0;bottom:-6px;width:100%;height:6px;background-color:var(--icon);-webkit-mask:var(--zigzag)repeat-x left bottom/8px 6px;mask:var(--zigzag)repeat-x left bottom/8px 6px;animation:folio-zigzag-draw 500ms cubic-bezier(.16,1,.3,1)650ms backwards}@keyframes folio-zigzag-draw{from{clip-path:inset(0 100% 0 0)}}.folio-footnotes{position:relative;display:flex;flex-direction:column;gap:8px;padding-top:16px}.folio-footnotes::before{content:"";position:absolute;inset:0 0 auto;border-top:1px dashed var(--hairline);transform-origin:left}.folio-link-item>span{position:relative;display:inline-block;isolation:isolate}.folio-link-item>span::before{content:"";position:absolute;inset:auto -3px .1em;height:.55em;z-index:-1;border-radius:2px;background:color-mix(in srgb,var(--icon) 22%,transparent);transform:scaleX(0);transform-origin:left;transition:transform 150ms cubic-bezier(.7,0,.84,0)}.folio-link-item:hover>span::before,.folio-link-item:focus-visible>span::before{transform:scaleX(1);transition:transform 200ms cubic-bezier(.16,1,.3,1)}@keyframes folio-rise{from{opacity:0;transform:translateY(8px)}}@keyframes folio-spin-in{from{opacity:0;transform:rotate(-90deg)}}@keyframes folio-draw{from{transform:scaleX(0)}}.folio-greet,.folio-name,.folio-bio-text,.folio-links-list>li,.footnote-line,.folio-landing-wrapper .editorial-section-header,.folio-landing-wrapper .writing-recent>.editorial-post-row,.folio-landing-wrapper .rec-section>.rec-body{animation:folio-rise 300ms cubic-bezier(.16,1,.3,1)backwards}.folio-landing-wrapper .rec-section>.rec-body{animation-delay:920ms}.folio-name{animation-delay:100ms}.folio-bio-text{animation-delay:300ms}.folio-links-list>li:nth-child(1){animation-delay:400ms}.folio-links-list>li:nth-child(2){animation-delay:430ms}.footnote-line:nth-of-type(1){animation-delay:700ms}.footnote-line:nth-of-type(2){animation-delay:730ms}.folio-landing-wrapper .editorial-section-header{animation-delay:750ms}.folio-landing-wrapper .writing-recent>.editorial-post-row:nth-child(1){animation-delay:800ms}.folio-landing-wrapper .writing-recent>.editorial-post-row:nth-child(2){animation-delay:830ms}.folio-landing-wrapper .writing-recent>.editorial-post-row:nth-child(3){animation-delay:860ms}.folio-landing-wrapper .writing-recent>.editorial-post-row:nth-child(4){animation-delay:890ms}.folio-asterisk{animation:folio-spin-in 300ms cubic-bezier(.16,1,.3,1)300ms backwards}.folio-footnotes::before{animation:folio-draw 300ms cubic-bezier(.16,1,.3,1)600ms backwards}@media(prefers-reduced-motion:reduce){.folio-greet,.folio-name,.folio-bio-text,.folio-links-list>li,.footnote-line,.folio-landing-wrapper .editorial-section-header,.folio-landing-wrapper .writing-recent>.editorial-post-row,.folio-landing-wrapper .rec-section>.rec-body,.folio-asterisk,.folio-footnotes::before,.highlight-sketch::after{animation:none}.folio-link-item>span::before,.folio-link-item:hover>span::before,.folio-link-item:focus-visible>span::before{transition:none}}.footnote-line{margin:0;font-size:.875rem;line-height:1.55;color:var(--secondary)}.editorial-writing-section{padding-top:32px}.editorial-section-header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px;padding-bottom:16px;border-bottom:1px solid var(--hairline)}.editorial-section-title{margin:0;font-family:var(--font-sans);font-size:2rem;font-weight:600;line-height:1.2;letter-spacing:-.02em;color:var(--primary)}.editorial-section-title .title-serif{font-family:var(--font-serif);font-size:1.1em;font-style:italic;font-weight:400;letter-spacing:normal}.editorial-all-link{display:inline-flex;align-items:center;min-height:44px;font-size:1rem;color:var(--primary)}.editorial-all-link:hover{color:var(--icon)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.writing-tools{display:flex;align-items:center;gap:4px;margin-left:auto;align-self:center}.is-finding .writing-tools{flex:1 1 320px;justify-content:flex-end}.writing-icon-btn{position:relative;flex:none;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:var(--radius);background:0 0;color:var(--secondary);cursor:pointer}.writing-icon-btn svg{width:20px;height:20px}.writing-find-close svg{width:16px;height:16px}.writing-icon-btn:hover{color:var(--primary);background:var(--hairline-soft)}.writing-icon-btn:focus-visible,.writing-empty-clear:focus-visible{outline:2px solid var(--icon);outline-offset:2px}.writing-icon-btn[hidden],.writing-find[hidden]{display:none}.icon-tip{position:absolute;bottom:calc(100% + 6px);right:0;z-index:2;padding:4px 8px;border-radius:6px;background:var(--primary);color:var(--theme);font-family:var(--font-sans);font-size:.75rem;font-weight:500;line-height:1.4;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s ease-out}.icon-tip kbd{margin-left:6px;font-family:var(--font-mono);font-size:inherit;opacity:.7}.writing-icon-btn:hover .icon-tip,.writing-icon-btn:focus-visible .icon-tip{opacity:1}.writing-find{display:flex;align-items:center;gap:4px;flex:0 1 340px;min-width:0;padding:1px 1px 1px 14px;border:1px solid var(--hairline);border-radius:var(--radius);background:var(--entry)}.writing-find:focus-within{border-color:var(--icon);box-shadow:0 0 0 1px var(--icon)}@media(prefers-reduced-motion:no-preference){.writing-find:not([hidden]){animation:writing-find-open .15s ease-out}}@keyframes writing-find-open{from{opacity:0;transform:translateX(8px)}}.writing-find input{flex:1;min-width:0;height:44px;padding:0;border:0;outline:none;background:0 0;font-family:var(--font-sans);font-size:1rem;color:var(--primary);-webkit-appearance:none;appearance:none}.writing-find input::placeholder{color:var(--secondary);opacity:1}.writing-find input::-webkit-search-cancel-button{-webkit-appearance:none}.writing-find-count{flex:none;font-family:var(--font-mono);font-size:.75rem;color:var(--secondary);white-space:nowrap}.writing-results mark{padding:0 1px;border-radius:2px;background:color-mix(in srgb,var(--icon) 18%,transparent);color:inherit}.writing-empty{padding:32px 0;border-bottom:1px solid var(--hairline-soft)}.writing-empty p{margin:0;color:var(--content)}.writing-empty-clear{min-height:44px;padding:0;border:0;background:0 0;font:inherit;font-weight:500;color:var(--primary);text-decoration:underline;text-decoration-color:var(--hairline);text-underline-offset:3px;cursor:pointer}.writing-empty-clear:hover{color:var(--icon)}@media(max-width:600px){.is-finding .writing-tools{flex-basis:100%}.is-finding .editorial-all-link{display:none}.is-finding .writing-find{flex-basis:100%}}.editorial-post-row{display:flex;flex-wrap:wrap;gap:8px 32px;padding:32px 0;border-bottom:1px solid var(--hairline-soft)}.editorial-post-meta{flex:0 0 160px;padding-top:8px;font-family:var(--font-mono);font-size:.875rem;line-height:1.5;color:var(--secondary)}.editorial-post-body{flex:1 1 320px;min-width:0;display:flex;flex-direction:column;gap:8px}.editorial-post-title{margin:0;font-size:1.75rem;font-weight:500;line-height:1.25;letter-spacing:-.01em}.editorial-post-title a{color:var(--primary);transition:color .2s ease}.editorial-post-title a:hover{color:var(--icon)}.editorial-post-summary{max-width:62ch;margin:0;font-size:1rem;line-height:1.55;color:var(--secondary)}.editorial-post-tags{display:flex;flex-wrap:wrap;gap:0 8px;font-family:var(--font-mono);font-size:.875rem;line-height:1.5;color:var(--secondary)}.editorial-tag{color:var(--secondary)}.editorial-tag:not(:last-child)::after{content:" ·"}.editorial-tag:hover{color:var(--icon)}.rec-section{padding-top:48px}.rec-body{display:flex;flex-wrap:wrap;align-items:center;gap:8px 32px;padding-top:20px}.rec-item{flex:1 1 320px;min-width:0;display:flex;flex-direction:column;gap:4px;transition:opacity 200ms cubic-bezier(.16,1,.3,1)}.rec-item.is-swapping{opacity:0;transition:opacity 150ms cubic-bezier(.7,0,.84,0)}.rec-tools{flex:none;display:flex;align-items:center;margin-left:-12px}.rec-title{margin:0;font-family:var(--font-serif);font-size:1.5rem;font-weight:500;line-height:1.25;letter-spacing:-.01em;overflow-wrap:anywhere}.rec-source{margin:0;font-family:var(--font-mono);font-size:.875rem;line-height:1.5;color:var(--secondary)}.rec-title a{display:inline-block;padding-block:7px;margin-block:-7px;color:var(--primary);transition:color .2s ease}.rec-title a:hover{color:var(--icon)}.rec-title a:focus-visible{outline:2px solid var(--icon);outline-offset:2px}.rec-arrow{color:var(--icon)}@media(prefers-reduced-motion:reduce){.rec-item,.rec-item.is-swapping{transition:none}}.pagination{margin-top:32px}.pagination a{display:inline-flex;align-items:center;min-height:44px;padding:0;font-family:var(--font-mono);font-size:.875rem;line-height:1.5;color:var(--secondary);background:0 0;border-radius:0}.pagination a:hover{color:var(--icon)}.site-footer{box-sizing:border-box;max-width:calc(var(--page-width) + var(--gap) * 2);margin:64px auto 0;padding:0 var(--gap)48px}.footer-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 24px;padding-top:16px;border-top:1px solid var(--hairline)}.footer-links{margin:0;font-family:var(--font-mono);font-size:.875rem;line-height:1.5;color:var(--secondary)}.footer-links a{color:inherit;text-decoration:underline;text-decoration-color:var(--hairline);text-underline-offset:4px}.footer-links a:hover{color:var(--icon);text-decoration-color:var(--icon)}.site-footer .social-icons{display:flex}.site-footer .social-icons a{padding:10px;color:var(--secondary)}.site-footer .social-icons a:hover{color:var(--icon)}.site-footer .social-icons a svg{width:24px;height:24px}@media(max-width:1023px){.site-footer{padding-bottom:88px}}@media(max-width:600px){.footer-bottom{flex-direction:column;align-items:center;gap:8px;text-align:center}.site-footer .social-icons{justify-content:center}}@media(max-width:600px){body.home .main{padding-bottom:48px}.folio-landing-hero{padding:48px 0 32px;gap:32px}}.logo,.logo a{font-family:var(--font-mono);font-size:.875rem;font-weight:400;color:var(--secondary)}.logo a:hover{color:var(--icon)}.post-content{font-size:1.1875rem;line-height:1.7;overflow-wrap:break-word}.post-content p,.post-content ul,.post-content ol,.post-content dl,.post-content figure,.post-content table{margin-bottom:1.25em}.post-content h1,.post-content h2{margin:2.25em 0 .6em;line-height:1.2;letter-spacing:-.01em}.post-content h1{font-size:2rem}.post-content h2{font-size:1.75rem;padding-top:.5em;border-top:1px solid var(--hairline-soft)}.post-content h3{font-size:1.375rem;margin:1.9em 0 .5em;line-height:1.3}.post-content h4{font-size:1.125rem;margin:1.6em 0 .4em}.post-content h2+h3,.post-content h2:first-child{border-top:0}.post-content ul,.post-content ol{padding-inline-start:1.4em}.post-content li{margin-top:.5em}.post-content li::marker{color:var(--secondary)}.post-content li>ul,.post-content li>ol{margin:.5em 0 0}.post-content li>p{margin-bottom:.5em}.post-content strong{font-weight:600;color:var(--primary)}.post-content blockquote{margin:1.75em 0;padding:.25em 0 .25em 1.25em;border-inline-start:3px solid var(--icon);font-style:italic;color:var(--secondary)}.post-content blockquote p{margin-bottom:.5em}.post-content hr{margin:2.5em 0;height:1px;background:var(--hairline)}.post-content img{display:block;max-width:100%;height:auto;margin:2rem auto;border:1px solid var(--hairline-soft);border-radius:6px;box-shadow:0 2px 6px rgba(0,0,0,6%),0 10px 28px rgba(0,0,0,8%)}.dark .post-content img{box-shadow:0 2px 6px rgba(0,0,0,.3),0 10px 28px rgba(0,0,0,.4)}.post-content li img{margin:1rem 0}.post-content figure{margin:2rem 0}.post-content figure img{margin:0 auto}.post-content figure>figcaption,.post-content figure>figcaption>p{margin:.75rem 0 0;font-family:var(--font-mono);font-size:.8125rem;font-weight:400;line-height:1.5;color:var(--secondary);text-align:center}.post-content :not(pre)>code{margin:0;padding:.1em .4em;font-size:.85em;line-height:inherit;color:var(--primary);background:var(--code-bg);border:1px solid var(--hairline-soft);border-radius:4px;overflow-wrap:anywhere}.post-content a code{box-shadow:none;border-radius:4px}.post-content table{display:block;max-width:100%;overflow-x:auto;font-size:1rem;border-collapse:collapse}.post-content table:not(.highlighttable) th,.post-content table:not(.highlighttable) td{padding:10px 14px;border-bottom:1px solid var(--hairline-soft);text-align:start}.post-content table th{font-weight:600;color:var(--primary);border-bottom-color:var(--hairline)}:root{--cb-bg:#19181b;--cb-bar:#232126;--cb-fg:#cac3c8;--cb-line:rgba(255, 255, 255, .08);--cb-accent:#fb7185}.post-content div.highlight{position:relative;margin:2rem 0;overflow:hidden;color:var(--cb-fg);background:var(--cb-bg)!important;border:1px solid var(--cb-line);border-radius:10px}.post-content li>div.highlight{margin:1rem 0}.code-bar{display:flex;align-items:center;gap:12px;min-height:40px;padding:0 8px 0 14px;background:var(--cb-bar);border-bottom:1px solid var(--cb-line);font-family:var(--font-mono);font-size:.8125rem;line-height:1}.code-dots{display:inline-flex;gap:7px}.code-dots i{width:10px;height:10px;border-radius:50%;background:#ff5f57}.code-dots i:nth-child(2){background:#febc2e}.code-dots i:nth-child(3){background:#28c840}.code-lang{flex:1;min-width:0;color:#948c91;letter-spacing:.02em}.copy-code{display:inline-flex;align-items:center;justify-content:center;position:relative;flex:none;width:32px;height:32px;padding:0;font:inherit;color:var(--cb-fg);background:0 0;border:1px solid var(--cb-line);border-radius:6px;cursor:pointer;transition:color .15s,border-color .15s,background-color .15s}.copy-code:hover,.copy-code:focus-visible{color:#fff;border-color:var(--cb-accent);background:rgba(255,255,255,6%)}.copy-code::after{content:"";position:absolute;inset:-6px}.copy-code svg{width:16px;height:16px}.copy-code.copied{color:#8bd5a0;border-color:#8bd5a0}.post-content div.highlight pre,.post-content div.highlight pre.chroma{margin:0;padding:16px 0;background:0 0!important;border-radius:0;overflow-x:auto;max-height:36rem;tab-size:4}.post-content div.highlight pre code{display:block;margin:0;padding:0 18px;font-family:var(--font-mono);font-size:.875rem;font-weight:400;line-height:1.65;color:var(--cb-fg);background:0 0!important;border:0;border-radius:0;white-space:pre-wrap;word-break:normal;overflow-wrap:anywhere}.post-content div.highlight pre code .line,.post-content div.highlight .cl{padding:0}.post-content div.highlight pre.chroma code{padding:0 18px}.post-content div.highlight pre{scrollbar-color:#3a363d transparent;scrollbar-width:thin}.post-content div.highlight .c,.post-content div.highlight .ch,.post-content div.highlight .cm,.post-content div.highlight .c1,.post-content div.highlight .cs,.post-content div.highlight .cpf,.post-content div.highlight .gp{color:#948c91}.post-content div.highlight .k,.post-content div.highlight .kd,.post-content div.highlight .kn,.post-content div.highlight .kp,.post-content div.highlight .kr,.post-content div.highlight .ow,.post-content div.highlight .nt,.post-content div.highlight .ne,.post-content div.highlight .gd,.post-content div.highlight .err{color:#fb7185;background:0 0}.post-content div.highlight .nf,.post-content div.highlight .fm,.post-content div.highlight .nc,.post-content div.highlight .na,.post-content div.highlight .nl,.post-content div.highlight .kt,.post-content div.highlight .gh,.post-content div.highlight .gu{color:#f6c177}.post-content div.highlight .s,.post-content div.highlight .sa,.post-content div.highlight .sb,.post-content div.highlight .sc,.post-content div.highlight .dl,.post-content div.highlight .sd,.post-content div.highlight .s2,.post-content div.highlight .sh,.post-content div.highlight .sx,.post-content div.highlight .sr,.post-content div.highlight .s1,.post-content div.highlight .ss,.post-content div.highlight .nb,.post-content div.highlight .bp,.post-content div.highlight .gi{color:#9ccfd8}.post-content div.highlight .m,.post-content div.highlight .mb,.post-content div.highlight .mf,.post-content div.highlight .mh,.post-content div.highlight .mi,.post-content div.highlight .il,.post-content div.highlight .mo,.post-content div.highlight .kc,.post-content div.highlight .no,.post-content div.highlight .nd,.post-content div.highlight .se,.post-content div.highlight .si,.post-content div.highlight .cp{color:#c4a7e7}.post-content div.highlight .o,.post-content div.highlight .p,.post-content div.highlight .n,.post-content div.highlight .nn,.post-content div.highlight .nv,.post-content div.highlight .vc,.post-content div.highlight .vg,.post-content div.highlight .vi,.post-content div.highlight .nx{color:var(--cb-fg)}.post-content div.highlight .sh-c{color:#f6c177;font-weight:500}.post-content div.highlight .sh-k{color:#fb7185}.post-content div.highlight .sh-f{color:#c4a7e7}.post-content div.highlight .sh-p{color:#9ccfd8}.post-content div.highlight .ge{font-style:italic}.post-content div.highlight .gs{font-weight:500}@media(max-width:640px){.post-content{font-size:1.0625rem;line-height:1.65}.post-content h2{font-size:1.5rem}.post-content h3{font-size:1.25rem}.post-content div.highlight pre code{font-size:.8125rem}.post-content div.highlight{border-radius:8px}}.lost{max-width:560px;margin:0 auto;padding:96px 0 64px}.lost-log{display:flex;flex-wrap:wrap;gap:4px 12px;margin:0 0 24px;font-family:var(--font-mono);font-size:.875rem;line-height:1.5;color:var(--secondary)}.lost-verb{color:var(--primary)}#lost-path{min-width:0;overflow-wrap:anywhere}.lost-code{color:var(--icon)}.lost-title{margin:0;font-size:clamp(2.25rem,6vw,3.25rem);line-height:1.1;letter-spacing:-.02em;text-wrap:balance;color:var(--primary)}.lost-note{max-width:46ch;margin:16px 0 32px;font-family:var(--font-serif);font-size:1.25rem;line-height:1.55;color:var(--content)}.lost-links{margin:0;padding:0;list-style:none;border-top:1px solid var(--hairline)}.lost-links a{display:flex;align-items:center;justify-content:space-between;min-height:56px;font-size:1.125rem;font-weight:500;color:var(--primary);border-bottom:1px solid var(--hairline-soft);transition:color .2s ease,padding-left .3s cubic-bezier(.16,1,.3,1)}.lost-links a::after{content:"→";color:var(--secondary);transition:color .2s ease}.lost-links a:hover{color:var(--icon);padding-left:8px}.lost-links a:hover::after{color:var(--icon)}.lost-hint{margin:24px 0 0;font-size:.875rem;line-height:1.5;color:var(--secondary)}.lost-hint kbd,.lost-hint code{padding:.1em .4em;font-family:var(--font-mono);font-size:.8125rem;color:var(--primary);background:var(--code-bg);border:1px solid var(--hairline-soft);border-radius:4px}@media(max-width:600px){.lost{padding:48px 0 32px}}@media(prefers-reduced-motion:reduce){.lost-links a{transition:color .2s ease}.lost-links a:hover{padding-left:0}}.lost-hint-touch{display:none}@media(hover:none){.lost-hint-keys{display:none}.lost-hint-touch{display:inline}}.about{padding:96px 0 32px}.about-title{max-width:16ch;margin:0;font-size:clamp(2.5rem,8.5vw,6rem);line-height:1;letter-spacing:-.035em;color:var(--primary)}.about-story{max-width:62ch;margin-top:40px;font-family:var(--font-serif);font-size:1.3125rem;line-height:1.6;color:var(--content)}.about-story p{margin:0 0 1em}.about-story p:last-child{margin-bottom:0}@keyframes about-fade{from{opacity:0;transform:translateY(4px)}}body:has(.arch-wrap){--page-width:1040px}.arch-wrap{--a-canvas:#e6eadf;--a-card:#f7f6f1;--a-ink:#2a2d36;--a-plate:#efe3dd;--a-line:rgba(25, 20, 20, 0.5);--a-onacc:#fff;--muted:rgb(95, 86, 86);container-type:inline-size;margin-top:72px}.dark .arch-wrap{--a-canvas:#161917;--a-card:#2a2c2b;--a-ink:#3b4152;--a-plate:#efd9d6;--a-line:rgba(245, 242, 244, 0.5);--a-onacc:#2a0a12;--muted:rgb(176, 168, 173)}.arch-wrap .editorial-section-header{margin-bottom:24px}.arch-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}@container(min-width:880px){.arch-layout {
    grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
    align-items: start;
  }

  
  .arch-main {
    position: sticky;
    top: 24px;
  }
}.arch-stage{position:relative;container:stage/inline-size;border-radius:16px;background:var(--a-canvas)}.arch-svg{display:block;width:100%;height:auto}.m-card.t{--f:var(--a-card)}.m-card.l{--f:color-mix(in srgb, var(--a-card) 90%, #000)}.m-card.r{--f:color-mix(in srgb, var(--a-card) 80%, #000)}.m-acc.t{--f:var(--icon)}.m-acc.l{--f:color-mix(in srgb, var(--icon) 84%, #000)}.m-acc.r{--f:color-mix(in srgb, var(--icon) 70%, #000)}.m-ink.t{--f:color-mix(in srgb, var(--a-ink) 80%, #fff)}.m-ink.l{--f:var(--a-ink)}.m-ink.r{--f:color-mix(in srgb, var(--a-ink) 75%, #000)}.m-plate.t{--f:var(--a-plate)}.m-plate.l{--f:color-mix(in srgb, var(--a-plate) 88%, #000)}.m-plate.r{--f:color-mix(in srgb, var(--a-plate) 78%, #000)}.arch-svg [class*=m-]{fill:var(--f);stroke:var(--f);stroke-width:.6;stroke-linejoin:round}.arch-svg .strip{fill:color-mix(in srgb,var(--a-ink) 45%,#fff)}.arch-svg .led{fill:var(--icon)}.arch-svg .screen{fill:var(--a-card)}.arch-svg .screen-bar{fill:var(--icon)}.arch-svg .mark{fill:var(--a-card)}.arch-svg .flap{fill:none;stroke:var(--icon);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}.arch-svg .chev{fill:none;stroke:var(--icon);stroke-width:3;stroke-linejoin:round;stroke-linecap:round}.arch-svg .dial{fill:none;stroke:color-mix(in srgb,var(--a-ink) 45%,#fff);stroke-width:2.5}.arch-svg .dial-hub{fill:color-mix(in srgb,var(--a-ink) 45%,#fff)}.arch-svg .log{fill:var(--muted)}.arch-svg .log-acc{fill:var(--icon)}.arch-svg .badge{fill:var(--icon)}.arch-svg .tick{fill:none;stroke:var(--a-onacc);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.arch-svg .shield{fill:var(--icon)}.arch-svg .shield-tick{fill:none;stroke:var(--a-onacc);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.arch-svg .docline{fill:var(--icon)}.arch-svg .zone{font-family:var(--font-hand);font-weight:500;fill:var(--primary)}.arch-svg .num{font:600 58px var(--font-serif);fill:var(--primary);letter-spacing:-.02em}.arch-svg .cap{font:500 15px var(--font-sans);fill:var(--muted)}.arch-svg .lam{font:600 18px var(--font-serif);fill:var(--icon)}.arch-svg .route{fill:none;stroke:var(--a-line);stroke-width:2;stroke-dasharray:3 7;stroke-linecap:round;stroke-linejoin:round}.arch-svg .route.is-active{stroke:var(--primary);stroke-width:2.5;stroke-dasharray:8 6}.arch-svg .arrow{fill:var(--a-line)}.arch-svg .route.is-active+.arrow{fill:var(--primary)}.arch-svg .packet{fill:var(--primary);stroke:var(--a-canvas);stroke-width:2}.arch-svg .halo{--hc:var(--icon);fill:color-mix(in srgb,var(--hc) 14%,transparent);stroke:var(--hc);stroke-width:2.5;stroke-linejoin:round;opacity:0}.arch-svg .halo.on-acc{--hc:var(--a-onacc)}.arch-svg .node{cursor:pointer}.arch-svg .node:hover .halo{opacity:.55}.arch-svg .node.is-selected .halo{opacity:1}@media(prefers-reduced-motion:no-preference){.arch-svg .halo{transition:opacity .15s ease-out}}.arch-label{position:absolute;left:var(--x);top:var(--y);display:flex;gap:2px;margin:0;font-family:var(--font-hand);font-size:clamp(.875rem,3cqi,1.375rem);line-height:1;color:var(--muted);white-space:nowrap;pointer-events:none}@container stage (max-width:600px){.arch-label.minor {
    display: none;
  }
}.arch-label.tone-acc{color:var(--a-onacc)}.arch-label svg{flex:none;width:clamp(24px,4.6cqi,34px);height:auto;aspect-ratio:40/32}.arch-label.side-tl{align-items:flex-end;transform:translate(-100%,-100%)rotate(-3deg);transform-origin:right bottom}.arch-label.side-tl svg{margin-bottom:-11px}.arch-label.side-tr{align-items:flex-end;transform:translate(0,-100%)rotate(3deg);transform-origin:left bottom}.arch-label.side-tr svg{order:-1;margin-bottom:-11px;transform:scaleX(-1)}.arch-label.side-bl{align-items:flex-start;transform:translate(-100%,0)rotate(3deg);transform-origin:right top}.arch-label.side-bl svg{margin-top:-11px;transform:scaleY(-1)}.arch-label.side-br{align-items:flex-start;transform:rotate(-3deg);transform-origin:left top}.arch-label.side-br svg{order:-1;margin-top:-11px;transform:scale(-1,-1)}.arch-hint{display:flex;align-items:flex-end;gap:4px;margin:10px 0 0 8px;font-family:var(--font-hand);font-size:1.375rem;line-height:1;color:var(--muted);transform:rotate(-1.5deg);transform-origin:left center}.arch-hint[hidden]{display:none}.arch-hint svg{flex:none;width:30px;height:auto;aspect-ratio:40/32;margin-bottom:-10px;transform:rotate(60deg)}.arch-detail .panel-note{margin-top:6px;font-family:var(--font-hand);font-size:1.375rem;line-height:1.1;color:var(--icon);transform:rotate(-1.5deg);transform-origin:left center}.hand-note{margin:8px 0 0;font-family:var(--font-hand);font-size:1.25rem;line-height:1.25;color:var(--muted)}.arch-tabs{display:flex;gap:8px;margin:12px 0 14px}.arch-tabs[hidden]{display:none}.arch-tab{position:relative;flex:1;min-width:44px;max-width:64px;aspect-ratio:1;display:flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--hairline);border-radius:var(--radius);background:var(--entry);color:var(--secondary);cursor:pointer}.arch-tab>svg{width:44%;height:44%}.arch-tab:hover{border-color:var(--primary);color:var(--primary)}.arch-tab[aria-pressed=true]{border-color:var(--icon);background:color-mix(in srgb,var(--icon) 10%,var(--entry));color:var(--icon)}.arch-tab[aria-pressed=true]::after{content:"";position:absolute;left:50%;bottom:-9px;width:6px;height:6px;border-radius:50%;background:var(--icon);transform:translateX(-50%)}@media(prefers-reduced-motion:no-preference){.arch-tab{transition:transform .15s ease-out,border-color .15s ease-out}.arch-tab:hover{transform:translateY(-2px)}}.arch-tip{position:absolute;bottom:calc(100% + 8px);left:50%;z-index:2;padding:4px 8px;border-radius:6px;background:var(--primary);color:var(--theme);font-family:var(--font-sans);font-size:.8125rem;font-weight:500;line-height:1.4;white-space:nowrap;opacity:0;transform:translateX(-50%);pointer-events:none}.arch-tab:first-child .arch-tip{left:0;transform:none}.arch-tab:last-child .arch-tip{left:auto;right:0;transform:none}@media(prefers-reduced-motion:no-preference){.arch-tip{transition:opacity .15s ease-out}}.arch-tab:hover .arch-tip,.arch-tab:focus-visible .arch-tip{opacity:1}.arch-tab:focus-visible,.detail-link:focus-visible,.editorial-post-title a:focus-visible{outline:2px solid var(--icon);outline-offset:2px}.arch-panel{padding:24px;border-radius:12px;background:var(--entry)}.arch-detail[hidden]{display:none}@media(prefers-reduced-motion:no-preference){.arch-detail:not([hidden]){animation:about-fade .2s ease-out}}.arch-detail h3,.arch-detail h4,.arch-detail h5,.arch-detail p,.arch-detail dl,.arch-detail ul{margin:0}.arch-panel .editorial-section-header{padding-bottom:12px}.arch-panel .editorial-section-title{font-size:1.875rem}.arch-detail .page-note{margin-top:12px}.arch-detail .detail-sub{margin-top:28px;font-family:var(--font-sans);font-size:1rem;font-weight:600;color:var(--primary)}.arch-detail .detail-text{margin-top:16px;max-width:52ch;font-size:1rem;line-height:1.6;color:var(--content)}.arch-detail .editorial-post-row{gap:6px 20px;padding:22px 0}.arch-detail .detail-sub+.editorial-post-row,.arch-detail .detail-text+.editorial-post-row{margin-top:8px;border-top:1px solid var(--hairline-soft)}.arch-detail .editorial-post-meta{flex:0 0 112px;padding-top:5px;font-size:.8125rem}.arch-detail .editorial-post-meta span{display:block}.arch-detail .editorial-post-body{flex:1 1 200px;gap:6px}.arch-detail .editorial-post-title{font-family:var(--font-serif);font-size:1.375rem}.arch-detail .editorial-post-summary{font-size:.9375rem}.arch-detail .editorial-post-summary strong{font-weight:600;color:var(--primary)}.detail-link{display:inline-flex;align-items:center;width:fit-content;min-height:44px;font-size:.875rem;color:var(--primary);text-decoration:underline;text-decoration-color:var(--hairline);text-underline-offset:3px}.detail-link:hover{color:var(--icon);text-decoration-color:initial}.arch-detail .editorial-post-body>.detail-link{margin-top:2px}.arch-detail .editorial-post-row+.detail-link{margin-top:8px}.arch-detail .work-story{max-width:52ch;margin-top:20px;font-family:var(--font-serif);font-size:1.1875rem;line-height:1.65;color:var(--content)}.arch-detail .work-story p{margin:0 0 1em}.arch-detail .work-story p:last-child{margin-bottom:0}@media(prefers-reduced-motion:reduce){.arch-tab{transition:none}}@media(max-width:640px){.arch-wrap{margin-top:56px}.arch-stage{border-radius:12px}.arch-panel{padding:20px}}@media(max-width:600px){.about{padding-top:48px}}.logo a{min-height:44px}.logo-mark{flex:none;color:#4a3426}.dark .logo-mark{color:#f3ece2}button#theme-toggle{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.footer-links a,.editorial-tag{display:inline-block;padding-block:12px;margin-block:-12px}.terms-tags sup{font-size:12px}#menu-trigger{display:none}.menu{display:flex;margin:auto var(--gap);list-style:none;word-break:keep-all;overflow-x:auto;white-space:nowrap}.menu li+li{margin-inline-start:var(--gap)}.menu a{font-size:16px}.menu .active{font-weight:500;border-bottom:2px solid}@media screen and (max-width:1024px){#menu-trigger{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin:auto var(--gap)auto auto;padding:0;color:var(--primary);cursor:pointer}#menu-trigger .icon-close,#menu-trigger[aria-expanded=true] .icon-menu{display:none}#menu-trigger[aria-expanded=true] .icon-close{display:block}.nav{position:relative}.menu{position:absolute;top:var(--header-height);right:var(--gap);z-index:5;flex-direction:column;min-width:200px;line-height:1.5;margin:0;padding:8px;overflow:visible;background:var(--entry);border:1px solid var(--hairline);border-radius:var(--radius);box-shadow:0 4px 16px rgba(0,0,0,6%)}.menu.hidden{display:none}.menu li+li{margin-inline-start:0}.menu a{display:flex;align-items:center;min-height:44px;padding:0 16px;border-radius:4px}.menu a::after,.menu a:has(span.active)::after{display:none}.menu span.active{position:relative}.menu span.active::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:6px;background:currentColor;-webkit-mask:var(--zigzag)repeat-x left bottom/8px 6px;mask:var(--zigzag)repeat-x left bottom/8px 6px}.menu a:hover{background:var(--code-bg)}}body:has(.notes-page){--page-width:1040px}.notes-page{--paper-ink:#2b2420;--paper-ink-soft:#5e524b;--paper-butter:#fbefc0;--paper-rose:#f8dcd8;--paper-sage:#dcead3;--paper-sky:#d6e6f3;--paper-shadow:0 1px 2px rgba(43, 36, 32, 0.08), 0 6px 16px rgba(43, 36, 32, 0.08);--pin:var(--icon);container-type:inline-size;padding:96px 0 64px}.dark .notes-page{--paper-butter:#e6d8a6;--paper-rose:#e3c6c1;--paper-sage:#c5d6bb;--paper-sky:#bfd2e2;--paper-shadow:0 1px 2px rgba(0, 0, 0, 0.4), 0 8px 20px rgba(0, 0, 0, 0.35)}.notes-page [hidden]{display:none!important}.notes-page [data-color=butter]{--paper:var(--paper-butter)}.notes-page [data-color=rose]{--paper:var(--paper-rose)}.notes-page [data-color=sage]{--paper:var(--paper-sage)}.notes-page [data-color=sky]{--paper:var(--paper-sky)}.notes-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:64px}@container(min-width:880px){.notes-layout {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr);
    gap: 56px;
    align-items: start;
  }
}@container(min-width:880px){@media (min-height: 860px) {
    .note-compose {
      position: sticky;
      top: 24px;
    }
  }
}.notes-layout .editorial-section-header{padding-bottom:12px}.notes-layout .editorial-section-title{font-size:1.875rem}.notes-layout .panel-note{margin:6px 0 0;font-family:var(--font-hand);font-size:1.375rem;line-height:1.1;color:var(--icon);transform:rotate(-1.5deg);transform-origin:left center}.notes-layout .detail-text{margin:16px 0 0;max-width:52ch;font-size:1rem;line-height:1.6;color:var(--content)}#note-form{margin-top:24px}.nf-field{margin:0 0 20px;padding:0;border:0;min-width:0}.nf-field>label,.nf-field>legend{display:block;margin-bottom:8px;padding:0;font-size:.9375rem;font-weight:500;color:var(--primary)}.nf-optional{font-weight:400;color:var(--secondary)}.note-compose input[type=email]{display:block;width:100%;min-height:44px;padding:0 12px;font:inherit;font-size:1rem;color:var(--primary);background:var(--theme);border:1px solid color-mix(in srgb,var(--primary) 32%,transparent);border-radius:var(--radius)}.note-compose input[type=email]::placeholder{color:var(--secondary);opacity:1}.note-compose input[type=email]:focus-visible,.nf-paper:has(textarea:focus-visible){outline:2px solid var(--icon);outline-offset:3px}.note-compose input[type=email][aria-invalid=true]{border-color:var(--icon)}.nf-paper{position:relative;padding:32px 18px 10px;background:var(--paper);box-shadow:var(--paper-shadow)}.nf-paper:has([aria-invalid=true]){box-shadow:inset 0 0 0 2px var(--icon),var(--paper-shadow)}.nf-date{font-family:var(--font-mono);font-size:.75rem;color:var(--paper-ink-soft)}.nf-paper textarea{display:block;width:100%;min-height:132px;margin:4px 0 6px;padding:0;font-family:var(--font-hand);font-size:1.5rem;line-height:1.25;color:var(--paper-ink);background:0 0;border:0;outline:none;field-sizing:content;resize:none}@supports not (field-sizing:content){.nf-paper textarea{resize:vertical}}.nf-paper textarea::placeholder{color:var(--paper-ink-soft);opacity:1}.nf-paper-foot{display:flex;flex-wrap:wrap;align-items:center;gap:0 8px}.nf-sign{font-family:var(--font-mono);font-size:.8125rem;color:var(--paper-ink-soft);white-space:nowrap;cursor:text}.nf-paper-foot input{flex:1 1 120px;min-width:0;min-height:44px;padding:0 2px;font-family:var(--font-mono);font-size:1rem;color:var(--paper-ink);background:0 0;border:0;border-bottom:1px dashed var(--paper-ink-soft);border-radius:0}.nf-paper-foot input::placeholder{color:var(--paper-ink-soft);opacity:1}.nf-paper-foot input:focus-visible{outline:2px solid var(--paper-ink);outline-offset:2px}.nf-paper-foot input[aria-invalid=true]{border-bottom:2px solid var(--paper-ink)}.nf-count{margin-left:auto;font-family:var(--font-mono);font-size:.75rem;color:var(--paper-ink-soft)}.nf-count.is-near{color:var(--paper-ink);font-weight:500}.nf-swatches{display:flex;gap:4px}.nf-swatch{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;cursor:pointer}.nf-swatch input{position:absolute;inset:0;margin:0;opacity:0;cursor:pointer}.nf-swatch-chip{width:26px;height:26px;border-radius:2px;background:var(--paper);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary) 18%,transparent),0 1px 2px rgba(0,0,0,.18);transform:rotate(var(--chip-tilt,-5deg))}.nf-swatch:nth-child(even){--chip-tilt:4deg}.nf-swatch input:checked+.nf-swatch-chip{box-shadow:0 0 0 2px var(--theme),0 0 0 4px var(--primary),0 4px 8px rgba(0,0,0,.2);transform:translateY(-2px)rotate(0)}.nf-swatch input:focus-visible+.nf-swatch-chip{outline:2px solid var(--icon);outline-offset:6px}.nf-sr,.nf-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.nf-check{display:grid;grid-template-columns:44px 1fr;align-items:center;column-gap:4px}.nf-check input{justify-self:center;width:20px;height:20px;margin:0;accent-color:var(--primary);cursor:pointer}.nf-check label{display:flex;align-items:center;min-height:44px;font-size:.9375rem;font-weight:500;color:var(--primary);cursor:pointer}.nf-check input:focus-visible{outline:2px solid var(--icon);outline-offset:2px}.nf-check .nf-hint{grid-column:2;margin-top:-6px}.nf-hint,.nf-error{margin:6px 0 0;font-size:.8125rem;line-height:1.45;color:var(--secondary)}.nf-error{color:var(--icon);font-weight:500}.cf-turnstile{margin-bottom:20px}.nf-submit{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px}.nf-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;font:inherit;font-size:.9375rem;font-weight:500;color:var(--theme);background:var(--primary);border:1px solid var(--primary);border-radius:var(--radius);cursor:pointer;transition:opacity .15s ease}.nf-button:hover{opacity:.88}.nf-button:focus-visible{outline:2px solid var(--icon);outline-offset:2px}.nf-button-quiet{color:var(--primary);background:0 0;border-color:color-mix(in srgb,var(--primary) 32%,transparent)}.nf-button-quiet:hover{opacity:1;border-color:var(--primary)}.nf-spinner{display:none;width:14px;height:14px;border:2px solid;border-right-color:transparent;border-radius:50%}.nf-button.is-busy{cursor:progress}.nf-button.is-busy .nf-spinner{display:inline-block;animation:nf-spin .8s linear infinite}@keyframes nf-spin{to{transform:rotate(360deg)}}.nf-status{flex:1 1 220px;margin:0;font-size:.875rem;line-height:1.45;color:var(--primary)}.nf-status:empty{display:none}.nf-status[data-tone=error]{color:var(--icon);font-weight:500}.note-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(196px,1fr));gap:28px 24px;margin:32px 0 0;padding:0;list-style:none}.note-grid:empty{display:none}.note{position:relative;display:flex;flex-direction:column;min-height:176px;margin:0;padding:32px 18px 16px;color:var(--paper-ink);background:var(--paper,var(--paper-butter));box-shadow:var(--paper-shadow);transform:translate(var(--dx,0px),var(--dy,0px))rotate(var(--tilt,0deg))}.note-grid.is-movable .note:not(.note-skeleton){cursor:grab;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.note-grid .note.is-dragging{cursor:grabbing;box-shadow:0 2px 4px rgba(43,36,32,.12),0 16px 32px rgba(43,36,32,.18);transform:translate(var(--dx,0px),var(--dy,0px))rotate(0);transition:none}.note,.nf-paper{border-radius:10px}.note::before,.nf-paper::before{content:"";position:absolute;top:10px;left:50%;width:40px;height:8px;margin-left:-20px;border-radius:4px;background:var(--theme);box-shadow:inset 0 1px 2px rgba(0,0,0,.3)}.badge-head{display:flex;justify-content:flex-end;margin-bottom:10px}.note-date{font-family:var(--font-mono);font-size:.75rem;color:var(--paper-ink-soft)}.note-message{flex:1;margin:0 0 16px;font-family:var(--font-hand);font-size:1.5rem;line-height:1.2;white-space:pre-line;overflow-wrap:anywhere}.note-name{margin:auto 0 0;font-family:var(--font-mono);font-size:.8125rem;color:var(--paper-ink-soft);overflow-wrap:anywhere}.note-name::before{content:"— "}.note-skeleton{background:var(--tertiary);box-shadow:none}.note-skeleton::before{display:none}.board-state{margin-top:32px;padding:40px 24px;text-align:center;background:var(--entry);border:1px dashed var(--hairline);border-radius:var(--radius)}.board-state-title{margin:0 0 6px;font-family:var(--font-serif);font-size:1.25rem;font-weight:600;color:var(--primary)}.board-state-text{margin:0 auto 20px;max-width:44ch;font-size:.9375rem;color:var(--secondary)}.board-more{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 16px;margin-top:40px}.board-hint{display:none;flex-basis:100%;margin:0;text-align:center;font-family:var(--font-hand);font-size:1.25rem;color:var(--secondary)}.note-grid.is-movable~.board-more .board-hint{display:block}@media(prefers-reduced-motion:no-preference){.note-skeleton{animation:note-pulse 1.4s ease-in-out infinite}.note:not(.note-skeleton),.nf-swatch-chip{transition:transform .2s ease}@media(hover:hover){.note:not(.note-skeleton,.is-dragging):hover{transform:translate(var(--dx,0px),calc(var(--dy,0px) - 2px))rotate(0)}}}@media(prefers-reduced-motion:reduce){.nf-button.is-busy .nf-spinner{animation-duration:2.4s}}@keyframes note-pulse{50%{opacity:.55}}@media(max-width:600px){.notes-page{padding-top:64px}.note-grid{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:20px 14px}.note{min-height:150px;padding:30px 14px 14px}.note-message{font-size:1.375rem}}