@import "https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&family=Geist+Mono:wght@400;500;600&display=swap";:root{--bg-0:#0a0a0a;--bg-1:#111;--bg-2:#181818;--bg-3:#222;--fg-0:#ededed;--fg-1:#a0a0a0;--fg-2:#6b6b6b;--fg-3:#404040;--border:#262626;--border-strong:#3a3a3a;--accent:#22d3ee;--accent-dim:#0891b2;--accent-bg:#22d3ee14;--accent-2:#ff3da8;--accent-2-dim:#c9277f;--warn:#ffb020;--danger:#f55;--info:#5ac8fa;--success:#4ade80;--font-mono:"Geist Mono", "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--font-sans:"Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--text-xs:12px;--text-sm:14px;--text-base:15px;--text-md:17px;--text-lg:20px;--text-xl:28px;--text-2xl:40px;--text-3xl:56px;--lh-xs:16px;--lh-sm:20px;--lh-base:24px;--lh-md:28px;--lh-lg:28px;--lh-xl:36px;--lh-2xl:48px;--lh-3xl:60px;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--track-tight:-.01em;--track-normal:0;--track-loose:.02em;--track-caps:.08em;--space-0:0;--space-1:2px;--space-2:4px;--space-3:8px;--space-4:12px;--space-5:16px;--space-6:24px;--space-7:32px;--space-8:48px;--space-9:64px;--space-10:96px;--space-11:128px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-full:9999px;--hairline:1px solid var(--border);--shadow-sm:0 1px 0 #0006;--shadow-md:0 8px 24px -8px #0009;--shadow-lg:0 24px 48px -12px #000000b3;--dur-fast:.12s;--dur-base:.18s;--dur-slow:.28s;--ease-out:cubic-bezier(.2, .8, .2, 1);--max-prose:680px;--max-app:1120px;--nav-h:56px}[data-theme=light]{--bg-0:#f6f5f3;--bg-1:#fdfcfb;--bg-2:#eeece9;--bg-3:#e2e0dc;--fg-0:#111;--fg-1:#555;--fg-2:#666;--fg-3:#bbb;--border:#e0ded9;--border-strong:#c8c5c0;--accent:#0e7490;--accent-dim:#155e75;--accent-bg:#0e749014;--accent-2:#c9277f;--accent-2-dim:#9d1b62;--shadow-sm:0 1px 0 #00000014;--shadow-md:0 8px 24px -8px #0000001f;--shadow-lg:0 24px 48px -12px #00000029}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg-0);color:var(--fg-0);font-family:var(--font-mono);font-size:var(--text-base);line-height:var(--lh-base);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-feature-settings:"ss01", "cv01", "cv02";margin:0;padding:0}::selection{background:var(--accent);color:var(--bg-0)}h1,h2,h3,h4,h5,h6{font-family:var(--font-mono);font-weight:var(--weight-medium);letter-spacing:var(--track-tight);color:var(--fg-0);margin:0}h1{font-size:var(--text-2xl);line-height:var(--lh-2xl);font-weight:var(--weight-semibold)}h2{font-size:var(--text-xl);line-height:var(--lh-xl);font-weight:var(--weight-semibold)}h3{font-size:var(--text-lg);line-height:var(--lh-lg);font-weight:var(--weight-medium)}h4{font-size:var(--text-md);line-height:var(--lh-md);font-weight:var(--weight-medium)}p{margin:0 0 var(--space-5);font-family:var(--font-mono);font-size:var(--text-base);line-height:var(--lh-base);color:var(--fg-0);text-wrap:pretty}.prose{font-family:var(--font-sans);font-size:var(--text-md);line-height:var(--lh-md);max-width:var(--max-prose)}.prose p{font-family:inherit;font-size:inherit;line-height:inherit}a{color:var(--accent);text-decoration:underline;-webkit-text-decoration-color:var(--accent-dim);text-decoration-color:var(--accent-dim);text-underline-offset:3px;transition:color var(--dur-fast) var(--ease-out), text-decoration-color var(--dur-fast) var(--ease-out)}a:hover{color:var(--fg-0);-webkit-text-decoration-color:var(--fg-0);text-decoration-color:var(--fg-0)}a.nav-link,nav a{color:var(--fg-1);text-decoration:none}nav a:hover,nav a[aria-current=page]{color:var(--fg-0)}code,pre,kbd,samp{font-family:var(--font-mono);font-size:.95em}code{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--fg-0);padding:1px 6px}pre{padding:var(--space-5);background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-md);line-height:1.6;overflow-x:auto}pre code{background:0 0;border:0;border-radius:0;padding:0}kbd{background:var(--bg-2);border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--fg-0);box-shadow:0 1px 0 var(--border-strong);padding:1px 6px;display:inline-block}.label,.caps{font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--lh-xs);letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--fg-1);font-weight:var(--weight-medium)}.meta{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--fg-2)}hr{border:0;border-top:var(--hairline);margin:var(--space-7) 0}blockquote{margin:var(--space-6) 0;padding:0 0 0 var(--space-5);border-left:2px solid var(--border-strong);color:var(--fg-1);font-style:normal}ul,ol{padding-left:var(--space-6);margin:0 0 var(--space-5)}li{margin-bottom:var(--space-2)}:focus-visible{outline:1px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}.prompt:before{content:"$ ";color:var(--accent);-webkit-user-select:none;user-select:none}.tilde:before{content:"~ ";color:var(--fg-2);-webkit-user-select:none;user-select:none}.cursor{background:var(--accent);vertical-align:-2px;width:.55ch;height:1em;margin-left:1px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}html,body{height:100%}#app{flex-direction:column;min-height:100%;display:flex}main.page{width:100%;max-width:var(--max-app);flex:1;margin:0 auto;padding:40px 24px 80px}.topnav{z-index:20;-webkit-backdrop-filter:blur(12px)saturate(140%);border-bottom:1px solid var(--border);background:#0a0a0ab8;position:sticky;top:0}[data-theme=light] .topnav{background:#f6f5f3e0}.topnav-inner{max-width:var(--max-app);height:var(--nav-h);align-items:center;gap:32px;margin:0 auto;padding:0 24px;display:flex}.wordmark{font-family:var(--font-mono);color:var(--fg-0);letter-spacing:-.01em;transition:color var(--dur-fast) var(--ease-out);font-size:15px;font-weight:500;text-decoration:none}.wordmark:hover,.wordmark-dot{color:var(--accent)}.topnav-links{flex:1;gap:22px;display:flex}.topnav-links a{font-family:var(--font-mono);color:var(--fg-1);transition:color var(--dur-fast) var(--ease-out);font-size:13px;text-decoration:none}.topnav-links a:hover,.topnav-links a[aria-current=page]{color:var(--fg-0)}.topnav-actions{align-items:center;gap:6px;display:flex}.btn-icon-only{cursor:pointer;color:var(--fg-1);font-family:var(--font-mono);border-radius:var(--radius-sm);transition:color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);background:0 0;border:0;align-items:center;gap:6px;padding:6px 10px;font-size:12px;text-decoration:none;display:inline-flex}.btn-icon-only:hover{color:var(--fg-0);background:var(--bg-2)}.btn-icon-only svg{stroke-width:1.5px;width:16px;height:16px}.kbd,kbd.kbd{font-family:var(--font-mono);background:var(--bg-2);border:1px solid var(--border-strong);color:var(--fg-1);border-radius:3px;padding:1px 5px;font-size:11px;line-height:1.4}.btn{font-family:var(--font-mono);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-1);color:var(--fg-0);cursor:pointer;transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);align-items:center;gap:8px;padding:8px 14px;font-size:14px;font-weight:500;line-height:1;text-decoration:none;display:inline-flex}.btn:hover{background:var(--bg-2)}.btn-primary{background:var(--accent);color:var(--bg-0);border-color:var(--accent);font-weight:600}.btn-primary:hover{background:var(--accent-dim);border-color:var(--accent-dim);color:var(--bg-0)}.btn-ghost{color:var(--fg-1);background:0 0;border-color:#0000}.btn-ghost:hover{color:var(--fg-0);background:var(--bg-2)}.btn-sm{padding:5px 10px;font-size:12px}.btn-icon{display:inline-flex}.btn-icon svg{stroke-width:1.5px;width:14px;height:14px}.badge{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;vertical-align:1px;border:1px solid #0000;border-radius:3px;padding:1px 6px;font-size:10px;font-weight:600;line-height:16px;display:inline-block}.badge-info{color:var(--info);background:#5ac8fa1f;border-color:#5ac8fa4d}.badge-draft,.badge-warn{color:var(--warn);background:#ffb0201f;border-color:#ffb0204d}.badge-success{color:var(--success);background:#4ade801f;border-color:#4ade804d}.badge-muted{background:var(--bg-2);color:var(--fg-2);border-color:var(--border)}.badge-shipped{background:var(--accent-bg);color:var(--accent);border-color:#22d3ee4d}.inline-badge{margin-left:8px}.tag{font-family:var(--font-mono);color:var(--fg-1);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--dur-fast) var(--ease-out);background:0 0;padding:3px 9px;font-size:12px}.tag:hover{color:var(--fg-0);border-color:var(--border-strong)}.tag-hash{color:var(--fg-2);margin-right:1px}.tag-active{color:var(--bg-0);background:var(--accent);border-color:var(--accent)}.tag-active .tag-hash{color:var(--bg-0);opacity:.6}.prompt-sigil{font-family:var(--font-mono);-webkit-user-select:none;user-select:none}.prompt-accent{color:var(--accent)}.cursor-inline{background:var(--accent);vertical-align:-2px;width:.55ch;height:1em;margin-left:1px;animation:1s step-end infinite blink;display:inline-block}.section{margin-top:56px}.section-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;margin-bottom:20px;padding-bottom:8px;display:flex}.section-label{font-family:var(--font-mono);color:var(--fg-2);letter-spacing:.08em;text-transform:uppercase;font-size:12px}.section-more{font-family:var(--font-mono);color:var(--fg-1);font-size:13px;text-decoration:none}.section-more:hover{color:var(--accent)}.page-head{margin-bottom:36px}.page-label{font-family:var(--font-mono);color:var(--fg-2);margin-bottom:12px;font-size:12px}.page-h1{font-family:var(--font-mono);letter-spacing:-.02em;color:var(--fg-0);margin:0;font-size:40px;font-weight:600;line-height:48px}.page-sub{font-family:var(--font-mono);color:var(--fg-1);max-width:560px;margin-top:14px;font-size:15px;line-height:1.7}.skip-link{z-index:100;font-family:var(--font-mono);background:var(--bg-1);color:var(--accent);border:1px solid var(--accent-dim);border-radius:var(--radius-sm);padding:8px 14px;font-size:13px;text-decoration:none;position:absolute;top:0;left:-9999px}.skip-link:focus{top:12px;left:12px}#main:focus{outline:none}.hero{max-width:720px;padding:36px 0 24px}.hero-prompt{font-family:var(--font-mono);color:var(--fg-1);margin-bottom:20px;font-size:14px}.hero-cmd{color:var(--fg-0)}.hero-h1{font-family:var(--font-mono);letter-spacing:-.03em;color:var(--fg-0);margin:0 0 20px;font-size:56px;font-weight:600;line-height:60px}.hero-lede{font-family:var(--font-sans);color:var(--fg-0);max-width:600px;margin:0 0 24px;font-size:18px;line-height:30px}.hero-lede a{color:var(--accent);text-decoration:underline;-webkit-text-decoration-color:var(--accent-dim);text-decoration-color:var(--accent-dim);text-underline-offset:3px}.hero-lede a:hover{color:var(--fg-0);-webkit-text-decoration-color:var(--fg-0);text-decoration-color:var(--fg-0)}.hero-kbd-hint{font-family:var(--font-mono);color:var(--fg-2);flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.post-rows{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.post-rows>li{flex-direction:column;display:flex}.post-rows>li:last-child .post-row{border-bottom:0}.post-rows .post-row{width:auto}.post-row{text-align:left;border-radius:var(--radius-sm);border:0;border-bottom:1px solid var(--border);cursor:pointer;font-family:var(--font-mono);transition:background var(--dur-fast) var(--ease-out);background:0 0;grid-template-columns:110px 1fr auto;align-items:center;gap:20px;margin:0 -8px;padding:12px 8px;display:grid}.post-row:last-child{border-bottom:0}.post-row:hover{background:var(--bg-1)}.post-row:hover .post-title{color:var(--accent)}.post-date{color:var(--fg-2);font-size:12px}.post-title{color:var(--fg-0);letter-spacing:-.005em;transition:color var(--dur-fast) var(--ease-out);font-size:15px}.post-mins{color:var(--fg-2);font-size:12px}.now-block{font-family:var(--font-sans);color:var(--fg-0);max-width:640px;font-size:16px;line-height:1.7}.now-block p{margin-bottom:10px;font-family:inherit}.tilde-prefix{color:var(--accent);font-family:var(--font-mono);margin-right:4px}.meta-text{font-family:var(--font-mono);color:var(--fg-2);letter-spacing:.06em;text-transform:uppercase;font-size:12px}.filter-row{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.empty{font-family:var(--font-mono);color:var(--fg-2);text-align:center;padding:40px 0}.page-post{max-width:720px}.breadcrumb{font-family:var(--font-mono);color:var(--fg-2);margin-bottom:28px;font-size:13px}.breadcrumb a{color:var(--fg-2);text-decoration:none}.breadcrumb a:hover{color:var(--accent)}.breadcrumb b{color:var(--fg-0);font-weight:500}.post-head{margin-bottom:32px}.post-meta{font-family:var(--font-mono);color:var(--fg-2);gap:8px;margin-bottom:14px;font-size:12px;display:flex}.post-meta .sep{color:var(--fg-3)}.post-h1{font-family:var(--font-mono);letter-spacing:-.02em;font-size:40px;font-weight:600;line-height:48px}.post .prose{font-family:var(--font-sans);color:var(--fg-0);max-width:680px;font-size:17px;line-height:1.75}.post .prose p{margin-bottom:20px;font-family:inherit}.post .prose h2{font-family:var(--font-mono);letter-spacing:-.01em;margin:40px 0 16px;font-size:22px;font-weight:600}.post .prose pre{margin:24px 0}.post .prose blockquote{font-family:var(--font-sans);color:var(--fg-1);font-style:italic}.post-foot{border-top:1px solid var(--border);margin-top:48px;padding-top:20px}.post-actions{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.post-nav{font-family:var(--font-mono);justify-content:space-between;font-size:13px;display:flex}.post-nav a{color:var(--fg-1);text-decoration:none}.post-nav a:hover{color:var(--accent)}.post-nav-disabled{color:var(--fg-2);opacity:.5;cursor:default}.project-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;display:grid}.project-card{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-md);transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);flex-direction:column;gap:10px;padding:18px 20px;display:flex}.project-card:hover{background:var(--bg-2);border-color:var(--border-strong)}.project-card.is-open{border-color:var(--border-strong)}.project-details{font-family:var(--font-mono);color:var(--fg-1);background:var(--bg-0);border:1px solid var(--border);border-radius:var(--radius-sm);margin:2px 0;padding:10px 12px;font-size:12.5px;line-height:1.65}.project-details p{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;margin:0 0 8px}.project-details p:last-child{margin-bottom:0}.project-body{margin:0 0 10px}.project-body :where(p,pre,ul,ol,h2,h3){font-family:inherit;font-size:inherit;line-height:inherit;color:inherit}.project-body h2,.project-body h3{color:var(--fg-0);margin:12px 0 6px}.project-body pre{background:var(--bg-1);border-radius:var(--radius-sm);margin:8px 0;padding:10px;font-size:11.5px;overflow-x:auto}.project-body code{font-family:var(--font-mono)}.project-body-loading,.project-body-empty{font-family:var(--font-mono);color:var(--fg-2);padding:4px 0 8px;font-size:12px}.project-links{flex-direction:column;gap:4px;margin:10px 0 0;padding:0;list-style:none;display:flex}.project-links li{margin:0}.project-link{font-family:var(--font-mono);color:var(--accent);font-size:12px;text-decoration:none}.project-link:hover{text-decoration:underline;-webkit-text-decoration-color:var(--accent-dim);text-decoration-color:var(--accent-dim)}.page-notice{font-family:var(--font-mono);color:var(--fg-2);margin-top:8px;font-size:12px}.project-foot{font-family:var(--font-mono);justify-content:space-between;align-items:center;margin-top:auto;font-size:11px;display:flex}.project-foot-left{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.project-toggle{font-family:var(--font-mono);color:var(--fg-1);border:1px solid var(--border);cursor:pointer;letter-spacing:.04em;transition:all var(--dur-fast) var(--ease-out);background:0 0;border-radius:3px;padding:2px 8px;font-size:11px}.project-toggle:hover{color:var(--accent);border-color:var(--accent-dim)}.project-cta{font-family:var(--font-mono);letter-spacing:.04em;text-transform:lowercase;color:var(--success);transition:all var(--dur-fast) var(--ease-out);background:#4ade801f;border:1px solid #4ade804d;border-radius:3px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;text-decoration:none;display:inline-flex}.project-cta:hover{color:var(--accent);border-color:var(--accent-dim);background:var(--accent-bg)}.project-cta-wip{color:var(--warn);background:#ffb0201f;border-color:#ffb0204d}.project-cta-muted{background:var(--bg-2);color:var(--fg-2);border-color:var(--border)}.kbd-join{color:var(--fg-2);font-family:var(--font-mono);margin:0 1px;font-size:11px}.tools-group{margin-bottom:40px}.tools-group-label{font-family:var(--font-mono);color:var(--fg-2);letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid var(--border);margin-bottom:12px;padding-bottom:8px;font-size:11px}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;display:grid}.tool-card{color:inherit;background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-md);transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);padding:14px 16px;text-decoration:none;display:block}.tool-card:hover{background:var(--bg-2);border-color:var(--border-strong)}.tool-card:hover .tool-name{color:var(--accent)}.tool-name{font-family:var(--font-mono);color:var(--fg-0);letter-spacing:-.005em;transition:color var(--dur-fast) var(--ease-out);margin-bottom:6px;font-size:14px;font-weight:500}.tool-prompt{color:var(--accent);-webkit-user-select:none;user-select:none}.tool-blurb{font-family:var(--font-mono);color:var(--fg-1);margin-bottom:10px;font-size:12px;line-height:1.55}.tool-tags{flex-wrap:wrap;gap:4px;display:flex}.tool-tag{font-family:var(--font-mono);color:var(--fg-2);border:1px solid var(--border);border-radius:3px;padding:1px 5px;font-size:10px}.project-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.project-name{font-family:var(--font-mono);color:var(--fg-0);letter-spacing:-.01em;margin:0;font-size:16px;font-weight:500}.project-prompt{color:var(--accent);-webkit-user-select:none;user-select:none}.project-blurb{font-family:var(--font-mono);color:var(--fg-1);margin:4px 0 14px;font-size:13px;line-height:1.55}.project-stars{color:var(--fg-2);align-items:center;gap:5px;display:inline-flex}.project-stars svg{stroke-width:1.5px;width:12px;height:12px}.project-stack{flex-wrap:wrap;gap:4px;display:flex}.stack-chip{color:var(--fg-2);border:1px solid var(--border);letter-spacing:.04em;border-radius:3px;padding:1px 6px;font-size:10px}.uses-cols{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;display:grid}.uses-group-label{font-family:var(--font-mono);color:var(--fg-2);letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid var(--border);margin-bottom:12px;padding-bottom:8px;font-size:11px}.uses-list{margin:0;padding:0;list-style:none}.uses-list li{border-bottom:1px dashed var(--border);flex-direction:column;gap:2px;padding:8px 0;display:flex}.uses-list li:last-child{border:0}.uses-name{font-family:var(--font-mono);color:var(--fg-0);font-size:14px}.uses-note{font-family:var(--font-mono);color:var(--fg-2);font-size:12px}.page-about .prose{max-width:640px}.page-about .prose p{font-family:var(--font-sans);color:var(--fg-0);margin:0 0 20px;font-size:17px;line-height:1.75}.page-about .prose h2{font-family:var(--font-mono);margin:32px 0 12px;font-size:18px}.page-about .prose ul{font-family:var(--font-mono);color:var(--fg-0);padding-left:0;font-size:14px;line-height:1.9;list-style:none}.page-about .prose li:before{content:"· ";color:var(--accent)}.page-contact{max-width:600px}.contact-form{flex-direction:column;gap:20px;display:flex}.contact-field{flex-direction:column;gap:6px;display:flex}.contact-label{font-family:var(--font-mono);color:var(--fg-2);letter-spacing:.06em;text-transform:uppercase;font-size:12px}.contact-input,.contact-textarea{font-family:var(--font-mono);background:var(--bg-1);color:var(--fg-0);border:1px solid var(--border);border-radius:var(--radius-sm);box-sizing:border-box;width:100%;transition:border-color var(--dur-fast) var(--ease-out);resize:vertical;padding:8px 12px;font-size:14px}.contact-input:focus,.contact-textarea:focus{border-color:var(--accent);outline:none}.contact-input-error{border-color:var(--danger)!important}.contact-error{font-family:var(--font-mono);color:var(--danger);font-size:12px}.contact-actions{align-items:center;gap:12px;display:flex}.contact-token-hint{font-family:var(--font-mono);color:var(--fg-2);font-size:12px}.contact-notice{font-family:var(--font-mono);color:var(--fg-1);background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 16px;font-size:13px;line-height:1.6}.contact-notice a{color:var(--accent)}.contact-notice-warn{border-color:var(--warn);color:var(--warn);background:#ffb0200f}.contact-sent{padding:24px 0}.contact-sent-msg{font-family:var(--font-mono);color:var(--fg-0);font-size:16px;line-height:1.7}.page-404{justify-content:center;align-items:center;min-height:60vh;display:flex}.nf-box{font-family:var(--font-mono);text-align:left;max-width:560px}.nf-head{color:var(--fg-0);margin-bottom:4px;font-size:14px}.nf-err{color:var(--danger);margin-bottom:32px;font-size:13px}.nf-code{color:var(--accent);letter-spacing:-.05em;margin-bottom:24px;font-size:120px;font-weight:600;line-height:1}.nf-msg{font-family:var(--font-sans);color:var(--fg-1);max-width:420px;margin-bottom:24px;font-size:16px;line-height:1.6}.nf-actions{gap:10px;display:flex}.footer{border-top:1px solid var(--border);font-family:var(--font-mono);margin-top:80px;padding:36px 0 28px}.footer-inner{max-width:var(--max-app);grid-template-columns:1fr 1fr 2fr;gap:32px;margin:0 auto;padding:0 24px;display:grid}.footer-col{flex-direction:column;gap:6px;display:flex}.footer-col a{color:var(--fg-1);font-size:13px;text-decoration:none}.footer-col a:hover{color:var(--accent)}.footer-label{letter-spacing:.1em;text-transform:uppercase;color:var(--fg-2);margin-bottom:6px;font-size:11px}.footer-meta{color:var(--fg-1);font-size:13px;line-height:1.6}.footer-build{color:var(--fg-2);align-items:center;gap:6px;margin-top:10px;font-size:12px;display:flex}.footer-hash{color:var(--accent)}.footer-dot{color:var(--fg-3)}.subscribe-form-inline{gap:10px;margin-top:10px}.subscribe-form-inline .contact-input{padding:6px 10px;font-size:13px}.subscribe-form-inline .contact-actions{gap:8px}.subscribe-sent-inline{font-family:var(--font-mono);color:var(--fg-1);margin-top:10px;font-size:13px}.subscribe-sent-full{font-family:var(--font-mono);color:var(--fg-0);padding:24px 0;font-size:16px}.palette-scrim{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade-in var(--dur-base) var(--ease-out);background:#0009;justify-content:center;align-items:flex-start;padding-top:15vh;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.palette{background:var(--bg-1);border:1px solid var(--border-strong);border-radius:var(--radius-lg);width:560px;max-width:calc(100% - 32px);box-shadow:var(--shadow-lg);flex-direction:column;max-height:70vh;display:flex;overflow:hidden}.palette-input{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:14px 16px;display:flex}.palette-input input{color:var(--fg-0);font-family:var(--font-mono);background:0 0;border:0;outline:0;flex:1;font-size:15px}.palette-input input::placeholder{color:var(--fg-2)}.palette-list{padding:6px 0;overflow-y:auto}.palette-group{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-2);padding:10px 16px 6px;font-size:10px}.palette-item{font-family:var(--font-mono);color:var(--fg-0);cursor:pointer;justify-content:space-between;align-items:center;padding:8px 16px;font-size:13px;display:flex}.palette-item.active{background:var(--bg-2)}.palette-item.active .palette-label{color:var(--accent)}.palette-meta{color:var(--fg-2);font-size:11px}.palette-kbd{font-family:var(--font-mono);color:var(--fg-2);font-size:11px}.palette-empty{color:var(--fg-2);font-family:var(--font-mono);text-align:center;padding:24px 16px;font-size:13px}.palette-hint{border-top:1px solid var(--border);font-family:var(--font-mono);color:var(--fg-2);gap:16px;padding:10px 16px;font-size:11px;display:flex}.palette-hint span{align-items:center;gap:4px;display:inline-flex}.page-tool{max-width:780px}.page-tool .page-h1 .tool-prompt{font-size:inherit;margin-right:4px}.tool-body{margin-bottom:40px}.tool-loading{font-family:var(--font-mono);color:var(--fg-2);padding:20px 0;font-size:13px}.tool-foot{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;margin-top:32px;padding-top:20px;display:flex}.tool-controls{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.tool-field{font-family:var(--font-mono);color:var(--fg-2);align-items:center;gap:6px;font-size:12px;display:inline-flex}.tool-field-label{letter-spacing:.04em}.tool-field input,.tool-field select{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--fg-0);font-family:var(--font-mono);outline:0;width:100px;padding:4px 8px;font-size:13px}.tool-field input:focus,.tool-field select:focus{border-color:var(--accent-dim)}.seg{border:1px solid var(--border);border-radius:var(--radius-sm);display:inline-flex;overflow:hidden}.seg-wrap{flex-wrap:wrap}.seg-btn{color:var(--fg-1);font-family:var(--font-mono);cursor:pointer;transition:all var(--dur-fast) var(--ease-out);background:0 0;border:0;padding:5px 10px;font-size:12px}.seg-btn:hover{color:var(--fg-0);background:var(--bg-2)}.seg-active,.seg-active:hover{color:var(--bg-0);background:var(--accent)}.tool-output{resize:vertical;background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;min-height:80px;color:var(--fg-0);font-family:var(--font-mono);outline:0;padding:12px;font-size:13px;line-height:1.6}.tool-output:focus{border-color:var(--accent-dim)}.tool-error{background:var(--bg-1);border:1px solid var(--danger);border-radius:var(--radius-sm);padding:14px 16px}.tool-error-label{font-family:var(--font-mono);color:var(--danger);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:11px}.tool-error-msg{font-family:var(--font-mono);color:var(--fg-1);white-space:pre-wrap;word-break:break-word;margin:0;font-size:12px;line-height:1.55}.tool-warn{font-family:var(--font-mono);color:var(--warn);background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-sm);margin-top:4px;padding:10px 14px;font-size:13px}.tool-field-wide{flex:1;min-width:240px}.tool-field-wide input{width:100%}.tool-field-md input{width:200px}.tz-combo{width:200px;display:inline-flex;position:relative}.tz-combo input{width:100%}.tz-combo-list{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-sm);z-index:20;max-height:260px;margin:0;padding:4px 0;list-style:none;position:absolute;top:calc(100% + 2px);left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #00000040}.tz-combo-option{font-family:var(--font-mono);color:var(--fg-1);cursor:pointer;white-space:nowrap;padding:5px 10px;font-size:13px}.tz-combo-option:hover{color:var(--fg-0)}.tz-combo-option-active{background:var(--bg-2);color:var(--fg-0)}.tz-combo-option-selected{color:var(--accent)}.tz-combo-option-active.tz-combo-option-selected{background:var(--accent-dim);color:var(--bg-0)}.kv{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.kv-row{border-bottom:1px solid var(--border);font-family:var(--font-mono);align-items:baseline;gap:20px;padding:8px 14px;font-size:13px;display:flex}.kv-row:last-child{border-bottom:0}.kv-label{color:var(--fg-2);min-width:140px;font-size:12px}.kv-value{color:var(--fg-0);word-break:break-all}.kv-value-sans{font-family:var(--font-sans)}.cron-desc{font-family:var(--font-sans);color:var(--fg-0);background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:24px;padding:14px 16px;font-size:15px}.cron-runs{margin-top:24px}.cron-runs-label{font-family:var(--font-mono);color:var(--fg-2);letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid var(--border);margin-bottom:10px;padding-bottom:6px;font-size:11px}.cron-run-list{margin:0;padding:0;list-style:none}.cron-run-list li{font-family:var(--font-mono);border-bottom:1px dashed var(--border);align-items:baseline;gap:14px;padding:6px 0;font-size:13px;display:flex}.cron-run-list li:last-child{border:0}.cron-run-idx{color:var(--fg-2);min-width:24px;font-size:11px}.cron-run-time{color:var(--fg-0)}.now-banner{background:var(--accent-bg);border:1px solid var(--accent-dim);border-radius:var(--radius-sm);font-family:var(--font-mono);flex-wrap:wrap;align-items:baseline;gap:14px;margin-bottom:20px;padding:10px 14px;font-size:13px;display:flex}.now-label{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;font-size:11px}.now-epoch{color:var(--fg-0);font-weight:500}.now-iso{color:var(--fg-1)}.kv-tone-ok{color:var(--success)}.kv-tone-warn{color:var(--warn)}.kv-tone-hot{color:var(--accent-2)}.kv-tone-danger{color:var(--danger)}.tool-note{font-family:var(--font-mono);color:var(--fg-2);border-top:1px dashed var(--border);margin-top:24px;padding-top:16px;font-size:12px}.tool-note summary{cursor:pointer;color:var(--fg-1)}.tool-note summary:hover{color:var(--accent)}.tool-note[open] summary{margin-bottom:10px}.tool-note p,.tool-note ul{line-height:1.6;font-family:var(--font-sans);color:var(--fg-1);margin:0 0 8px;font-size:13px}.tool-note ul{padding-left:18px}.tool-note li{margin-bottom:4px}.tool-note code{font-family:var(--font-mono);color:var(--fg-0)}.tool-presets{flex-wrap:wrap;align-items:center;gap:8px;margin-top:-4px;margin-bottom:20px;display:flex}.tool-presets-label{font-family:var(--font-mono);color:var(--fg-2);letter-spacing:.08em;text-transform:uppercase;font-size:11px}.tool-def{font-family:var(--font-sans);color:var(--fg-1);margin:0;font-size:13px;line-height:1.6}.tool-def dt{font-family:var(--font-mono);color:var(--fg-0);margin-top:10px;font-size:12px}.tool-def dt:first-child{margin-top:0}.tool-def dd{margin:4px 0 0}.tool-def code{font-family:var(--font-mono);color:var(--fg-0);background:var(--bg-2);border-radius:2px;padding:0 4px}.tool-def-note{border-top:1px dashed var(--border);margin-top:14px;padding-top:10px}.kv-group-label{font-family:var(--font-mono);color:var(--fg-2);letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px;padding-bottom:6px;font-size:11px;display:flex}.kv-group-label-2{margin-top:24px}.kv-group-hint{color:var(--fg-2);letter-spacing:.04em;text-transform:none;font-size:10px;font-style:italic}.two-pane{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=640px){.two-pane{grid-template-columns:1fr}}.pane{flex-direction:column;gap:6px;display:flex}.pane-label{font-family:var(--font-mono);color:var(--fg-2);letter-spacing:.08em;text-transform:uppercase;font-size:11px}.regex-results{margin-top:20px}.regex-text{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--fg-0);white-space:pre-wrap;word-break:break-word;margin:0;padding:12px;font-size:13px;line-height:1.6}.regex-hit{background:var(--accent-bg);color:var(--accent);border-radius:2px;padding:0 2px}.regex-engine{font-family:var(--font-mono);color:var(--fg-2);margin:-8px 0 14px;font-size:11px}.regex-engine b{color:var(--fg-1);font-weight:500}.regex-engine code{color:var(--accent)}.regex-list{margin:14px 0 0;padding:0;list-style:none}.regex-list li{border-bottom:1px dashed var(--border);font-family:var(--font-mono);flex-wrap:wrap;align-items:baseline;gap:10px;padding:6px 0;font-size:12px;display:flex}.regex-list li:last-child{border:0}.regex-idx{color:var(--fg-2);min-width:24px;font-size:11px}.regex-hit-text{color:var(--accent);background:var(--accent-bg);border-radius:2px;padding:0 4px}.regex-pos{color:var(--fg-2);font-size:11px}.regex-groups{flex-wrap:wrap;gap:6px;display:inline-flex}.regex-group{color:var(--fg-1);background:var(--bg-2);border-radius:2px;padding:1px 5px;font-size:11px}.regex-saved{margin:0;padding:0;list-style:none}.regex-saved li{border-bottom:1px dashed var(--border);align-items:center;gap:8px;padding:6px 0;display:flex}.regex-saved li:last-child{border:0}.regex-saved-load{text-align:left;color:inherit;cursor:pointer;border-radius:var(--radius-sm);transition:background var(--dur-fast) var(--ease-out);background:0 0;border:0;flex-direction:column;flex:1;gap:2px;padding:4px 8px;display:flex}.regex-saved-load:hover{background:var(--bg-2)}.regex-saved-name{font-family:var(--font-mono);color:var(--fg-0);font-size:13px}.regex-saved-body{font-family:var(--font-mono);color:var(--fg-2);word-break:break-all;font-size:11px}.json-output{white-space:pre;margin:0;overflow-x:auto}.json-diff{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-mono);white-space:pre;color:var(--fg-1);margin:14px 0 0;padding:12px;font-size:12px;line-height:1.6;overflow-x:auto}.diff-add{color:var(--success);background:#4ade8014;display:block}.diff-del{color:var(--danger);background:#ff555514;display:block}.diff-same{color:var(--fg-2);display:block}.jwt-notice{background:var(--bg-1);border:1px solid var(--warn);border-radius:var(--radius-sm);color:var(--warn);font-family:var(--font-mono);align-items:center;gap:8px;margin:14px 0 20px;padding:10px 14px;font-size:12px;display:flex}.jwt-notice b{color:var(--fg-0)}.jwt-notice span{color:var(--fg-1)}.jwt-notice svg{stroke-width:2px;flex:none}.jwt-section{margin-bottom:20px}.jwt-section-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;font-size:11px}.jwt-label-header{color:var(--accent)}.jwt-label-payload{color:var(--accent-2)}.jwt-label-sig{color:var(--fg-2)}.jwt-json{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--fg-0);white-space:pre;margin:0;padding:12px;font-size:13px;line-height:1.55;overflow-x:auto}.jwt-sig{color:var(--fg-1);word-break:break-all;white-space:pre-wrap}.jwt-sig-note{font-family:var(--font-mono);color:var(--fg-2);margin-top:6px;font-size:11px}.jwt-banner{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-1);border-left-width:4px;align-items:flex-start;gap:12px;margin:16px 0 20px;padding:12px 16px;display:flex}.jwt-banner svg{stroke-width:2px;flex:none;margin-top:1px}.jwt-banner-body{flex-direction:column;gap:3px;display:flex}.jwt-banner-title{font-family:var(--font-mono);color:var(--fg-0);letter-spacing:.04em;text-transform:uppercase;font-size:13px}.jwt-banner-detail{font-family:var(--font-mono);color:var(--fg-2);font-size:12px}.jwt-banner-ok{border-left-color:var(--success)}.jwt-banner-ok svg,.jwt-banner-ok .jwt-banner-title{color:var(--success)}.jwt-banner-warn{border-left-color:var(--warn)}.jwt-banner-warn svg,.jwt-banner-warn .jwt-banner-title{color:var(--warn)}.jwt-banner-danger{border-left-color:var(--danger)}.jwt-banner-danger svg,.jwt-banner-danger .jwt-banner-title{color:var(--danger)}.jwt-banner-info{border-left-color:var(--accent)}.jwt-banner-info svg,.jwt-banner-info .jwt-banner-title{color:var(--accent)}.incident-timer{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-1);transition:border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);flex-direction:column;align-items:center;gap:20px;padding:40px 20px;display:flex}.incident-tone-ok{border-color:var(--success)}.incident-tone-warn{border-color:var(--warn)}.incident-tone-hot{border-color:var(--accent-2)}.incident-tone-danger{border-color:var(--danger)}.incident-timer:fullscreen{background:var(--bg-0);border:0;border-radius:0;justify-content:center;gap:40px}.incident-timer:fullscreen .incident-clock{font-size:22vw}.incident-sev-row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.sev-btn{font-family:var(--font-mono);border:1px solid var(--border);color:var(--fg-1);border-radius:var(--radius-sm);cursor:pointer;letter-spacing:.08em;transition:all var(--dur-fast) var(--ease-out);background:0 0;padding:6px 14px;font-size:12px}.sev-btn:hover{color:var(--fg-0);border-color:var(--border-strong)}.sev-active.sev-ok{background:var(--success);color:var(--bg-0);border-color:var(--success)}.sev-active.sev-warn{background:var(--warn);color:var(--bg-0);border-color:var(--warn)}.sev-active.sev-hot{background:var(--accent-2);color:var(--bg-0);border-color:var(--accent-2)}.sev-active.sev-danger{background:var(--danger);color:var(--bg-0);border-color:var(--danger)}.incident-clock{font-family:var(--font-mono);letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--fg-0);font-size:96px;line-height:1}.incident-tone-ok .incident-clock{color:var(--success)}.incident-tone-warn .incident-clock{color:var(--warn)}.incident-tone-hot .incident-clock{color:var(--accent-2)}.incident-tone-danger .incident-clock{color:var(--danger)}.incident-status{font-family:var(--font-mono);color:var(--fg-2);letter-spacing:.2em;text-transform:uppercase;font-size:11px}.incident-controls{flex-wrap:wrap;gap:10px;display:flex}.incident-hints{font-family:var(--font-mono);color:var(--fg-2);gap:18px;font-size:11px;display:flex}.incident-hints span{align-items:center;gap:5px;display:inline-flex}.incident-clocks{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:56px;display:flex}.incident-wallclock{flex-direction:column;align-items:center;gap:4px;display:flex}.incident-wall-label{font-family:var(--font-mono);color:var(--fg-2);letter-spacing:.1em;text-transform:uppercase;font-size:11px}.incident-wall-time{font-family:var(--font-mono);color:var(--fg-0);font-variant-numeric:tabular-nums;letter-spacing:.02em;font-size:28px}.incident-wall-date{font-family:var(--font-mono);color:var(--fg-2);font-size:11px}.incident-timer:fullscreen .incident-clocks{gap:8vw;margin-bottom:2vh}.incident-timer:fullscreen .incident-wallclock{gap:.6vh}.incident-timer:fullscreen .incident-wall-time{font-size:4.5vw;line-height:1}.incident-timer:fullscreen .incident-wall-label{letter-spacing:.2em;font-size:1.1vw}.incident-timer:fullscreen .incident-wall-date{font-size:.9vw}.incident-elapsed-label{font-family:var(--font-mono);color:var(--fg-2);letter-spacing:.2em;text-transform:uppercase;font-size:11px}.incident-tz-row{justify-content:center;width:100%;max-width:320px;display:flex}:is(.incident-timer:fullscreen .incident-tz-row,.incident-timer:fullscreen .incident-hints,.incident-timer:fullscreen .incident-controls){display:none}.pane-label{justify-content:space-between;align-items:center;gap:8px;display:flex}.pane-label-format{color:var(--fg-2);text-transform:none;letter-spacing:0;font-weight:400}.nines-rows{flex-direction:column;gap:6px;margin-bottom:20px;display:flex}.nines-row{align-items:center;gap:10px;display:flex}.nines-row-idx{font-family:var(--font-mono);color:var(--fg-2);letter-spacing:.05em;min-width:24px;font-size:11px}.nines-row input{min-width:0;max-width:160px;font-family:var(--font-mono);background:var(--bg-1);color:var(--fg-0);border:1px solid var(--border);border-radius:var(--radius-sm);flex:1;padding:6px 8px;font-size:13px}.nines-row-unit{font-family:var(--font-mono);color:var(--fg-2);font-size:12px}.colour-block{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.colour-block-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.colour-block-label{font-family:var(--font-mono);color:var(--fg-2);letter-spacing:.1em;text-transform:uppercase;font-size:11px}.colour-block-body{flex-wrap:wrap;align-items:flex-start;gap:14px;display:flex}.colour-picker-native{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-1);cursor:pointer;width:84px;height:84px;padding:0}.colour-picker-native::-webkit-color-swatch-wrapper{padding:4px}.colour-picker-native::-webkit-color-swatch{border:1px solid var(--border);border-radius:4px}.colour-fields{flex:1;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;min-width:220px;display:grid}.colour-fields .tool-field input{width:100%;min-width:0}.colour-swap-row{justify-content:center;margin:6px 0 16px;display:flex}.colour-preview{border-radius:var(--radius-sm);border:1px solid;flex-direction:column;gap:10px;margin-top:10px;padding:24px;display:flex}.colour-preview-large{font-size:22px;font-weight:600;line-height:1.3}.colour-preview-normal{font-size:14px;line-height:1.55}.colour-preview-mono{font-family:var(--font-mono);font-size:13px}.colour-ratio{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-sm);flex-wrap:wrap;align-items:center;gap:18px;margin-top:12px;padding:12px 16px;display:flex}.colour-ratio-number{font-family:var(--font-mono);color:var(--fg-0);font-variant-numeric:tabular-nums;letter-spacing:.02em;font-size:24px}.wcag-badges{flex-wrap:wrap;gap:6px;display:flex}.wcag-badge{font-family:var(--font-mono);letter-spacing:.08em;border-radius:var(--radius-sm);border:1px solid var(--border);align-items:center;gap:6px;padding:4px 8px;font-size:11px;display:inline-flex}.wcag-pass{color:var(--success);border-color:var(--success)}.wcag-fail{color:var(--danger);border-color:var(--border);opacity:.75}.wcag-badge-sub{color:var(--fg-2);text-transform:none;letter-spacing:0}.colour-palette{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;margin:8px 0 0;padding:0;list-style:none;display:grid}.colour-palette-item{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:8px;padding:6px 8px;display:flex}.colour-swatch{border:1px solid var(--border);cursor:pointer;border-radius:4px;flex:none;width:28px;height:28px;padding:0}.colour-palette-hex{font-family:var(--font-mono);color:var(--fg-0);flex:1;font-size:12px}.oklch-clipped{color:var(--warn);letter-spacing:.04em;font-style:normal}.apca-row{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-sm);flex-wrap:wrap;align-items:center;gap:14px;margin-top:8px;padding:10px 16px;display:flex}.apca-score{align-items:baseline;gap:8px;display:inline-flex}.apca-score-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-2);font-size:11px}.apca-score-value{font-family:var(--font-mono);color:var(--fg-0);font-variant-numeric:tabular-nums;font-size:20px}.apca-tier{font-family:var(--font-mono);letter-spacing:.08em;border-radius:var(--radius-sm);border:1px solid var(--border);text-transform:uppercase;padding:4px 8px;font-size:11px}.apca-tier-pass{color:var(--success);border-color:var(--success)}.apca-tier-warn{color:var(--warn);border-color:var(--warn)}.apca-tier-fail{color:var(--danger);border-color:var(--border);opacity:.75}.apca-hint{font-family:var(--font-mono);color:var(--fg-2);font-size:11px}.tool-subsection{margin-top:22px}.colour-ramp{grid-template-columns:repeat(auto-fit,minmax(60px,1fr));gap:6px;margin:8px 0 0;padding:0;list-style:none;display:grid}.colour-ramp-step{flex-direction:column;align-items:stretch;gap:4px;display:flex}.colour-ramp-swatch{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;width:100%;height:54px;padding:0}.colour-ramp-label{font-family:var(--font-mono);color:var(--fg-2);text-align:center;font-size:11px}.colour-ramp-hex{font-family:var(--font-mono);color:var(--fg-2);text-align:center;opacity:.7;font-size:10px}.colour-schemes{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin:8px 0 0;padding:0;list-style:none;display:grid}.colour-scheme-item{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;align-items:stretch;gap:4px;padding:8px;display:flex}.colour-scheme-swatch{border:1px solid var(--border);cursor:pointer;border-radius:4px;width:100%;height:52px;padding:0}.colour-scheme-hex{font-family:var(--font-mono);color:var(--fg-0);text-align:center;font-size:12px}.colour-scheme-ratio{font-family:var(--font-mono);color:var(--fg-2);font-variant-numeric:tabular-nums;text-align:center;font-size:11px}.cvd-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px;margin-top:8px;display:grid}.cvd-cell{flex-direction:column;gap:6px;display:flex}.cvd-label{font-family:var(--font-mono);color:var(--fg-2);letter-spacing:.1em;text-transform:uppercase;font-size:11px}.cvd-preview{border-radius:var(--radius-sm);border:1px solid;flex-direction:column;gap:6px;padding:14px;display:flex}.cvd-preview-large{font-size:16px;font-weight:600;line-height:1.3}.cvd-preview-mono{font-family:var(--font-mono);font-size:12px}.tool-caption{font-family:var(--font-sans);color:var(--fg-1);max-width:72ch;margin:6px 0 10px;font-size:12.5px;line-height:1.55}.contrast-matrix-wrap{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-1);margin-top:10px;padding:10px;overflow-x:auto}.contrast-matrix{place-items:stretch stretch;gap:4px;display:grid}.contrast-corner{width:56px;min-width:56px}.contrast-header{flex-direction:column;align-items:center;gap:4px;padding:2px 0;display:flex}.contrast-header-row{width:56px;min-width:56px}.contrast-header-col{min-width:72px}.contrast-header-swatch{border:1px solid var(--border);cursor:pointer;border-radius:4px;width:32px;height:32px;padding:0;transition:transform .12s,border-color .12s;display:block}.contrast-header-swatch:hover{border-color:var(--accent);transform:scale(1.08)}.contrast-header-hex{font-family:var(--font-mono);color:var(--fg-2);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:10px}.contrast-cell{min-height:58px;font-family:var(--font-mono);border:1px solid var(--border);contain:content;cursor:help;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px 4px;display:flex}.contrast-cell-aa-text{letter-spacing:.02em;font-size:15px;font-weight:700}.contrast-cell-score{font-variant-numeric:tabular-nums;opacity:.9;font-size:11px}.contrast-cell-self{border-style:dashed;border-color:var(--border);opacity:.35;cursor:default;color:#0000!important;background:0 0!important}.contrast-cell-aaa{border-color:var(--success);box-shadow:inset 0 0 0 1px var(--success)}.contrast-cell-aa{border-color:var(--success)}.contrast-cell-aa-large{border-color:var(--warn)}.contrast-cell-fail{border-color:var(--border);opacity:.55}.contrast-legend{flex-wrap:wrap;align-items:center;gap:6px;margin-left:auto;display:inline-flex}.contrast-legend-item{font-family:var(--font-mono);letter-spacing:.08em;border-radius:var(--radius-sm);border:1px solid var(--border);text-transform:uppercase;background:0 0;padding:2px 8px;font-size:10px}.contrast-legend-item.contrast-cell-aaa{color:var(--success);border-color:var(--success);box-shadow:inset 0 0 0 1px var(--success)}.contrast-legend-item.contrast-cell-aa{color:var(--success);border-color:var(--success)}.contrast-legend-item.contrast-cell-aa-large{color:var(--warn);border-color:var(--warn)}.contrast-legend-item.contrast-cell-fail{color:var(--fg-2)}.world-clock{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-1);flex-direction:column;gap:24px;padding:24px;display:flex}.world-clock:fullscreen{background:var(--bg-0);border:0;border-radius:0;justify-content:center;gap:4vh;padding:4vh 4vw}.world-clock-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.world-clock:fullscreen .world-clock-grid{grid-template-columns:repeat(auto-fit,minmax(30vw,1fr));gap:4vw}.world-clock-card{background:var(--bg-0);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;align-items:center;gap:6px;padding:20px 16px;display:flex;position:relative}.world-clock:fullscreen .world-clock-card{background:0 0;border:0;gap:1vh;padding:3vh 2vw}.world-clock-remove{color:var(--fg-2);cursor:pointer;border-radius:var(--radius-sm);opacity:0;transition:opacity var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);background:0 0;border:0;justify-content:center;align-items:center;padding:4px;display:inline-flex;position:absolute;top:6px;right:6px}.world-clock-card:hover .world-clock-remove{opacity:1}.world-clock-remove:hover{color:var(--danger);background:var(--bg-2)}.world-clock:fullscreen .world-clock-remove{display:none}.world-clock-label{font-family:var(--font-mono);color:var(--fg-2);letter-spacing:.1em;text-transform:uppercase;font-size:11px}.world-clock:fullscreen .world-clock-label{letter-spacing:.2em;font-size:1.2vw}.world-clock-time{font-family:var(--font-mono);color:var(--fg-0);font-variant-numeric:tabular-nums;letter-spacing:.02em;font-size:36px;line-height:1}.world-clock:fullscreen .world-clock-time{font-size:6vw}.world-clock-meta{font-family:var(--font-mono);color:var(--fg-2);align-items:center;gap:12px;font-size:11px;display:flex}.world-clock:fullscreen .world-clock-meta{gap:2vw;font-size:1vw}.world-clock-offset{color:var(--accent)}.world-clock-controls{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.world-clock-hints{font-family:var(--font-mono);color:var(--fg-2);flex-wrap:wrap;gap:18px;font-size:11px;display:flex}.world-clock-hints span{align-items:center;gap:5px;display:inline-flex}:is(.world-clock:fullscreen .world-clock-controls,.world-clock:fullscreen .world-clock-hints){display:none}.strength-row{font-family:var(--font-mono);color:var(--fg-2);align-items:center;gap:12px;margin-top:10px;font-size:12px;display:flex}.strength-row .meter{flex:1;min-width:120px;max-width:360px}.strength-row .strength-readout strong{color:var(--fg-0)}.meter{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);height:6px;overflow:hidden}.meter-fill{height:100%;transition:width .14s,background .14s}.meter-fill.weak{background:var(--danger)}.meter-fill.fair{background:var(--warn)}.meter-fill.strong{background:var(--accent)}.meter-fill.excellent{background:var(--success)}.crack-grid{font-family:var(--font-mono);grid-template-columns:auto 1fr;gap:4px 16px;margin:14px 0 0;font-size:12px;display:grid}.crack-grid dt{color:var(--fg-2)}.crack-grid dd{color:var(--fg-0);margin:0}.crack-grid .crack-rate{color:var(--fg-3)}.pwgen-classes{margin-top:8px}.pwgen-check{font-family:var(--font-mono);color:var(--fg-2);cursor:pointer;align-items:center;gap:6px;font-size:12px;display:inline-flex}.pwgen-check input{cursor:pointer}.pwgen-check:hover{color:var(--fg-0)}.codename-classification{font-family:var(--font-mono);letter-spacing:.25em;text-transform:uppercase;color:var(--danger);border:1px solid var(--danger);margin-bottom:20px;padding:3px 8px;font-size:11px;display:inline-block}.codename-display{font-family:var(--font-mono);font-weight:var(--weight-bold);letter-spacing:.04em;color:var(--accent);word-break:break-word;margin:0 0 10px;font-size:clamp(32px,8vw,64px);line-height:1.05}.codename-spinning .codename-display{animation:50ms steps(2,end) infinite codename-jitter}@keyframes codename-jitter{0%{transform:translate(0)}50%{transform:translate(1px,-1px)}to{transform:translate(-1px,1px)}}.codename-meta{font-family:var(--font-mono);color:var(--fg-2);flex-wrap:wrap;gap:6px 20px;margin-bottom:28px;font-size:12px;display:flex}.codename-meta b{color:var(--fg-0);font-weight:var(--weight-medium)}.codename-madlib{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-md);padding:24px 20px 14px;position:relative}.codename-madlib:before{content:"// DECLASSIFIED EXCERPT";background:var(--bg-0);font-family:var(--font-mono);letter-spacing:.2em;color:var(--fg-2);padding:0 6px;font-size:10px;position:absolute;top:-9px;left:16px}.codename-madlib p{font-family:var(--font-sans);color:var(--fg-0);margin:0 0 14px;font-size:15px;line-height:1.8}.codename-slot{font-family:var(--font-mono);color:var(--accent);background:var(--accent-bg);border-radius:var(--radius-sm);padding:1px 5px;font-size:.92em}.codename-spinning .codename-slot{filter:blur(2px)}.codename-file-line{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-2);border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;gap:6px;padding-top:10px;font-size:11px;display:flex}.codename-controls{align-items:center;margin-top:24px}.codename-status{font-family:var(--font-mono);color:var(--accent);min-height:1em;font-size:12px}.codename-hints{font-family:var(--font-mono);color:var(--fg-2);flex-wrap:wrap;gap:16px;margin-top:14px;font-size:12px;display:flex}@media (prefers-reduced-motion:reduce){.codename-spinning .codename-display{animation:none}.codename-spinning .codename-slot{filter:none}}.mermaid-figure{background:var(--bg-1);border:1px solid var(--fg-3);text-align:center;border-radius:6px;margin:24px 0;padding:16px;overflow-x:auto}.mermaid-figure svg{max-width:100%;height:auto}.mermaid-figure.mermaid-zoomable{position:relative}.mermaid-figure.mermaid-zoomable svg{cursor:zoom-in}.mermaid-zoom-btn{font-family:var(--font-mono);color:var(--fg-2);background:var(--bg-2);border:1px solid var(--fg-3);cursor:zoom-in;opacity:.7;border-radius:4px;padding:2px 8px;font-size:11px;position:absolute;top:8px;right:8px}.mermaid-zoom-btn:hover,.mermaid-zoom-btn:focus-visible{opacity:1;color:var(--fg-0)}.mermaid-lightbox{z-index:1000;background:color-mix(in srgb, var(--bg-0) 98%, transparent);position:fixed;inset:0}.mermaid-lightbox-viewport{touch-action:none;cursor:grab;position:absolute;inset:0;overflow:hidden}.mermaid-lightbox-viewport:active{cursor:grabbing}.mermaid-lightbox-content{transform-origin:0 0;position:absolute;top:0;left:0}.mermaid-lightbox-toolbar{gap:8px;display:flex;position:absolute;top:16px;right:16px}.mermaid-lightbox-toolbar button{min-width:36px;height:36px;font-family:var(--font-mono);color:var(--fg-1);background:var(--bg-2);border:1px solid var(--fg-3);cursor:pointer;border-radius:6px;padding:0 10px;font-size:16px}.mermaid-lightbox-toolbar button:hover,.mermaid-lightbox-toolbar button:focus-visible{color:var(--fg-0);border-color:var(--fg-2)}