:root,[data-theme=light]{--bg: #ffffff;--bg-deep: #f5f5f5;--ink: #111111;--ink-soft: #444444;--muted: #777777;--line: rgba(0, 0, 0, .1);--accent: #2563eb;--accent-bright: #ffffff;--surface: #ffffff;--header-bg: rgba(255, 255, 255, .88);--shadow: 0 16px 36px rgba(0, 0, 0, .06);--radius: 4px;--font-display: "Syne", sans-serif;--font-body: "IBM Plex Sans", sans-serif;--font-mono: "IBM Plex Mono", monospace;--max: 1120px;--grid-line: rgba(0, 0, 0, .035);--hero-grad: linear-gradient(120deg, #111111 55%, #2563eb 100%)}[data-theme=dark]{--bg: #121212;--bg-deep: #0a0a0a;--ink: #f2f2f2;--ink-soft: #c8c8c8;--muted: #9a9a9a;--line: rgba(255, 255, 255, .12);--accent: #60a5fa;--accent-bright: #0a0a0a;--surface: #1a1a1a;--header-bg: rgba(18, 18, 18, .88);--shadow: 0 16px 36px rgba(0, 0, 0, .35);--grid-line: rgba(255, 255, 255, .04);--hero-grad: linear-gradient(120deg, #f2f2f2 50%, #60a5fa 100%)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.65;background:radial-gradient(ellipse 70% 45% at 0% 0%,rgba(37,99,235,.06),transparent 55%),linear-gradient(180deg,var(--bg) 0%,var(--bg) 55%,var(--bg-deep) 100%);background-attachment:fixed;transition:background .25s ease,color .25s ease}[data-theme=dark] body,html[data-theme=dark] body{background:radial-gradient(ellipse 70% 45% at 0% 0%,rgba(96,165,250,.08),transparent 55%),linear-gradient(180deg,var(--bg) 0%,var(--bg-deep) 100%)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 80%);mask-image:linear-gradient(180deg,#000 0%,transparent 80%);z-index:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}img{max-width:100%;display:block}#app{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column}.container{width:min(100% - 2.5rem,var(--max));margin-inline:auto}.site-header{position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:var(--header-bg);border-bottom:1px solid var(--line)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0}.brand{display:flex;align-items:center}.brand__logo{display:block;height:2.25rem;width:auto;border-radius:6px;object-fit:contain}.brand__name{font-family:var(--font-display);font-weight:800;font-size:1.35rem;letter-spacing:-.03em;line-height:1}.header-actions{display:flex;align-items:center;gap:.5rem}.nav{display:flex;align-items:center;gap:.25rem;flex-wrap:wrap;justify-content:flex-end}.nav a{padding:.45rem .85rem;font-size:.92rem;font-weight:500;color:var(--ink-soft);border-radius:999px;transition:background .2s ease,color .2s ease,transform .2s ease}.nav a:hover,.nav a.router-link-active{background:var(--ink);color:var(--accent-bright);transform:translateY(-1px)}.theme-toggle{width:2.4rem;height:2.4rem;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:transform .18s ease,border-color .18s ease,background .18s ease}.theme-toggle:hover{transform:translateY(-1px);border-color:var(--accent)}.theme-toggle__icon{width:1rem;height:1rem;display:block;position:relative}[data-theme=light] .theme-toggle__icon:before{content:"";position:absolute;top:.05rem;right:.05rem;bottom:.05rem;left:.05rem;border-radius:50%;box-shadow:inset -.28rem -.08rem 0 .05rem currentColor}[data-theme=dark] .theme-toggle__icon:before{content:"";position:absolute;top:50%;left:50%;width:.45rem;height:.45rem;margin:-.225rem 0 0 -.225rem;border-radius:50%;background:currentColor;box-shadow:0 -.42rem 0 -.12rem currentColor,0 .42rem 0 -.12rem currentColor,-.42rem 0 0 -.12rem currentColor,.42rem 0 0 -.12rem currentColor,-.3rem -.3rem 0 -.12rem currentColor,.3rem -.3rem 0 -.12rem currentColor,-.3rem .3rem 0 -.12rem currentColor,.3rem .3rem 0 -.12rem currentColor}main{flex:1;padding:2.5rem 0 4rem}.site-footer{border-top:1px solid var(--line);padding:1.5rem 0 2rem;color:var(--muted);font-size:.88rem}.site-footer__inner{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.hero{display:grid;gap:1.25rem;padding:1.5rem 0 2.75rem;animation:rise .7s ease both}.hero__brand{font-family:var(--font-display);font-weight:800;font-size:clamp(2.8rem,8vw,5.2rem);letter-spacing:-.045em;line-height:.95;max-width:12ch;margin:0}.hero__brand span{display:inline-block;background:var(--hero-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.hero__lead{max-width:36rem;font-size:1.08rem;color:var(--ink-soft);margin:0}.hero__actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.7rem 1.2rem;border:1px solid transparent;border-radius:var(--radius);cursor:pointer;font-weight:600;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.btn:hover{transform:translateY(-2px)}.btn--primary{background:var(--ink);color:var(--accent-bright);box-shadow:var(--shadow)}.btn--ghost{background:transparent;border-color:var(--line);color:var(--ink)}.btn--accent{background:var(--accent);color:#fff}.btn--danger{background:transparent;border-color:#c45c4a;color:#a63d2d}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.section{margin-top:2.5rem;animation:rise .75s ease both}.section__head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--line)}.section__title{margin:0;font-family:var(--font-display);font-size:1.55rem;letter-spacing:-.03em}.section__desc{margin:.25rem 0 0;color:var(--muted);font-size:.92rem}.link-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.link-tile{display:block;padding:1.15rem 1.2rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);transition:transform .2s ease,border-color .2s ease,background .2s ease}.link-tile:hover{transform:translateY(-3px);border-color:var(--accent)}.link-tile__cat{font-family:var(--font-mono);font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.link-tile__title{margin:.35rem 0 .25rem;font-family:var(--font-display);font-size:1.15rem}.link-tile__body{margin:.35rem 0 0;color:var(--ink-soft);font-size:.98rem;line-height:1.55;white-space:pre-wrap}.link-tile__desc{margin:0;color:var(--ink-soft);font-size:.92rem}.file-table{width:100%;border-collapse:collapse}.file-table th,.file-table td{text-align:left;padding:.9rem .5rem;border-bottom:1px solid var(--line);vertical-align:middle}.file-table th{font-family:var(--font-mono);font-size:.75rem;font-weight:500;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.file-name{font-weight:600}.file-desc{color:var(--muted);font-size:.88rem}.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;margin:0 0 1.25rem;font-family:var(--font-mono);font-size:.85rem}.crumb{border:none;background:transparent;color:var(--ink-soft);cursor:pointer;padding:.15rem .35rem;border-radius:2px}.crumb:hover,.crumb.active{color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.crumb-sep{color:var(--muted)}.linkish{border:none;background:transparent;color:var(--accent);cursor:pointer;padding:0;font:inherit;font-weight:600;text-align:left}.linkish:hover{text-decoration:underline;text-underline-offset:3px}.empty{padding:2rem 0;color:var(--muted);text-align:center}.error{color:#a63d2d;background:#c45c4a1a;padding:.75rem 1rem;border-radius:var(--radius);margin-bottom:1rem}.success{color:#1f7a4c;background:#1f7a4c1a;padding:.75rem 1rem;border-radius:var(--radius);margin-bottom:1rem}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 720px){.hero__brand{max-width:none}.nav a{padding:.4rem .65rem;font-size:.85rem}.file-table .hide-sm{display:none}.brand__logo{height:1.9rem}.brand__name{font-size:1.1rem}}.admin-login,.editor-card{display:grid;gap:.75rem;max-width:36rem;margin-bottom:1rem}.admin-login label,.editor-card label{display:grid;gap:.35rem;font-size:.85rem;color:var(--ink-soft)}.admin-login input,.editor-card input,.editor-card textarea{width:100%;padding:.65rem .75rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink)}.editor-card{padding:1rem 0;border-bottom:1px solid var(--line)}.form-actions{display:flex;gap:.6rem;flex-wrap:wrap}.btn--danger{background:transparent;border-color:#c45c4a;color:#e07a68;width:fit-content}.switch{display:inline-flex;align-items:center;gap:.45rem;color:var(--ink-soft);font-size:.9rem}