@layer hibi-base,hibi-theme;@layer hibi-base{:root{color-scheme:light dark;--background: oklch(1 0 0);--surface: oklch(.97 0 0);--ink: oklch(.24 .008 200);--muted: oklch(.49 .012 200);--accent: oklch(.45 .075 200);--border: oklch(.9 0 0);--overlay: oklch(0 0 0 / .2);--sidebar: var(--surface);--hover: var(--surface);--active: var(--border);--selection: color-mix(in oklch, var(--accent) 22%, var(--background));--selection-ink: var(--ink);--caret: var(--ink);--code-background: var(--surface);--code-ink: var(--ink);--syntax-heading: var(--ink);--syntax-link: var(--accent);--syntax-code: var(--accent);--syntax-meta: var(--muted);--syntax-quote: var(--muted);--syntax-strong: var(--ink);--syntax-emphasis: var(--ink);--syntax-keyword: var(--syntax-heading);--syntax-string: var(--syntax-code);--syntax-number: var(--syntax-link);--syntax-comment: var(--syntax-meta);--syntax-type: var(--syntax-link);--syntax-function: var(--syntax-heading);--syntax-variable: var(--ink);--syntax-operator: var(--ink);--status-success: #236032;--status-warning: #704600;--status-danger: #aa2233;--status-info: #254d9e}@media(prefers-color-scheme:dark){:root{--background: oklch(.21 0 0);--surface: oklch(.25 0 0);--ink: oklch(.93 .005 200);--muted: oklch(.7 .012 200);--accent: oklch(.8 .075 200);--border: oklch(.33 0 0);--status-success: #b4e6a4;--status-warning: #edcf8f;--status-danger: #ffb0b0;--status-info: #a4cbff}}}:root{--font-ui: "Geist", sans-serif;--font-mono: "Geist Mono", monospace;--text-xs: 11px;--text-sm: 12px;--text-ui: 13px;--text-heading: 14px;--text-editor: 16px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--radius-control: 6px;--radius-round: 999px;--radius-popover: var(--radius-control);--radius-panel: var(--radius-control);--radius-pill: var(--radius-control);--control-height: 28px;--control-padding-x: var(--space-2);--control-padding-y: var(--space-1);--field-background: var(--background);--field-border: var(--border);--field-placeholder: var(--muted);--status-bar-height: 32px;--titlebar-edge-inset: 12px;--window-corner-radius: var(--radius-control);--sidebar-row-height: 28px;--sidebar-section-height: 36px;--icon-size: 16px;--key-height: 20px;--key-min-width: 20px;--key-radius: var(--radius-control);--key-background: var(--background);--key-ink: var(--muted);--key-border: var(--border);--motion-fast: .12s;--motion-feedback: .16s;--motion-selection: .18s;--motion-pane: .24s;--ease-out: cubic-bezier(.2, .8, .2, 1)}@font-face{font-family:EB Garamond;src:url(/assets/eb-garamond-latin-500-CInTT8Bq.woff2) format("woff2");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:EB Garamond;src:url(/assets/eb-garamond-latin-500-italic-Cs4g_pNr.woff2) format("woff2");font-style:italic;font-weight:500;font-display:swap}@font-face{font-family:Geist;src:url(/assets/Geist-Variable-Bj2R_7yk.woff2) format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Geist;src:url(/assets/Geist-Italic_wght_-B73BBqMU.woff2) format("woff2");font-style:italic;font-weight:100 900;font-display:swap}@font-face{font-family:Geist Mono;src:url(/assets/GeistMono-Regular-DHEw6VMZ.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:EB Garamond fallback;src:local("Times New Roman"),local("TimesNewRomanPSMT"),local("Liberation Serif");size-adjust:97.16%;ascent-override:103.64%;descent-override:30.67%;line-gap-override:0%}@font-face{font-family:EB Garamond fallback;src:local("Times New Roman Italic"),local("TimesNewRomanPS-ItalicMT"),local("Liberation Serif Italic");font-style:italic;size-adjust:95.22%;ascent-override:105.75%;descent-override:31.29%;line-gap-override:0%}@font-face{font-family:Geist fallback;src:local("Arial"),local("ArialMT"),local("Liberation Sans");size-adjust:102.54%;ascent-override:98.01%;descent-override:28.77%;line-gap-override:0%}@font-face{font-family:Geist Mono fallback;src:local("Courier New"),local("CourierNewPSMT"),local("Liberation Mono");size-adjust:99.98%;ascent-override:100.52%;descent-override:29.5%;line-gap-override:0%}:root{color-scheme:light;--page: #ebe1cc;--card: #fcf6ed;--card-white: #fffdf8;--card-tan: #f1e4c6;--card-sage: #eef0e1;--card-blush: #f7e9dd;--butter: #f6e3b4;--kraft: #b99a6c;--kraft-ink: #241b10;--ink: #1f1b16;--ink-soft: #4a4033;--ink-faint: #6b5c47;--hibi-blue: #203676;--accent: #203676;--on-blue: #fbf1e2;--highlight: rgb(246 227 180 / .9);--rule: rgb(32 54 118 / .15);--rule-strong: rgb(32 54 118 / .32);--margin-line: rgb(196 76 82 / .45);--edge: #fffcf4;--shadow-rgb: 64 44 20;--shadow-a: .2;--icon: url(/scrapbook/icon-day.webp);--pen: #2f3349;--pen-lavender: #6c5f88;--serif: "EB Garamond", "EB Garamond fallback", "Iowan Old Style", Georgia, serif;--mono: "Geist Mono", "Geist Mono fallback", ui-monospace, SFMono-Regular, Menlo, monospace;--font-ui: "Geist", "Geist fallback", sans-serif;--font-mono: "Geist Mono", "Geist Mono fallback", monospace;--background: var(--card-white);--surface: var(--card);--muted: var(--ink-soft);--border: rgb(31 27 22 / .2);--field-background: var(--card-white);--field-border: rgb(31 27 22 / .28);--field-placeholder: var(--ink-faint);--selection: color-mix(in oklch, var(--hibi-blue) 16%, var(--card-white));--selection-ink: var(--ink);--caret: var(--ink);--hover: var(--card-tan);color:var(--ink);background:var(--page);font-family:var(--serif);font-weight:500;font-synthesis:none;-webkit-font-smoothing:antialiased}:root[data-theme=dark]{color-scheme:dark;--page: #1d1810;--card: #2c2419;--card-white: #30281c;--card-tan: #342a1b;--card-sage: #272a1f;--card-blush: #33261f;--butter: #3b301c;--kraft: #15100a;--kraft-ink: #ead9b6;--ink: #f4e8cf;--ink-soft: #d8c8a6;--ink-faint: #b9a682;--accent: #aebaf2;--highlight: rgb(110 126 196 / .32);--rule: rgb(174 186 242 / .12);--rule-strong: rgb(174 186 242 / .26);--margin-line: rgb(240 150 168 / .32);--edge: #3a3124;--shadow-rgb: 0 0 0;--shadow-a: .5;--icon: url(/scrapbook/icon-night.webp);--pen: #d3d6ea;--pen-lavender: #c2b6da;--border: rgb(244 232 207 / .18);--field-border: rgb(244 232 207 / .28);--selection: color-mix(in oklch, #aebaf2 22%, var(--card-white))}*{box-sizing:border-box}html{scroll-padding-top:24px}body{margin:0;font-size:20px;line-height:1.55}main,.site-footer{overflow-x:clip}main.wrap{box-sizing:content-box;padding-inline:8px}h1,h2,h3,p{margin:0;font-weight:500}h1,h2{text-wrap:balance}p{text-wrap:pretty}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;scroll-margin:16px}summary:focus-visible{outline-offset:-2px}::selection{background:color-mix(in oklch,var(--accent) 24%,transparent)}.wrap{width:min(1120px,calc(100% - 64px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:fixed;top:8px;left:8px;z-index:20;transform:translateY(-150%);padding:10px 14px;background:var(--card-white);color:var(--ink);font:400 14px/1 var(--mono);box-shadow:0 6px 18px rgb(var(--shadow-rgb) / .25)}.skip-link:focus{transform:none}.site-header{position:relative;z-index:8;display:flex;justify-content:space-between;align-items:center;height:92px}.wordmark{display:inline-flex;align-items:center;gap:11px;font:500 32px/1 var(--serif);letter-spacing:-.015em}.wordmark-icon{flex-shrink:0;width:34px;height:34px;background:var(--icon) center / contain no-repeat;rotate:-6deg;filter:drop-shadow(0 3px 3px rgb(var(--shadow-rgb) / calc(var(--shadow-a) * 1.2)))}.site-header nav{display:flex;align-items:center;gap:8px;font:400 13.5px/1 var(--mono);letter-spacing:.01em}.nav-links{display:flex;align-items:center;gap:26px}.site-header nav a{display:inline-flex;align-items:center;gap:5px;min-height:44px}:root.js :is(.theme-toggle,.motion-toggle)[hidden]{display:grid}.brand-mark{flex-shrink:0;width:14px;height:14px;fill:currentColor}.nav-links a:is(:hover,[aria-current=page]) .nav-label{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}.soon-tag{display:inline-block;text-decoration:none;padding:2px 5px 1px;border-radius:4px;background:color-mix(in oklch,var(--accent) 14%,transparent);color:var(--accent);font-size:10.5px;line-height:1.2;letter-spacing:.04em}.site-header nav a.nav-download{min-height:40px;padding:0 16px;margin-left:12px;border-radius:999px;background:var(--card-white);box-shadow:inset 0 0 0 1px var(--border),0 3px 8px -2px rgb(var(--shadow-rgb) / var(--shadow-a));color:var(--ink)}.nav-download:hover{color:var(--accent)}.menu-toggle{display:none}.theme-toggle{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;padding:0;border:0;border-radius:50%;color:var(--ink);background:var(--card-white);box-shadow:inset 0 0 0 1px var(--border),0 3px 8px -2px rgb(var(--shadow-rgb) / var(--shadow-a));cursor:pointer}.theme-toggle:hover{color:var(--accent)}.theme-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.theme-toggle[hidden],.theme-sun,[data-theme=dark] .theme-moon{display:none}[data-theme=dark] .theme-sun{display:block}@media(max-width:879px){.menu-toggle{display:block;min-height:44px;padding:0 12px;border:0;background:transparent;color:var(--ink);font:inherit;cursor:pointer}.nav-links{display:none;position:absolute;top:calc(100% - 6px);left:0;right:0;padding:10px;background:var(--card-white);box-shadow:0 16px 30px -12px rgb(var(--shadow-rgb) / calc(var(--shadow-a) * 1.6))}.nav-links[data-open=true]{display:flex;flex-direction:column;align-items:stretch;gap:0}.site-header .nav-links a{padding-inline:12px}.site-header .nav-links a:hover{background:var(--card-tan)}}@media(max-width:720px){.wrap{width:calc(100% - 40px)}body{font-size:19px}.site-header{height:76px}.site-header nav{gap:8px;font-size:13px}.wordmark{font-size:28px}.wordmark-icon{width:30px;height:30px}.theme-toggle{width:44px;height:44px}.site-header nav a.nav-download{min-height:44px;padding:0 14px}}@media(max-width:440px){.wrap{width:calc(100% - 32px)}}@media(prefers-reduced-motion:no-preference){a,button,summary{transition:color var(--motion-fast) var(--ease-out)}@media(max-width:879px){.nav-links{opacity:0;transform:translateY(-3px);transition:opacity var(--motion-fast) var(--ease-out),transform var(--motion-fast) var(--ease-out),display var(--motion-fast) allow-discrete}.nav-links[data-open=true]{opacity:1;transform:none}.nav-links:not([data-open=true]){pointer-events:none}@starting-style{.nav-links[data-open=true]{opacity:0;transform:translateY(-3px)}}}}@media(prefers-reduced-motion:reduce){::view-transition-group(root),::view-transition-old(root),::view-transition-new(root){animation:none}}::view-transition{pointer-events:none}::view-transition-group(root),::view-transition-old(root),::view-transition-new(root){animation-duration:var(--motion-pane);animation-timing-function:var(--ease-out)}.tape{position:absolute;z-index:3;width:var(--tape-w, 132px);aspect-ratio:320 / 47;background:var(--tape-img) center / 100% 100% no-repeat;opacity:.78;pointer-events:none}.tape-blue{--tape-img: url(/scrapbook/tape-blue.webp)}.tape-dots{--tape-img: url(/scrapbook/tape-dots.webp);aspect-ratio:320 / 39}.tape-periwinkle{--tape-img: url(/scrapbook/tape-periwinkle.webp)}.tape-cream{--tape-img: url(/scrapbook/tape-cream.webp);aspect-ratio:320 / 63}