:root{--bg:#0a0a0a;--surface:#141414;--text:#f5f5f5;--muted:#a0a0a0;--accent:#4fc3f7;--accent-hover:#81d4fa;--border:#2a2a2a;--font:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--rail:22rem;--ease:.18s ease;--radius:8px}*,:before,:after{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--bg)}html,body{height:100%;min-height:100%;margin:0;padding:0}body{font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1rem;font-weight:400;line-height:1.65}::selection{background:color-mix(in srgb, var(--accent) 35%, transparent);color:var(--text)}h1,h2,p,dl,dt,dd{margin:0}a{color:var(--accent);transition:color var(--ease);text-decoration:none}a:hover{color:var(--accent-hover);text-underline-offset:.18em;text-decoration:underline}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.skip{z-index:20;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:.5rem .75rem;position:absolute;top:.75rem;left:.75rem;transform:translateY(-160%)}.skip:focus{text-decoration:none;transform:none}.shell{grid-template-columns:var(--rail) minmax(0, 1fr);grid-template-rows:minmax(0,1fr);height:100svh;min-height:100svh;display:grid}.rail{border-right:1px solid var(--border);flex-direction:column;justify-content:space-between;height:100svh;padding:2rem 2rem 1.75rem;display:flex;position:sticky;top:0}.rail-top{flex-direction:column;align-items:flex-start;gap:1.75rem;display:flex}.identity{flex-direction:column;gap:.45rem;display:flex}.identity h1,.identity .site-name{letter-spacing:.03em;font-size:1.25rem;font-weight:600;line-height:1.2}.wordmark{color:var(--text);text-decoration:none}.wordmark:hover{color:var(--accent);text-decoration:none}.role{color:var(--muted);font-size:.9375rem;line-height:1.45}.status{font-family:var(--mono);letter-spacing:.06em;color:var(--muted);align-items:center;gap:.5rem;font-size:.75rem;display:inline-flex}.status-dot{background:var(--accent);width:.4rem;height:.4rem}.place{color:var(--muted);font-size:.875rem}.menu{flex-direction:column;gap:.15rem;margin:0;padding:0;list-style:none;display:flex}.menu a{color:var(--accent);text-underline-offset:.18em;font-size:1.125rem;font-weight:500;line-height:1.45;text-decoration:none}.menu a:hover{color:var(--accent-hover);text-decoration:underline}.menu a[aria-current=page]{text-decoration:underline}.rail-bottom{flex-direction:column;gap:.35rem;display:flex}.rail-bottom a{color:var(--muted);font-size:.875rem}.rail-bottom a:hover{color:var(--accent)}.btn{border-radius:var(--radius);background:var(--accent);color:var(--bg);font:inherit;letter-spacing:.01em;transition:background var(--ease), color var(--ease);border:1px solid #0000;align-items:center;padding:.5rem .75rem;font-size:.9375rem;font-weight:500;text-decoration:none;display:inline-flex}.btn:hover{background:var(--accent-hover);color:var(--bg);text-decoration:none}.card{background:var(--surface);border:1px solid var(--border);transition:border-color var(--ease);border-radius:10px;padding:1.25rem 1.4rem}@media (hover:hover){.card:hover{border-color:color-mix(in srgb, var(--accent) 40%, var(--border))}}.page{min-height:0;padding:2rem clamp(1.5rem,4vw,4rem) 4rem;overflow:auto}.page-flush{height:100%;min-height:0;padding:0;position:relative;overflow:hidden}.page-flush .site-main{height:100%;min-height:0;position:relative}@media (width<=860px){.shell{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr}.rail{border-right:0;border-bottom:1px solid var(--border);gap:1.25rem;height:auto;padding:1.25rem 1.25rem 1.35rem;position:static}.rail-top{gap:1rem}.rail-bottom{display:none}.page:not(.page-flush){padding:1.75rem 1.25rem 3rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important}}
