:root{
  --bg:#080b13;
  --bg-soft:#0b1019;
  --panel:#101622;
  --panel2:#0d1320;
  --panel3:#131b29;
  --line:#202a3a;
  --line-soft:#182130;
  --text:#f5f7fb;
  --muted:#8e9bb0;
  --muted2:#68758a;
  --accent:#ff9d2f;
  --green:#33d69f;
  --red:#ff6577;
  --blue:#6ea8fe;
  --purple:#b58cff;
  --radius:14px;
  --shadow:0 18px 45px rgba(0,0,0,.18);
}
*{box-sizing:border-box}
html{color-scheme:dark;scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 85% -10%,#1f2638 0,transparent 32%),var(--bg);color:var(--text);font:14px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial}
a{color:inherit}
.shell{max-width:1500px;margin:auto;padding:22px}
.public-nav{display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;margin-bottom:24px;padding:11px 14px;background:rgba(13,19,32,.78);border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 32px rgba(0,0,0,.13);backdrop-filter:blur(10px);position:sticky;top:10px;z-index:35}
.nav-brand{text-decoration:none;display:block;min-width:max-content}
.nav-brand-main{font-size:20px;font-weight:850;letter-spacing:-.45px}.nav-brand-main span{font-weight:500;color:var(--muted)}
.nav-brand-sub{font-size:10px;color:var(--muted);margin-top:1px;letter-spacing:.03em}
.nav-links{display:flex;justify-content:center;align-items:center;gap:4px}
.nav-link{color:#aab5c6;text-decoration:none;font-size:12px;font-weight:700;padding:8px 11px;border-radius:9px;transition:.15s ease}.nav-link:hover{background:#151e2d;color:var(--text)}.nav-link.active{background:rgba(110,168,254,.10);color:#cfe0ff;border:1px solid rgba(110,168,254,.18)}
.nav-actions{display:flex;align-items:center;gap:10px;justify-content:flex-end;min-width:0}
.public-status{display:flex;align-items:center;gap:7px;border:1px solid var(--line);background:#111827;border-radius:999px;padding:7px 10px;color:#aeb9ca;font-size:11px;white-space:nowrap}.public-status .dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px rgba(51,214,159,.09)}
.updated,.sub,p{color:var(--muted)}
.badge{display:inline-block;border-radius:999px;font-weight:800;letter-spacing:.055em}.badge.paper{background:rgba(255,157,47,.10);border:1px solid rgba(255,157,47,.30);color:#ffb45f}
.btn-primary{border:0;background:linear-gradient(180deg,#42c38e,#31a975);color:#06150e;border-radius:9px;padding:9px 12px;font-weight:850;cursor:pointer;text-decoration:none;text-align:center}.btn-primary:hover{filter:brightness(1.04)}
.btn-secondary{border:1px solid var(--line);background:#111827;color:var(--text);border-radius:9px;padding:9px 12px;font-weight:750;cursor:pointer;text-decoration:none}.btn-secondary:hover{border-color:#34445c;background:#151d2b}
footer{text-align:center;color:var(--muted2);font-size:11px;padding:26px 0 8px}
@media(max-width:900px){.public-nav{grid-template-columns:1fr auto;gap:10px}.nav-links{grid-column:1/-1;grid-row:2;justify-content:flex-start;overflow:auto;padding-top:2px}.nav-actions{grid-column:2;grid-row:1}.nav-brand{grid-column:1;grid-row:1}}
@media(max-width:620px){.shell{padding:12px}.public-nav{top:6px;padding:10px}.nav-brand-sub{display:none}.nav-link{padding:7px 9px;font-size:11px}.public-status{display:none}}

.badge.live{background:rgba(51,214,159,.10);border:1px solid rgba(51,214,159,.28);color:var(--green)}
.badge.demo{background:rgba(110,168,254,.10);border:1px solid rgba(110,168,254,.28);color:#9bc0ff}