:root{--hl-violet: #7c3aed;--hl-violet-light: #a78bfa;--hl-violet-dark: #5b21b6;--hl-cyan: #00d9ff;--hl-cyan-dim: #0ea5c9;--hl-indigo: #1a0f3d;--hl-bg: #0f0a1f;--hl-surface: #1a1230;--hl-surface-hover: #241a40;--hl-border: rgba(124, 58, 237, .2);--hl-text: #e2e0ea;--hl-text-dim: #9690ab;--hl-text-bright: #ffffff;--hl-glow: rgba(124, 58, 237, .15);--hl-radius: 12px;--hl-radius-sm: 8px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--hl-bg);color:var(--hl-text);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--hl-cyan);text-decoration:none;transition:color .2s}a:hover{color:var(--hl-violet-light)}.app{min-height:100vh;display:flex;flex-direction:column}main{flex:1;max-width:1100px;margin:0 auto;padding:2rem 1.5rem;width:100%}.hl-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;border-bottom:1px solid var(--hl-border);background:#0f0a1fcc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:100}.hl-logo{font-size:1.5rem;font-weight:700;text-decoration:none}.hl-logo-hook{color:var(--hl-violet-light)}.hl-logo-lab{color:var(--hl-cyan)}.hl-nav{display:flex;align-items:center;gap:1.5rem}.hl-nav a{color:var(--hl-text-dim);font-size:.9rem;transition:color .2s}.hl-nav a:hover{color:var(--hl-text-bright)}.btn-primary{display:inline-block;padding:.75rem 2rem;background:linear-gradient(135deg,var(--hl-violet),var(--hl-violet-dark));color:var(--hl-text-bright);border:none;border-radius:var(--hl-radius-sm);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;text-decoration:none}.btn-primary:hover{background:linear-gradient(135deg,var(--hl-violet-light),var(--hl-violet));color:var(--hl-text-bright);box-shadow:0 0 20px var(--hl-glow)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{display:inline-block;padding:.6rem 1.5rem;background:transparent;color:var(--hl-cyan);border:1px solid var(--hl-cyan-dim);border-radius:var(--hl-radius-sm);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s}.btn-secondary:hover{background:#00d9ff1a;border-color:var(--hl-cyan)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-outline{padding:.4rem 1rem;border:1px solid var(--hl-border);border-radius:var(--hl-radius-sm);font-size:.85rem;color:var(--hl-text-dim);transition:all .2s}.btn-outline:hover{border-color:var(--hl-violet);color:var(--hl-violet-light)}.badge{display:inline-block;padding:.3rem .8rem;background:#7c3aed26;border:1px solid var(--hl-border);border-radius:20px;font-size:.75rem;font-weight:600;color:var(--hl-violet-light);text-transform:uppercase;letter-spacing:.05em}.text-gradient{background:linear-gradient(135deg,var(--hl-violet-light),var(--hl-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing{padding:4rem 0}.hero{text-align:center;max-width:700px;margin:0 auto 5rem}.hero h1{font-size:3rem;font-weight:800;line-height:1.15;color:var(--hl-text-bright);margin:1rem 0 1.5rem}.hero-subtitle{font-size:1.15rem;color:var(--hl-text-dim);line-height:1.7;margin-bottom:2rem}.hero-actions{display:flex;justify-content:center;gap:1rem}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.feature-card{background:var(--hl-surface);border:1px solid var(--hl-border);border-radius:var(--hl-radius);padding:2rem;transition:border-color .3s}.feature-card:hover{border-color:var(--hl-violet)}.feature-icon{font-size:.85rem;font-weight:700;color:var(--hl-cyan);margin-bottom:1rem;font-family:Space Grotesk,monospace}.feature-card h3{font-size:1.1rem;color:var(--hl-text-bright);margin-bottom:.75rem}.feature-card p{font-size:.9rem;color:var(--hl-text-dim);line-height:1.6}.connect-page{display:flex;justify-content:center;padding:4rem 0}.connect-card{max-width:500px;background:var(--hl-surface);border:1px solid var(--hl-border);border-radius:var(--hl-radius);padding:2.5rem}.connect-card h1{font-size:1.8rem;color:var(--hl-text-bright);margin:1rem 0 .75rem}.connect-card>p{color:var(--hl-text-dim);margin-bottom:1.5rem;line-height:1.6}.connect-card .btn-primary{width:100%;text-align:center;margin-bottom:2rem}.connect-details h4{font-size:.85rem;color:var(--hl-text-bright);margin-bottom:.5rem;margin-top:1rem}.connect-details ul{list-style:none;padding:0}.connect-details li{font-size:.85rem;color:var(--hl-text-dim);padding:.25rem 0 .25rem 1.2rem;position:relative}.connect-details li:before{content:"";position:absolute;left:0;top:.6rem;width:6px;height:6px;border-radius:50%;background:var(--hl-violet)}.error-banner{background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:var(--hl-radius-sm);padding:.75rem 1rem;color:#fca5a5;font-size:.9rem;margin-bottom:1.5rem}.dashboard{padding:1rem 0}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.dashboard-header h1{font-size:1.8rem;color:var(--hl-text-bright)}.stats-summary{color:var(--hl-text-dim);font-size:.9rem;margin-top:.25rem}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem}.stat-card{background:var(--hl-surface);border:1px solid var(--hl-border);border-radius:var(--hl-radius);padding:1.25rem;text-align:center}.stat-value{font-size:1.5rem;font-weight:700;color:var(--hl-text-bright)}.stat-label{font-size:.8rem;color:var(--hl-text-dim);margin-top:.25rem}.posts-grid{display:grid;gap:1rem}.empty-state{text-align:center;padding:4rem 2rem;color:var(--hl-text-dim)}.empty-state h2{color:var(--hl-text);margin-bottom:.5rem}.loading{text-align:center;padding:4rem 2rem;color:var(--hl-text-dim)}.post-card{display:block;background:var(--hl-surface);border:1px solid var(--hl-border);border-radius:var(--hl-radius);padding:1.5rem;text-decoration:none;color:var(--hl-text);transition:all .3s}.post-card:hover{border-color:var(--hl-violet);background:var(--hl-surface-hover);color:var(--hl-text)}.post-card-date{font-size:.8rem;color:var(--hl-text-dim);margin-bottom:.5rem}.post-card-preview{font-size:.95rem;line-height:1.5;margin-bottom:1rem;color:var(--hl-text)}.post-card-metrics{display:flex;gap:1.25rem;font-size:.8rem;color:var(--hl-text-dim);margin-bottom:.75rem}.post-card-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.tag{display:inline-block;padding:.2rem .6rem;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.tag-hook{background:#7c3aed33;color:var(--hl-violet-light)}.tag-topic{background:#00d9ff26;color:var(--hl-cyan)}.tag-format{background:#10b98126;color:#6ee7b7}.tag-tone{background:#f59e0b26;color:#fbbf24}.post-card-autopsy{font-size:.85rem;color:var(--hl-text-dim);font-style:italic;line-height:1.5;margin-bottom:.5rem}.post-card-link{font-size:.85rem;color:var(--hl-cyan);font-weight:500}.post-detail{max-width:750px;margin:0 auto;padding:1rem 0}.back-link{display:inline-block;color:var(--hl-text-dim);font-size:.9rem;margin-bottom:1.5rem}.back-link:hover{color:var(--hl-violet-light)}.post-content-card{background:var(--hl-surface);border:1px solid var(--hl-border);border-radius:var(--hl-radius);padding:2rem;margin-bottom:1.5rem}.post-meta{font-size:.85rem;color:var(--hl-text-dim);margin-bottom:1rem}.post-full-text{font-size:1rem;line-height:1.7;white-space:pre-wrap}.engagement-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.engagement-item{background:var(--hl-surface);border:1px solid var(--hl-border);border-radius:var(--hl-radius);padding:1rem;text-align:center}.engagement-value{font-size:1.3rem;font-weight:700;color:var(--hl-text-bright)}.engagement-label{font-size:.75rem;color:var(--hl-text-dim);margin-top:.25rem}.analysis-section{margin-bottom:1.5rem}.analysis-section h2{font-size:1.1rem;color:var(--hl-text-bright);margin-bottom:.75rem}.tags-row{display:flex;flex-wrap:wrap;gap:.75rem}.tags-row .tag{font-size:.85rem;padding:.35rem .9rem}.autopsy-card{background:var(--hl-surface);border:1px solid var(--hl-border);border-left:3px solid var(--hl-violet);border-radius:var(--hl-radius);padding:1.5rem;font-size:.95rem;line-height:1.7;color:var(--hl-text)}.pending-analysis{background:var(--hl-surface);border:1px solid var(--hl-border);border-radius:var(--hl-radius);padding:1.5rem;text-align:center;color:var(--hl-text-dim);font-style:italic}.hl-footer{border-top:1px solid var(--hl-border);padding:1.5rem 2rem;text-align:center;font-size:.8rem;color:var(--hl-text-dim)}.footer-content{margin-bottom:.25rem}.footer-brand{font-weight:600;color:var(--hl-text)}.footer-sep{margin:0 .5rem;opacity:.3}.footer-meta{font-size:.75rem}.footer-meta a{color:var(--hl-text-dim)}@media(max-width:768px){.hero h1{font-size:2rem}.stats-grid,.engagement-grid{grid-template-columns:repeat(2,1fr)}.dashboard-header{flex-direction:column;gap:1rem}.hl-header{padding:.75rem 1rem}.post-card-metrics{flex-wrap:wrap;gap:.75rem}}