:root{color-scheme:dark;--bg: #070a0f;--bg-soft: #0c111b;--panel: rgba(15, 23, 42, .78);--panel-strong: rgba(22, 31, 49, .92);--text: #edf2ff;--muted: #9aa7bd;--faint: #64748b;--line: rgba(148, 163, 184, .18);--accent: #8bffd9;--accent-2: #7aa7ff;--warn: #facc15;--radius: 22px;--mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(circle at top left,rgba(122,167,255,.19),transparent 34rem),radial-gradient(circle at 80% 10%,rgba(139,255,217,.11),transparent 30rem),linear-gradient(180deg,#070a0f,#0a0f18 48%,#070a0f);line-height:1.65}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}.shell{width:min(1120px,calc(100% - 32px));margin:0 auto}.site-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:24px 0}.brand{display:inline-flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(135deg,#8bffd933,#7aa7ff1f);color:var(--accent);font-family:var(--mono);font-weight:800;letter-spacing:-.08em}.brand strong{display:block;letter-spacing:-.03em}.brand small{display:block;color:var(--muted);font-size:.78rem;margin-top:-3px}nav{display:flex;gap:16px;color:var(--muted);font-size:.92rem}.hero{padding:clamp(34px,7vw,84px) 0 28px}.eyebrow{color:var(--accent);font-family:var(--mono);font-size:.78rem;letter-spacing:.18em;text-transform:uppercase}h1,h2,h3{line-height:1.08;letter-spacing:-.055em;margin:0}h1{font-size:clamp(2.6rem,9vw,6.6rem);max-width:980px}h2{font-size:clamp(1.8rem,4vw,3rem)}p{color:var(--muted);margin:0}.hero p{max-width:680px;font-size:clamp(1rem,2vw,1.18rem);margin-top:18px}.stats{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.pill{border:1px solid var(--line);background:#0f172a94;border-radius:999px;color:var(--muted);padding:8px 12px;font-size:.88rem}.pill strong{color:var(--text)}.panel{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);box-shadow:0 24px 80px #00000042;backdrop-filter:blur(16px)}.controls{padding:18px;margin:22px 0}.control-grid{display:grid;grid-template-columns:1.5fr repeat(3,minmax(0,.8fr));gap:12px}label{display:grid;gap:6px;color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}input,select,button{width:100%;border:1px solid var(--line);border-radius:14px;background:#020617b8;color:var(--text);padding:12px 13px;font:inherit;min-height:48px}input:focus,select:focus{outline:2px solid rgba(139,255,217,.3);border-color:#8bffd98c}button{cursor:pointer;background:linear-gradient(135deg,#8bffd929,#7aa7ff21)}button:hover{border-color:#8bffd98c}.notes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0 56px}.note-card{display:grid;gap:12px;padding:20px;transition:transform .15s ease,border-color .15s ease}.note-card:hover{transform:translateY(-2px);border-color:#8bffd96b;color:inherit}.note-card h2{font-size:1.45rem}.meta{display:flex;flex-wrap:wrap;gap:8px;color:var(--faint);font-size:.86rem}.reason{color:var(--muted)}.tags{display:flex;flex-wrap:wrap;gap:8px}.tag{color:var(--accent);border:1px solid rgba(139,255,217,.22);background:#8bffd912;border-radius:999px;padding:3px 8px;font-size:.78rem}.empty{padding:24px;color:var(--muted);margin-bottom:56px}.note-header{padding:clamp(34px,7vw,72px) 0 26px}.note-title{font-size:clamp(2.4rem,7vw,5.2rem);margin:10px 0 18px}.note-shell{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:22px;align-items:start;margin-bottom:68px}.prose{padding:clamp(20px,4vw,38px)}.prose :is(h1,h2,h3){margin-top:1.55em;margin-bottom:.5em}.prose h1:first-child,.prose h2:first-child{margin-top:0}.prose p,.prose li{color:#c6d0e0}.prose a{color:var(--accent);text-decoration:underline;text-decoration-color:#8bffd959}.prose code{font-family:var(--mono);background:#94a3b81f;padding:.15em .35em;border-radius:6px}.prose pre{overflow:auto;border:1px solid var(--line);border-radius:16px;padding:16px;background:#05070c}.sidecar{padding:18px;position:sticky;top:18px}.sidecar h2{font-size:1rem;letter-spacing:0;margin-bottom:8px}.sidecar dl{display:grid;gap:14px;margin:0}.sidecar dt{color:var(--faint);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.sidecar dd{margin:3px 0 0;color:var(--text)}.back-link{color:var(--muted);display:inline-flex;margin-top:18px}@media(max-width:760px){.site-header{align-items:flex-start;flex-direction:column}nav{width:100%;justify-content:space-between}.control-grid,.notes-grid,.note-shell{grid-template-columns:1fr}.sidecar{position:static;order:-1}}