:root{--w:780px}*{box-sizing:border-box}html,body{margin:0}body{-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Onest,system-ui,sans-serif}html[data-theme=dark]{--bg:#0b0b0c;--fg:#f6f5f2;--fg2:#c4c3bd;--dim:#8a8984;--card:#141415;--cardh:#1a1a1c;--bd:#26262a;--chip:#18181a;--chipbd:#2c2c30;--chipfg:#dcdbd5;--code:#121214;--codebd:#26262a;--codefg:#dcdbd5;--ac:#ff7a45;--acsoft:#ff7a451f;--acbd:#ff7a4559;--onac:#1a0d07;--ok:#3ddc84;--glow:#ff7a4529;--grid:#ffffff0b}html[data-theme=light]{--bg:#fbfaf7;--fg:#16150f;--fg2:#4a4943;--dim:#7c7b74;--card:#fff;--cardh:#f6f4ee;--bd:#e4e1d8;--chip:#f3f1ea;--chipbd:#e0dcd0;--chipfg:#37362f;--code:#f4f2ec;--codebd:#e0dcd0;--codefg:#37362f;--ac:#d9480f;--acsoft:#d9480f14;--acbd:#d9480f4d;--onac:#fff;--ok:#1f9d55;--glow:#ff7a452e;--grid:#0000000d}html,body{background:var(--bg);color:var(--fg)}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(600px 380px at 50% -80px,var(--glow),transparent 70%),radial-gradient(var(--grid) 1px,transparent 1px) 0 0/22px 22px;position:fixed;inset:0;mask-image:linear-gradient(#000,#0000 620px)}::selection{background:var(--ac);color:var(--onac)}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--ac);outline-offset:3px;border-radius:6px}.serif{letter-spacing:0;font-family:Instrument Serif,Georgia,serif;font-style:italic;font-weight:400}.mono{font-family:JetBrains Mono,ui-monospace,monospace}.acc{color:var(--ac)}@keyframes fadein{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--ok)}70%{box-shadow:0 0 0 7px #0000}to{box-shadow:0 0 #0000}}.rise{animation:.7s cubic-bezier(.2,.7,.2,1) both rise;animation-delay:calc(var(--d,0) * 80ms)}@media (prefers-reduced-motion:reduce){.rise,.dot{animation:none!important}}.dot{background:var(--ok);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse;display:inline-block}.io{transition:color .18s,transform .18s}.io:hover{color:var(--ac);transform:translateY(-2px)}.chip{transition:border-color .18s,color .18s,background .18s}.chip:hover{border-color:var(--acbd);color:var(--ac);background:var(--acsoft)}.pcard{transition:border-color .2s,background .2s,transform .2s,box-shadow .2s}.pcard:hover{border-color:var(--acbd);background:var(--cardh);box-shadow:0 10px 30px -18px var(--ac)}a.pcard:hover,.fcard:hover{transform:translateY(-2px)}.fcard{transition:border-color .2s,transform .2s}.fcard:hover{border-color:var(--acbd)}.cta{transition:border-color .2s,background .2s,color .2s}.cta:hover{border-color:var(--acbd);background:var(--acsoft);color:var(--ac)}.btn{border:1px solid var(--bd);color:var(--fg);border-radius:10px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:600;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s;display:inline-flex}.btn:hover{border-color:var(--acbd);transform:translateY(-2px)}.btn-p{background:var(--ac);border-color:var(--ac);color:var(--onac);box-shadow:0 8px 24px -10px var(--ac)}.btn-p:hover{box-shadow:0 12px 30px -10px var(--ac)}.nl{color:var(--fg2);font-size:14px;transition:color .18s}.nl:hover{color:var(--ac)}.tt{transition:color .18s}.tt:hover{color:var(--ac)}.back{transition:color .18s}.back:hover{color:var(--ac)}.exp{transition:color .18s}.exp:hover .expco{color:var(--ac)}.post{transition:color .18s}.post:hover .ptitle{color:var(--ac)}html[data-theme=dark] [data-theme-icon=light],html[data-theme=light] [data-theme-icon=dark]{display:none}.navlink[aria-current=page]{color:var(--fg);font-weight:600}.kbtn{border:1px solid var(--bd);background:var(--card);height:34px;color:var(--fg2);cursor:pointer;font:inherit;border-radius:9px;align-items:center;gap:7px;padding:0 10px;transition:border-color .18s,color .18s;display:inline-flex}.kbtn:hover{border-color:var(--acbd);color:var(--ac)}.kbtn kbd{font-size:11px}@media (width<=560px){.navlink{display:none}}.tabbar{display:none}@media (width<=560px){.tabbar{z-index:40;padding:6px 6px calc(6px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(14px)saturate(1.4);border-top:1px solid var(--bd);display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar a{color:var(--dim);-webkit-tap-highlight-color:transparent;border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:3px;padding:6px 0;font-size:10.5px;font-weight:500;display:flex}.tabbar a[aria-current=page]{color:var(--ac);background:var(--acsoft)}body{padding-bottom:calc(68px + env(safe-area-inset-bottom))}}#palette{border:1px solid var(--bd);background:var(--card);width:min(620px,100vw - 32px);color:var(--fg);box-shadow:0 30px 80px -20px #0000008c,0 0 0 1px var(--acsoft);border-radius:16px;margin:12vh auto auto;padding:0}#palette::backdrop{backdrop-filter:blur(4px);background:#0505068c}#palette[open]{animation:.18s fadein}#palette-q{min-width:0;color:var(--fg);font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:16px}.pi{border-radius:10px;align-items:center;gap:12px;min-width:0;padding:10px 12px;font-size:14px;display:flex}.pi:hover,.pi.sel{background:var(--acsoft)}.pi.sel{box-shadow:inset 2px 0 0 var(--ac)}.spot{position:relative}.spot:after{content:"";border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(280px circle at var(--mx,50%) var(--my,50%),var(--acsoft),transparent 70%);transition:opacity .3s;position:absolute;inset:0}.spot:hover:after{opacity:1}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.reveal{animation:linear both rise view();animation-range:entry entry 35%}}}.art a{color:var(--ac);text-decoration:underline;text-decoration-color:var(--acbd);text-underline-offset:3px}details.pcard summary{cursor:pointer;list-style:none}details.pcard summary::-webkit-details-marker{display:none}details.pcard summary::marker{content:""}details.pcard .chev{color:var(--dim);transition:transform .18s;display:inline-block}details[open].pcard .chev{color:var(--ac);transform:rotate(90deg);border-color:var(--acbd)!important}details.pcard .pbody{animation:.22s fadein}.art p{color:var(--fg2);margin:0 0 20px;font-size:17px;line-height:1.75}.art h2{letter-spacing:-.01em;color:var(--fg);margin:44px 0 16px;font-size:24px;font-weight:700}.art h3{letter-spacing:-.01em;color:var(--fg);margin:32px 0 14px;font-size:19px;font-weight:700}.art ul{flex-direction:column;gap:11px;margin:0 0 20px;padding-left:0;list-style:none;display:flex}.art ol{color:var(--fg2);flex-direction:column;gap:11px;margin:0 0 20px;padding-left:22px;display:flex}.art ol li{color:var(--fg2);padding-left:6px;font-size:17px;line-height:1.6}.art li{color:var(--fg2);padding-left:22px;font-size:17px;line-height:1.6;position:relative}.art li:before{content:"—";color:var(--ac);position:absolute;left:0}.art strong{color:var(--fg);font-weight:600}.art em{color:var(--fg2)}.art blockquote{border-left:2px solid var(--ac);color:var(--fg2);margin:0 0 20px;padding:4px 0 4px 18px;font-style:italic}.art blockquote p{margin:0}.art code{background:var(--chip);border:1px solid var(--chipbd);color:var(--chipfg);border-radius:4px;padding:2px 6px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:14px}.art pre{border:1px solid var(--codebd);border-radius:12px;margin:0 0 20px;padding:18px 20px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:14px;line-height:1.6;overflow-x:auto;background:var(--code)!important;color:var(--codefg)!important}.art pre span{color:var(--codefg)!important;background:0 0!important}.art pre code{background:0 0;border:none;padding:0}.art img{border:1px solid var(--bd);border-radius:12px;max-width:100%;height:auto;margin:0 0 20px}