:root{--parchment:#f5f4ed;--ivory:#faf9f5;--paper-deep:#edebe2;--near-black:#141413;--dark-warm:#3d3d3a;--olive:#504e49;--stone:#6b6a64;--brand:#1b365d;--brand-hover:#182f52;--border:#e8e6dc;--border-soft:#e5e3d8;--error:#8c3a2f;--error-bg:#f3e6e3;--success:#4a5d43;--sans:-apple-system, "SF Pro", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "PingFang SC", "Segoe UI", sans-serif;--serif:"Hiragino Mincho ProN", "Yu Mincho", "Noto Serif JP", "Charter", Georgia, serif;--mono:"JetBrains Mono", "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--parchment)}body{background:var(--parchment);color:var(--near-black);font-family:var(--sans);min-height:100vh;font-size:15px;line-height:1.5}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}.topbar{align-items:center;gap:28px;max-width:68em;margin:0 auto;padding:18px 24px;display:flex}.topbar .brand{font-family:var(--serif);color:var(--near-black);letter-spacing:.01em;align-items:center;gap:8px;font-size:19px;display:inline-flex}.topbar .brand .mark{color:var(--brand)}.topbar .brand:hover{text-decoration:none}.topbar nav{gap:18px;font-size:14px;display:flex}.topbar nav a{color:var(--olive)}.topbar nav a[aria-current=page]{color:var(--near-black);border-bottom:1px solid var(--near-black);padding-bottom:2px}.topbar .spacer{flex:1}main.app{max-width:68em;margin:0 auto;padding:24px 24px 64px}h1.page-title{font-family:var(--serif);margin:24px 0 6px;font-size:28px;font-weight:400;line-height:1.2}.lede{color:var(--stone);margin-bottom:28px;font-size:14px}h2{margin:32px 0 8px;font-size:15px;font-weight:500}.stats{gap:36px;margin:0 0 28px;display:flex}.stats b{font-family:var(--serif);font-size:24px;font-weight:400;line-height:1.1;display:block}.stats span{letter-spacing:.08em;text-transform:uppercase;color:var(--stone);font-size:11px}.btn{font:inherit;cursor:pointer;background:var(--brand);color:var(--ivory);border:1px solid var(--brand);border-radius:6px;padding:9px 14px;font-size:14px;line-height:1;display:inline-block}.btn:hover{background:var(--brand-hover);text-decoration:none}.btn.secondary{color:var(--dark-warm);border-color:var(--border);background:0 0}.btn.secondary:hover{background:var(--ivory)}.btn.danger{color:var(--error);border-color:var(--border);background:0 0}.btn.danger:hover{background:var(--error-bg)}.btn.small{padding:5px 9px;font-size:12px}.btn[disabled]{opacity:.5;cursor:default}input,select,textarea{font:inherit;color:var(--near-black);background:var(--ivory);border:1px solid var(--border);border-radius:6px;padding:8px 10px}input:focus,select:focus,textarea:focus{outline:1px solid var(--brand);border-color:var(--brand)}textarea{width:100%;min-height:160px;font-family:var(--mono);resize:vertical;font-size:13px;line-height:1.5}.composer{background:var(--ivory);border:1px solid var(--border);border-radius:8px;padding:16px}.composer .row{flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;display:flex}.composer .row input[type=text]{flex:1;min-width:200px}.result{margin-top:10px;font-size:14px}.result code{font-family:var(--mono);background:var(--paper-deep);border-radius:4px;padding:2px 6px;font-size:13px}.error{color:var(--error)}table.pages{border-collapse:collapse;width:100%;font-size:14px}table.pages th{text-align:left;letter-spacing:.08em;text-transform:uppercase;color:var(--stone);border-bottom:1px solid var(--border);background:0 0;padding:8px 10px;font-size:11px;font-weight:500}table.pages td{border-bottom:1px solid var(--border-soft);vertical-align:middle;padding:10px}table.pages tr:hover td{background:var(--paper-deep)}table.pages td.title a{color:var(--near-black)}table.pages td.key{font-family:var(--mono);color:var(--stone);font-size:12px}table.pages td.num{text-align:right;font-variant-numeric:tabular-nums}table.pages td.actions{white-space:nowrap;text-align:right}.tag{color:var(--olive);border:1px solid var(--border);border-radius:999px;padding:1px 8px;font-size:11px;display:inline-block}.tag.expiring{color:var(--error);border-color:var(--error-bg);background:var(--error-bg)}.empty{color:var(--stone);text-align:center;border:1px dashed var(--border);border-radius:8px;padding:32px 0}pre.snippet{font-family:var(--mono);background:var(--ivory);border:1px solid var(--border);white-space:pre;border-radius:6px;padding:12px 14px;font-size:12.5px;line-height:1.5;overflow-x:auto}.topbar nav.lang{gap:10px;margin-right:14px;font-size:12px}.topbar nav.lang a{color:var(--stone)}.topbar nav.lang a[aria-current=true]{color:var(--near-black);border-bottom:1px solid var(--near-black);padding-bottom:2px}.step{color:var(--dark-warm);margin:10px 0 6px;font-size:14px}.step .btn{vertical-align:middle;margin-left:6px}pre.snippet+.step{margin-top:14px}