:root{--font-display: "Sora", "Inter", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--font-serif: "Georgia", "Times New Roman", serif;--bg: #030712;--bg-card: rgba(13, 20, 32, .72);--bg-card-hover: rgba(13, 20, 32, .88);--bg-glass: rgba(15, 23, 42, .55);--bg-elevated: rgba(30, 41, 59, .45);--text: #e2e8f0;--text-secondary: #94a3b8;--text-tertiary: #64748b;--text-muted: #475569;--accent: #2dd4bf;--accent-bright: #5eead4;--accent-dim: rgba(45, 212, 191, .12);--violet: #a78bfa;--violet-dim: rgba(167, 139, 250, .12);--rose: #fb7185;--amber: #fbbf24;--emerald: #34d399;--border: rgba(148, 163, 184, .08);--border-hover: rgba(148, 163, 184, .16);--border-accent: rgba(45, 212, 191, .2);--radius: 20px;--radius-sm: 12px;--radius-xs: 8px;--max-w: 780px;--max-w-wide: 1100px;--shadow-card: 0 8px 32px rgba(0, 0, 0, .4), inset 0 1px 0 rgba(255, 255, 255, .02);--shadow-glow: 0 0 40px rgba(45, 212, 191, .06)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:var(--font-body);background:var(--bg);color:var(--text);line-height:1.7;min-height:100vh}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 14% 18%,rgba(45,212,191,.06),transparent 50%),radial-gradient(ellipse at 86% 72%,rgba(167,139,250,.05),transparent 50%)}#root{position:relative;z-index:1}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-bright)}.topnav{position:sticky;top:0;z-index:100;backdrop-filter:blur(20px) saturate(1.3);-webkit-backdrop-filter:blur(20px) saturate(1.3);background:#030712bf;border-bottom:1px solid var(--border)}.topnav-inner{max-width:var(--max-w-wide);margin:0 auto;padding:0 1.5rem;height:56px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.topnav-brand{font-family:var(--font-display);font-weight:700;font-size:1.05rem;color:var(--text);letter-spacing:-.02em}.topnav-brand em{font-style:normal;color:var(--accent)}.topnav-links{display:flex;align-items:center;gap:.25rem}.topnav-link{background:none;border:none;font-family:var(--font-display);font-size:.8rem;font-weight:500;color:var(--text-tertiary);padding:.45rem .8rem;border-radius:999px;cursor:pointer;transition:all .2s}.topnav-link:hover,.topnav-link.active{color:var(--text);background:var(--accent-dim)}.topnav-subscribe{font-size:.75rem;font-weight:600;color:var(--accent);padding:.4rem .9rem;border-radius:999px;border:1px solid var(--border-accent);transition:all .2s}.topnav-subscribe:hover{background:var(--accent-dim);color:var(--accent-bright)}.hero{max-width:var(--max-w);margin:0 auto;padding:4rem 1.5rem 2rem;text-align:center}.hero-title{font-family:var(--font-display);font-size:clamp(2.4rem,5vw,3.8rem);font-weight:800;letter-spacing:-.04em;line-height:1.05;background:linear-gradient(180deg,#f8fafc,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}.hero-sub{font-size:1.1rem;color:var(--text-secondary);max-width:540px;margin:0 auto 1.2rem;line-height:1.65}.hero-meta{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap;font-size:.72rem;font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.04em}.hero-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px #2dd4bf99;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;box-shadow:0 0 6px #2dd4bf80}50%{opacity:.5;box-shadow:0 0 14px #2dd4bfcc}}.tabs{max-width:var(--max-w);margin:0 auto;padding:0 1.5rem 1rem;display:flex;gap:.35rem}.tab{background:transparent;border:1px solid transparent;font-family:var(--font-display);font-size:.82rem;font-weight:500;color:var(--text-tertiary);padding:.5rem 1rem;border-radius:999px;cursor:pointer;transition:all .2s}.tab.active{color:var(--accent);background:var(--accent-dim);border-color:var(--border-accent)}.tab-count{font-family:var(--font-mono);font-size:.7rem;opacity:.6;margin-left:.3rem}.feed,.notes-feed,.archive,.about{max-width:var(--max-w);margin:0 auto;padding:0 1.5rem 3rem}.post{position:relative;padding:1.8rem;margin-bottom:1.25rem;border-radius:var(--radius);background:var(--bg-glass);backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);border:1px solid var(--border);box-shadow:var(--shadow-card);transition:border-color .3s,transform .3s,box-shadow .3s}.post:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:var(--shadow-card),var(--shadow-glow)}.post-date{display:flex;align-items:center;gap:.6rem;font-size:.72rem;font-family:var(--font-mono);color:var(--text-muted);margin-bottom:.6rem;letter-spacing:.04em}.post-cat{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;padding:.2rem .55rem;border-radius:999px}.cat-reflection{background:var(--accent-dim);color:var(--accent);border:1px solid rgba(45,212,191,.15)}.cat-utrecht{background:var(--violet-dim);color:var(--violet);border:1px solid rgba(167,139,250,.15)}.cat-ops{background:#fbbf241a;color:var(--amber);border:1px solid rgba(251,191,36,.15)}.cat-p2000{background:#fb71851a;color:var(--rose);border:1px solid rgba(251,113,133,.15)}.cat-longread{background:#34d3991a;color:var(--emerald);border:1px solid rgba(52,211,153,.15)}.cat-default{background:#94a3b814;color:var(--text-tertiary);border:1px solid var(--border)}.post-title{font-family:var(--font-display);font-size:1.35rem;font-weight:700;letter-spacing:-.02em;line-height:1.25;color:var(--text);margin-bottom:.7rem;cursor:pointer;transition:color .2s}.post-title:hover{color:var(--accent-bright)}.post-preview{font-family:var(--font-serif);font-size:.95rem;line-height:1.75;color:var(--text-secondary)}.post-body{font-family:var(--font-serif);font-size:.95rem;line-height:1.85;color:var(--text-secondary)}.post-body p{margin-bottom:.85rem}.read-toggle{display:inline-block;background:none;border:none;color:var(--accent);font-family:var(--font-display);font-size:.82rem;font-weight:600;cursor:pointer;padding:.5rem 0;transition:color .2s}.read-toggle:hover{color:var(--accent-bright)}.post-footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:1rem;padding-top:.8rem;border-top:1px solid var(--border)}.post-tags{display:flex;flex-wrap:wrap;gap:.3rem}.post-tag{font-size:.68rem;font-family:var(--font-mono);color:var(--text-muted);background:#94a3b80f;border:1px solid var(--border);padding:.2rem .5rem;border-radius:999px;cursor:pointer;transition:all .2s}.post-tag:hover,.post-tag.active{color:var(--accent);border-color:var(--border-accent);background:var(--accent-dim)}.post-action{background:none;border:none;color:var(--text-muted);font-size:.85rem;cursor:pointer;padding:.3rem;transition:color .2s,transform .2s}.post-action:hover,.post-action.liked{color:var(--rose)}.note{padding:1.4rem;margin-bottom:.75rem;border-radius:var(--radius-sm);background:var(--bg-glass);backdrop-filter:blur(12px);border:1px solid var(--border);transition:border-color .3s}.note:hover{border-color:var(--border-hover)}.note-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.6rem}.note-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#0d9488);display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;color:#030712}.note-author{font-weight:600;font-size:.85rem;color:var(--text)}.note-handle{font-size:.78rem;color:var(--text-muted)}.note-time{margin-left:auto;font-size:.72rem;font-family:var(--font-mono);color:var(--text-muted)}.note-content{font-size:.92rem;line-height:1.65;color:var(--text-secondary)}.note-footer{display:flex;align-items:center;gap:1rem;margin-top:.7rem;padding-top:.5rem;border-top:1px solid var(--border)}.note-action{background:none;border:none;font-size:.78rem;color:var(--text-muted);cursor:pointer;transition:color .2s}.note-action:hover,.note-action.liked{color:var(--rose)}.archive-month{font-family:var(--font-display);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin:1.5rem 0 .5rem;padding-bottom:.3rem;border-bottom:1px solid var(--border)}.archive-item{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;border-bottom:1px solid rgba(148,163,184,.04)}.archive-date{font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted);min-width:60px}.archive-title{font-size:.88rem;color:var(--text-secondary);flex:1}.archive-cat{font-size:.65rem;color:var(--text-muted)}.about{font-family:var(--font-serif);font-size:1rem;line-height:1.85;color:var(--text-secondary)}.about h2{font-family:var(--font-display);font-size:1.6rem;font-weight:700;color:var(--text);margin-bottom:.8rem}.about p{margin-bottom:1rem}.about-links{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1.5rem}.about-link{font-family:var(--font-display);font-size:.78rem;font-weight:600;color:var(--accent);padding:.45rem .9rem;border-radius:999px;border:1px solid var(--border-accent);transition:all .2s}.about-link:hover{background:var(--accent-dim);color:var(--accent-bright)}.loading-dots{display:flex;justify-content:center;gap:.4rem;padding:3rem}.loading-dots span{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:dot-bounce 1.4s ease-in-out infinite}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes dot-bounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.empty{text-align:center;color:var(--text-muted);padding:3rem 1rem;font-size:.9rem}.load-more{text-align:center;padding:1.5rem}.load-more button{background:var(--bg-glass);border:1px solid var(--border);color:var(--text-secondary);font-family:var(--font-display);font-size:.82rem;font-weight:600;padding:.7rem 2rem;border-radius:999px;cursor:pointer;transition:all .2s}.load-more button:hover{border-color:var(--border-accent);color:var(--accent);background:var(--accent-dim)}.foot{max-width:var(--max-w-wide);margin:0 auto;padding:2rem 1.5rem;text-align:center;font-size:.75rem;color:var(--text-muted);border-top:1px solid var(--border)}.foot a{color:var(--text-tertiary)}.foot a:hover{color:var(--accent)}.editorial-shell{min-height:100vh;background:var(--bg)}.editorial-auth-shell{min-height:100vh;display:grid;place-items:center;padding:2rem;background:var(--bg)}.editorial-auth-card{max-width:480px;padding:2.5rem;border-radius:var(--radius);background:var(--bg-glass);backdrop-filter:blur(20px);border:1px solid var(--border);box-shadow:var(--shadow-card);text-align:center}.editorial-auth-card h1{font-family:var(--font-display);font-size:1.6rem;font-weight:700;color:var(--text);margin-bottom:.8rem}.editorial-auth-card p{color:var(--text-secondary);font-size:.92rem;line-height:1.6;margin-bottom:1rem}.editorial-auth-actions{display:flex;flex-direction:column;gap:.75rem;align-items:center}.editorial-login-button{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 2rem;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--accent-bright),var(--accent));color:#030712;font-family:var(--font-display);font-weight:700;font-size:.92rem;box-shadow:0 0 30px #2dd4bf33;transition:transform .2s}.editorial-login-button:hover{transform:scale(1.02);color:#030712}.editorial-kicker{font-family:var(--font-mono);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--accent);margin-bottom:.4rem}.editorial-hero{max-width:var(--max-w-wide);margin:0 auto;padding:2rem 1.5rem 1rem}.editorial-hero h1{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2.2rem);font-weight:700;color:var(--text);line-height:1.2}.editorial-sub{color:var(--text-secondary);font-size:.92rem;margin-top:.3rem}.editorial-stats-grid{max-width:var(--max-w-wide);margin:0 auto;padding:1rem 1.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem}.editorial-stat-card{padding:1.2rem;border-radius:var(--radius-sm);background:var(--bg-glass);backdrop-filter:blur(12px);border:1px solid var(--border);text-align:center}.editorial-stat-value{font-family:var(--font-mono);font-size:1.8rem;font-weight:700;color:var(--accent)}.editorial-stat-label{font-family:var(--font-display);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);margin-top:.2rem}.editorial-stat-hint{font-size:.68rem;color:var(--text-muted);margin-top:.15rem}.editorial-toolbar{max-width:var(--max-w-wide);margin:0 auto;padding:.5rem 1.5rem 1rem;display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.editorial-status-tabs{display:flex;gap:.25rem}.editorial-search{display:flex;gap:.35rem;margin-left:auto}.editorial-search input{padding:.45rem .8rem;border-radius:var(--radius-xs);border:1px solid var(--border);background:var(--bg-glass);color:var(--text);font-size:.82rem;width:200px;transition:border-color .2s}.editorial-search input:focus{outline:none;border-color:var(--border-accent)}.editorial-search button{padding:.45rem .8rem;border-radius:var(--radius-xs);border:1px solid var(--border);background:var(--accent-dim);color:var(--accent);font-family:var(--font-display);font-size:.78rem;font-weight:600;cursor:pointer;transition:all .2s}.editorial-search button:hover{background:#2dd4bf33}.editorial-grid{max-width:var(--max-w-wide);margin:0 auto;padding:0 1.5rem 3rem;display:grid;grid-template-columns:340px 1fr;gap:1rem;align-items:start}@media(max-width:860px){.editorial-grid{grid-template-columns:1fr}}.editorial-panel{border-radius:var(--radius);background:var(--bg-glass);backdrop-filter:blur(12px);border:1px solid var(--border);overflow:hidden}.editorial-panel-head{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1rem;border-bottom:1px solid var(--border);font-family:var(--font-display)}.editorial-panel-head h2{font-size:.88rem;font-weight:700;color:var(--text)}.editorial-panel-head span{font-size:.72rem;color:var(--text-muted);font-family:var(--font-mono)}.editorial-panel-head-stack{flex-direction:column;align-items:flex-start;gap:.3rem}.editorial-panel-head-stack p{font-size:.75rem;color:var(--text-tertiary)}.editorial-side-meta{display:flex;gap:.75rem;font-size:.72rem;color:var(--text-muted);font-family:var(--font-mono)}.editorial-list{max-height:70vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.editorial-item{display:block;width:100%;text-align:left;background:transparent;border:none;padding:.8rem 1rem;border-bottom:1px solid var(--border);cursor:pointer;transition:background .15s;color:var(--text)}.editorial-item:hover{background:#2dd4bf0a}.editorial-item.selected{background:#2dd4bf14;border-left:3px solid var(--accent)}.editorial-item h3{font-family:var(--font-display);font-size:.85rem;font-weight:600;line-height:1.3;margin:.3rem 0 .2rem;color:var(--text)}.editorial-item p{font-size:.75rem;color:var(--text-tertiary);line-height:1.4}.editorial-item-head{display:flex;align-items:center;gap:.5rem}.editorial-item-meta{display:flex;gap:.35rem;flex-wrap:wrap}.editorial-item-foot{display:flex;justify-content:space-between;margin-top:.3rem;font-size:.68rem;color:var(--text-muted);font-family:var(--font-mono)}.editorial-status{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:.15rem .45rem;border-radius:999px}.editorial-status-review{background:#fbbf241f;color:var(--amber)}.editorial-status-draft{background:#94a3b81a;color:var(--text-tertiary)}.editorial-status-rejected{background:#fb71851f;color:var(--rose)}.editorial-status-approved{background:#2dd4bf1f;color:var(--accent)}.editorial-score{font-family:var(--font-mono);font-size:.62rem;font-weight:700;padding:.15rem .35rem;border-radius:4px}.editorial-score-high{background:#2dd4bf26;color:var(--accent)}.editorial-score-medium{background:#fbbf241f;color:var(--amber)}.editorial-score-low{background:#fb71851f;color:var(--rose)}.editorial-mini-cat{font-size:.6rem;color:var(--text-muted)}.editorial-checkbox,.editorial-checkbox input{cursor:pointer}.editorial-bulk-bar{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1rem;background:var(--accent-dim);border-bottom:1px solid var(--border-accent);font-size:.78rem;color:var(--accent)}.editorial-bulk-bar div{display:flex;gap:.3rem}.editorial-bulk-bar button{padding:.3rem .6rem;border-radius:var(--radius-xs);border:1px solid var(--border-accent);background:transparent;color:var(--accent);font-size:.72rem;font-weight:600;cursor:pointer;transition:all .15s}.editorial-bulk-bar button:hover{background:var(--accent-dim)}.editorial-detail-panel{position:sticky;top:72px}.editorial-issues{padding:.6rem 1rem;display:flex;flex-wrap:wrap;gap:.3rem;border-bottom:1px solid var(--border)}.editorial-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;padding:.8rem 1rem}.editorial-form-grid label,.editorial-field{display:flex;flex-direction:column;gap:.25rem;font-family:var(--font-display);font-size:.72rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em}.editorial-field{padding:0 1rem;margin-bottom:.5rem}.editorial-form-grid input,.editorial-form-grid select,.editorial-field input,.editorial-field textarea{padding:.5rem .7rem;border-radius:var(--radius-xs);border:1px solid var(--border);background:#0f172a99;color:var(--text);font-family:var(--font-body);font-size:.85rem;text-transform:none;letter-spacing:normal;font-weight:400;transition:border-color .2s}.editorial-form-grid input:focus,.editorial-form-grid select:focus,.editorial-field input:focus,.editorial-field textarea:focus{outline:none;border-color:var(--border-accent)}.editorial-textarea-field textarea{resize:vertical;min-height:200px;line-height:1.65}.editorial-actions-row{display:flex;flex-wrap:wrap;gap:.4rem;padding:.8rem 1rem;border-top:1px solid var(--border)}.editorial-actions-row button{padding:.5rem .9rem;border-radius:var(--radius-xs);border:1px solid var(--border);background:var(--bg-glass);color:var(--text-secondary);font-family:var(--font-display);font-size:.78rem;font-weight:600;cursor:pointer;transition:all .15s}.editorial-actions-row button:hover{border-color:var(--border-hover);color:var(--text);background:var(--bg-elevated)}.editorial-primary{background:linear-gradient(135deg,var(--accent),#0d9488)!important;color:#030712!important;border-color:transparent!important;box-shadow:0 0 20px #2dd4bf26}.editorial-primary:hover{box-shadow:0 0 30px #2dd4bf40}.editorial-verification{padding:.8rem 1rem;border-top:1px solid var(--border)}.editorial-verification h3{font-family:var(--font-display);font-size:.82rem;font-weight:700;color:var(--text);margin-bottom:.5rem}.editorial-verification-block{margin-bottom:.5rem;padding:.5rem;border-radius:var(--radius-xs);background:#0f172a80;border:1px solid var(--border);font-size:.78rem}.editorial-verification-block strong{color:var(--accent);display:block;margin-bottom:.2rem}.editorial-banner{max-width:var(--max-w-wide);margin:.5rem auto;padding:.6rem 1.5rem;font-size:.82rem;color:var(--accent);background:var(--accent-dim);border-radius:var(--radius-xs)}.editorial-banner.error{color:var(--rose);background:#fb71851a}.editorial-user-chip{font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted);padding:.3rem .6rem;border-radius:999px;border:1px solid var(--border)}.editorial-logout-button{border:none!important;color:var(--text-muted)!important;cursor:pointer}.editorial-logout-button:hover{color:var(--rose)!important}@media(max-width:640px){.topnav-inner{padding:0 .75rem}.topnav-links{gap:.1rem}.topnav-link{font-size:.72rem;padding:.35rem .5rem}.hero{padding:2.5rem 1rem 1.5rem}.feed,.notes-feed,.archive,.about{padding:0 .75rem 2rem}.post{padding:1.2rem}.editorial-form-grid{grid-template-columns:1fr}}:root{color-scheme:dark}*,*:before,*:after{box-sizing:border-box}