@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Space+Mono:wght@400;700&display=swap');
:root{--bg:#0b0b12;--panel:#12121c;--panel2:#171724;--text:#ddd9e8;--muted:#8e899e;--accent:#d8a7ff;--accent2:#8ee8d1;--line:#302c3d;--shadow:0 0 35px rgba(0,0,0,.35)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% -10%,#252036 0,#0b0b12 42%);color:var(--text);font:15px/1.75 "IBM Plex Mono",monospace}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent2);text-decoration:underline}.site{width:min(940px,calc(100% - 28px));margin:28px auto 40px}.hero{text-align:center;padding:42px 18px 25px;border:1px solid var(--line);background:rgba(18,18,28,.82);box-shadow:var(--shadow);position:relative}.hero.compact{padding:30px 18px 20px}.sparkle{color:var(--accent2);letter-spacing:12px;font-size:14px}.eyebrow{font-size:11px;letter-spacing:3px;color:var(--muted);margin:13px 0 5px}.hero h1{font:700 clamp(32px,7vw,60px)/1.1 "Space Mono",monospace;margin:5px 0 7px;letter-spacing:-3px}.hero h1 span{color:var(--accent);font-size:.55em;vertical-align:top;margin-left:9px}.tagline{color:var(--muted);margin:0 0 25px}nav{display:flex;justify-content:center;gap:6px;flex-wrap:wrap}nav a{padding:5px 11px;border:1px solid transparent;font-size:13px}nav a:hover,nav a.active{border-color:var(--line);background:var(--panel2);text-decoration:none;color:var(--accent2)}.grid{display:grid;grid-template-columns:1.55fr .9fr;gap:14px;margin-top:14px}.panel{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);overflow:hidden}.panel-title{background:var(--panel2);border-bottom:1px solid var(--line);padding:9px 13px;color:var(--accent);font-size:12px;letter-spacing:1px}.content{padding:17px}.welcome{min-height:245px}.status{min-height:245px}.posts{grid-column:1}.mini-links{grid-column:2}.post-preview{padding:3px 0 18px;margin-bottom:17px;border-bottom:1px dashed var(--line)}.post-preview:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.post-preview time{font-size:11px;color:var(--muted)}h2{font:700 19px/1.4 "Space Mono",monospace;color:#eee;margin:7px 0}p{margin:0 0 14px}.post-preview p{color:#aaa5b7;margin-bottom:7px}.read-more{font-size:12px}.muted{color:var(--muted);font-size:12px}hr{border:0;border-top:1px dashed var(--line);margin:17px 0}.blink{color:var(--accent2);font-size:12px;animation:pulse 2s infinite}@keyframes pulse{50%{opacity:.45}}ul{padding-left:20px}.single{margin-top:14px}.prose{max-width:760px}.prose h2{font-size:25px;margin-top:0}.prose h2:not(:first-child){margin-top:28px}.note{border-left:2px solid var(--accent);background:#181521;padding:12px 14px;margin-top:22px}.links li{margin:10px 0}.button88{display:inline-grid;place-items:center;width:88px;height:31px;border:1px solid var(--accent);background:#21182a;color:var(--accent);font:bold 10px/1 "Space Mono";text-align:center;margin:8px 0}.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.gallery figure{margin:0}.placeholder{aspect-ratio:4/3;display:grid;place-items:center;text-align:center;border:1px dashed #4b4659;background:linear-gradient(135deg,#191724,#11111a);color:#777186;font:600 13px/1.6 "Space Mono";letter-spacing:2px}.gallery figcaption{font-size:11px;color:var(--muted);padding-top:5px}code{color:var(--accent2)}footer{display:flex;justify-content:space-between;gap:15px;margin-top:14px;padding:14px 4px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:1px}@media(max-width:680px){.site{width:min(100% - 18px,940px);margin-top:9px}.grid{grid-template-columns:1fr}.posts,.mini-links{grid-column:auto}.hero{padding:30px 12px 20px}.hero h1{letter-spacing:-2px}.eyebrow{letter-spacing:1.5px;font-size:9px}.gallery{grid-template-columns:1fr}footer{flex-direction:column}.content{padding:14px}}

.editor-toolbar{position:sticky;top:0;z-index:9999;display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:8px 12px;background:#08080e;border-bottom:1px solid #3b354b;color:#aaa;font:11px/1.4 "IBM Plex Mono",monospace}
.editor-toolbar strong{color:#d8a7ff;margin-right:5px}
.editor-toolbar button{border:1px solid #3b354b;background:#171724;color:#ddd;padding:5px 9px;font:inherit;cursor:pointer}
.editor-toolbar button:hover{border-color:#d8a7ff;color:#d8a7ff}
.editor-hint{color:#706b7d;margin-left:auto}
body.editing [contenteditable="true"]{outline:1px dashed #d8a7ff;outline-offset:3px;cursor:text}
body.editing [contenteditable="true"]:focus{outline:1px solid #8ee8d1;background:rgba(142,232,209,.04)}