:root{--bg: #fbfaf7;--fg: #1d1d1b;--muted: #6b6a66;--line: #e3e0d8;--accent: #1f5fbf;--trace-1: #1baf7a;--trace-2: #eb6834;--trace-3: #6250d6;--trace-4: #eda100;--trace-5: #e34948;--trace-6: #7a7a7a;font-family:system-ui,sans-serif;color:var(--fg);background:var(--bg)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #141413;--fg: #ecebe6;--muted: #a3a29c;--line: #2e2d2a;--accent: #7aa7ff;--trace-1: #199e70;--trace-2: #d95926;--trace-3: #9085e9;--trace-4: #c98500;--trace-5: #e0607f;--trace-6: #a8a8a8}}:root[data-theme=dark]{--bg: #141413;--fg: #ecebe6;--muted: #a3a29c;--line: #2e2d2a;--accent: #7aa7ff;--trace-1: #199e70;--trace-2: #d95926;--trace-3: #9085e9;--trace-4: #c98500;--trace-5: #e0607f;--trace-6: #a8a8a8}body{margin:0;background:var(--bg)}main{max-width:1100px;margin:0 auto;padding:16px}a{color:var(--accent)}.muted{color:var(--muted)}.figures{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:16px 0}.figures div{border:1px solid var(--line);padding:12px;border-radius:8px}.figures strong{display:block;font-size:1.4rem}.notice{border-left:4px solid var(--trace-5);padding:8px 12px;background:color-mix(in srgb,var(--trace-5) 8%,transparent)}.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 90%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.site-header .bar{max-width:1100px;margin:0 auto;padding:0 16px;height:56px;display:flex;align-items:center;justify-content:space-between;gap:20px}.site-header .brand{display:flex;align-items:center;gap:8px;flex-shrink:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.875rem;color:var(--fg);text-decoration:none}.site-header .logo{width:19px;height:20px;background:currentColor;-webkit-mask:url(../../../logo_paskidev.svg) center / contain no-repeat;mask:url(../../../logo_paskidev.svg) center / contain no-repeat}.site-header nav{display:flex;align-items:center;gap:24px;overflow-x:auto;scrollbar-width:none}.site-header nav a{flex-shrink:0;font-size:.875rem;color:var(--muted);text-decoration:none;transition:color .15s}.site-header nav a:hover{color:var(--fg)}.site-header nav a[aria-current=page]{color:var(--accent)}@media(max-width:600px){.site-header .bar{gap:16px}.site-header nav{gap:16px}}