@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url('/fonts/InterVariable.woff2') format('woff2')}
:root{color-scheme:light;--site-ink:#111827;--site-muted:#536173;--site-surface:#fff;--site-soft:#f1f5f9;--site-line:#dde5ed;--site-accent:#2563eb;--site-panel:rgba(255,255,255,.68);--site-tag:rgba(255,255,255,.78)}
html[data-theme=dark]{color-scheme:dark;--site-ink:#edf2f7;--site-muted:#a9b7c9;--site-surface:#16212d;--site-soft:#213040;--site-line:#334255;--site-accent:#82b1ff;--site-panel:rgba(26,39,54,.92);--site-tag:#223246}
html[data-site=hand-lab]{--site-accent:#087f77}html[data-site=hand-lab][data-theme=dark]{--site-accent:#64d8c1}
.site-header,.site-header *{box-sizing:border-box}
.site-header{position:sticky;top:0;z-index:100;background:var(--site-surface);color:var(--site-ink);border-bottom:1px solid var(--site-line);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.site-header .site-header-inner{width:min(1200px,calc(100% - 48px));min-height:72px;margin:0 auto;display:flex;align-items:center;gap:28px;padding:12px 0}
.site-header .site-logo,.site-header .site-logo:visited{font-size:22px;font-weight:800;line-height:1.2;letter-spacing:-.04em;color:var(--site-ink);text-decoration:none;white-space:nowrap}
.site-header .site-nav{display:flex;align-items:center;gap:24px;margin-left:auto;flex-wrap:wrap}
.site-header .site-nav a{font-size:14px;font-weight:500;line-height:1.5;color:var(--site-muted);text-decoration:none;padding:8px 0}
.site-header .site-nav a:hover,.site-header .site-nav a[aria-current=page]{color:var(--site-accent)}
.site-header .site-theme-toggle{display:inline-flex;align-items:center;justify-content:center;flex:0 0 108px;min-height:44px;padding:10px 12px;margin:0;border:1px solid var(--site-line);border-radius:12px;background:var(--site-soft);color:var(--site-ink);font-family:inherit;font-size:13px;font-weight:600;line-height:1.4;cursor:pointer;box-shadow:none;white-space:nowrap}
.site-header a:focus-visible,.site-header button:focus-visible{outline:3px solid var(--site-accent);outline-offset:4px}
@media(max-width:900px){.site-header{position:static}.site-header .site-header-inner{display:grid;grid-template-columns:minmax(0,1fr) 108px;gap:10px 16px;padding:16px 0}.site-header .site-logo{grid-column:1;grid-row:1}.site-header .site-theme-toggle{grid-column:2;grid-row:1}.site-header .site-nav{grid-column:1/-1;grid-row:2;margin:0;gap:4px 14px;justify-content:flex-start}.site-header .site-nav a{font-size:13px;min-height:36px;display:flex;align-items:center}}
html[data-site=inidata][data-theme=dark] body{background:radial-gradient(circle at top left,#2563eb14,transparent 40%),linear-gradient(180deg,#101923,#121e2b);color:var(--site-ink)}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
html[data-site=inidata] main h1,html[data-site=inidata] main h2,html[data-site=inidata] main h3{overflow-wrap:anywhere}
html[data-site=inidata] .btn{border-radius:12px}

/* App identity shares the navigation frame, with a distinct mark per tool. */
.site-header .app-identity{display:flex;align-items:center;gap:12px;min-width:0;letter-spacing:-.03em}
.site-header .app-monogram{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:12px;background:linear-gradient(135deg,#1d4ed8,#0f766e);color:#fff;font-size:16px;font-weight:800;letter-spacing:.025em}
html[data-site=hand-lab] .site-header .app-monogram{background:linear-gradient(135deg,#087f77,#0b565d)}
.site-header .app-name{margin:0;font:inherit;line-height:1.2}
.site-header .back-to-inidata{color:var(--site-ink);font-weight:600}
@media(max-width:900px){.site-header .app-identity{font-size:16px;gap:8px}.site-header .app-monogram{width:36px;height:36px;flex-basis:36px;font-size:14px;border-radius:10px}.site-header .app-identity>span:last-child{white-space:nowrap}}