*{box-sizing:border-box}:root{--page-bg: #f2f2f0;--shell-bg: #ffffff;--shell-border: #e0e0dc;--shell-shadow: 0 8px 24px rgba(0, 0, 0, .12);--text-strong: #2f2f2f;--text-dim: #767676;--card-h: 600px;--menubar-h: 40px;--menubar-gap: 10px;--gutter: clamp(10px, 4vw, 20px);--divider: #e2e2de}html[data-theme=dark]{--page-bg: #1b1b1b;--shell-bg: #2b2b2b;--shell-border: #2b2b2b;--shell-shadow: 0 8px 24px rgba(0, 0, 0, .6);--text-strong: #cccccc;--text-dim: #aaaaaa;--divider: #3a3a3a}html{scrollbar-gutter:stable}body{margin:0;min-height:100vh;min-height:100dvh;background:var(--page-bg);color:var(--text-strong);font-family:monospace;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:var(--gutter)}.menubar{flex:none;width:409px;max-width:100%;height:var(--menubar-h);display:flex;align-items:center;padding:0 12px;background:var(--shell-bg);border:1px solid var(--shell-border);border-radius:16px;box-shadow:var(--shell-shadow);font-size:11px}.menubar a{margin-right:16px;color:var(--text-dim);text-decoration:none}.menubar a:hover{text-decoration:underline}.menubar a[aria-current=page]{color:var(--text-strong)}.container{width:409px;max-width:100%;height:min(var(--card-h),calc(100dvh - var(--gutter) * 2 - var(--menubar-h) - var(--menubar-gap)));margin:auto 0;overflow-y:auto;background:var(--shell-bg);border:1px solid var(--shell-border);border-radius:16px;box-shadow:var(--shell-shadow);padding:24px 32px}h1{font-size:22px;margin-bottom:4px}h2{font-size:15px;margin:24px 0 8px}p,li{font-size:13px;line-height:1.6}ul{margin:8px 0;padding-left:20px}code{font-family:inherit;font-size:inherit}a{color:var(--text-strong)}.copyright{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;row-gap:4px;margin-top:40px;padding-top:16px;border-top:1px solid var(--divider);color:var(--text-dim);font-size:10px}.copyright>*:not(:first-child):before{content:"|";margin:0 8px;color:var(--text-dim)}.copyright .alt{color:var(--text-dim);text-decoration:none}.copyright .alt:hover{text-decoration:underline}.theme-toggle{margin-left:auto;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:1px solid var(--shell-border);border-radius:50%;background:var(--shell-bg);font-size:14px;line-height:1;cursor:pointer}@media(max-width:384px){.copyright{font-size:9px}.copyright>*:not(:first-child):before{margin:0 5px}}