html[data-theme=light]{color-scheme:light;--bg:#f8f5ed;--bg-2:#fff;--bg-3:#eee9df;--ink:#24241f;--ink-2:#514f46;--ink-3:#6d685e;--line:#24241f1a;--line-2:#24241f2e;--line-3:#24241f4d;--accent:#59c2ff;--accent-2:#527100;--accent-3:#ba440a;--accent-tint:#59c2ff14;--accent-2-tint:#52710014;--accent-3-tint:#ba440a14;--accent-2-edge:#5271004d;--accent-3-edge:#ba440a4d}html[data-theme=light] .nav{background:#f8f5edeb}html[data-theme=light] .search__panel{box-shadow:0 24px 64px #24241f29}html[data-theme=light] .note__no{color:#f5efe4}html[data-theme=light] :is(.btn--primary,.follow__btn){color:#0c0f14}html[data-theme=light] :is(.search-btn,.search__bar)>img{filter:brightness(.45)}@media (hover:hover){html[data-theme=light] :is(.btn--primary,.follow__btn):hover{background:#7bcfff}html[data-theme=light] :is(.help a.help__discord,.crumbs a.crumbs__topic):hover{color:#8fd6ff}html[data-theme=light] .note:hover{box-shadow:4px 5px #24241f14}}.theme-toggle{border:1px solid var(--line-2);border-radius:var(--r-btn);width:40px;height:40px;color:var(--ink-2);flex:none;justify-content:center;align-items:center;display:inline-flex}.theme-toggle[hidden],.theme-toggle .theme-moon,html[data-theme=light] .theme-toggle .theme-sun{display:none}html[data-theme=light] .theme-toggle .theme-moon{display:block}.theme-toggle:hover{background:var(--bg-3);color:var(--ink)}@media (width>=960px){.nav .nav__bar,.nav .nav__links{gap:20px}}@media (width<=1100px){.nav__bar :is(.logo__sub,.logo__rule){display:none}}#article{overflow-wrap:anywhere}#article>h2{font:700 30px/1.2 var(--f-display);letter-spacing:-.02em;color:var(--ink);padding-top:32px}#article>h4{font:600 18px/1.4 var(--f-display);padding-top:8px}#article>h3{font:700 22px/1.2 var(--f-display);padding-top:8px}#article :is(h2,h3,h4){scroll-margin-top:88px}#article pre{max-width:100%;font:400 14px/1.7 var(--f-mono);border-radius:10px;padding:20px;overflow-x:auto}#article .code pre{border-radius:0;margin:0}#article img{border:1px solid var(--line-2);border-radius:12px;max-width:100%;height:auto;display:block}#article table{border-collapse:collapse;max-width:100%;font-size:15px;display:block;overflow-x:auto}#article :is(th,td){border:1px solid var(--line-2);text-align:left;padding:12px}#article th{background:var(--bg-3)}#article blockquote{border-left:3px solid var(--accent-2);background:var(--accent-2-tint);color:var(--ink-2);padding:20px}#article li>p+p{margin-top:12px}#main:focus{outline:none}.error-page{gap:24px;padding-block:96px;display:grid}.error-page h1{font:800 clamp(36px, 7vw, 72px)/1.05 var(--f-display)}.error-page .btn{justify-self:start}#notes{margin-bottom:0}#notes-heading{scroll-margin-top:88px}#pagination[hidden]{display:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.search__bar [data-close-search]{width:32px;height:32px;color:var(--ink-2);flex:none;font-size:24px}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}.console-pulse{animation:2.8s ease-in-out infinite console-breathe;position:relative}.console-pulse:before{content:"";border:1px solid var(--accent);border-radius:inherit;pointer-events:none;opacity:0;animation:2.8s ease-out infinite console-ring;position:absolute;inset:-3px}.console-pulse:is(:hover,:focus-visible,:active),.console-pulse:is(:hover,:focus-visible,:active):before{animation:none}@keyframes console-breathe{0%,65%,to{scale:1}30%{scale:1.025}}@keyframes console-ring{0%{opacity:0;transform:scale(1)}15%{opacity:.5}65%,to{opacity:0;transform:scale(1.08,1.3)}}.note__media img{transition:transform .65s cubic-bezier(.22,1,.36,1)}.hero__art{transition:transform .75s cubic-bezier(.22,1,.36,1)}.nav__links a{position:relative}.nav__links a:after{content:"";background:var(--accent);transform-origin:0;height:2px;transition:transform .24s ease-out;position:absolute;inset:auto 0 -7px;transform:scaleX(0)}.nav__links a:focus-visible:after{transform:scaleX(1)}.note:focus-within .note__media img{transform:scale(1.035)}@media (hover:hover) and (pointer:fine){.note:hover .note__media img{transform:scale(1.035)}.hero__art:hover{transform:translateY(-5px)rotate(.6deg)}.nav__links a:hover:after{transform:scaleX(1)}}}