:root{--color-bg: #0a0a0a;--color-surface: #141414;--color-surface-hover: #1a1a1a;--color-border: #2a2a2a;--color-text: #e0e0e0;--color-text-muted: #888888;--color-accent: #00ff88;--color-accent-dim: #00aa55;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "SF Mono", Monaco, "Cascadia Code", Consolas, monospace;--spacing-unit: 1rem;--max-width: 1200px}*{box-sizing:border-box}body{margin:0;padding:0;font-family:var(--font-sans);font-size:16px;line-height:1.6;color:var(--color-text);background-color:var(--color-bg);background-image:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:24px 24px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code,pre{font-family:var(--font-mono);font-size:.9em}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-top:0;margin-bottom:1rem}h1{font-size:2.5rem;letter-spacing:-.02em}h2{font-size:1.75rem;letter-spacing:-.01em}h3{font-size:1.25rem}a{color:var(--color-accent);text-decoration:none;transition:color .15s ease}a:hover{color:var(--color-accent-dim)}a:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:2px}.nav{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);padding:1rem 0;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#141414cc}.nav-container{max-width:var(--max-width);margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;gap:2rem}.nav-brand-section{display:flex;align-items:center;gap:1.5rem}.nav-brand{font-family:var(--font-mono);font-size:1rem;font-weight:600;color:var(--color-text);text-transform:lowercase;display:flex;align-items:center}.nav-logo{height:2rem;width:auto;transition:all .15s ease}.nav-brand:hover .nav-logo{filter:brightness(1.2);transform:scale(1.05)}.nav-title{text-decoration:none;cursor:pointer}.nav-mantra{font-family:var(--font-mono);font-size:.85rem;color:var(--color-accent);white-space:nowrap;transition:color .15s ease}.nav-links{display:flex;gap:2rem}.nav-link{font-family:var(--font-mono);font-size:.9rem;color:var(--color-text-muted);text-transform:lowercase}.nav-link:hover{color:var(--color-text)}.nav-link.active{color:var(--color-accent)}.main{min-height:calc(100vh - 64px);position:relative}.main>div{width:100%}.container{max-width:var(--max-width);margin:0 auto;padding:3rem 2rem}.section{margin-bottom:4rem}.section-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:2rem}.view-all{font-family:var(--font-mono);font-size:.9rem;color:var(--color-text-muted)}.view-all:hover{color:var(--color-accent)}.hero{padding:4rem 0}.hero-title{font-size:3.5rem;font-weight:700;margin-bottom:.5rem;line-height:1.3;padding-bottom:.1em;background:linear-gradient(135deg,var(--color-text) 0%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-family:var(--font-mono);font-size:1.1rem;color:var(--color-text-muted);text-transform:lowercase;margin-bottom:1rem}.hero-mantra{font-family:var(--font-mono);font-size:.95rem;color:var(--color-text-muted);margin-bottom:2rem;letter-spacing:.05em}.hero-description{font-size:1.2rem;max-width:700px;color:var(--color-text-muted);line-height:1.7}.subtitle{font-size:1.2rem;color:var(--color-text-muted);max-width:600px}.featured-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.featured-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:1.5rem;transition:all .2s ease;display:flex;flex-direction:column}.featured-card:hover{background-color:var(--color-surface-hover);border-color:var(--color-accent-dim);transform:translateY(-2px)}.featured-card h3{color:var(--color-text);margin-bottom:.75rem;font-size:1.2rem}.featured-card p{color:var(--color-text-muted);margin-bottom:1rem;font-size:.95rem;flex-grow:1}.featured-card .tags{margin-top:auto}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.project-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:1.5rem;transition:all .2s ease;display:flex;flex-direction:column}.project-card:hover{background-color:var(--color-surface-hover);border-color:var(--color-accent-dim);transform:translateY(-2px)}.project-card h3{color:var(--color-text);margin-bottom:.75rem;font-size:1.2rem}.project-card p{color:var(--color-text-muted);margin-bottom:1rem;font-size:.95rem;flex-grow:1}.project-card .tags{margin-top:auto}.tags{display:flex;flex-wrap:wrap;gap:.5rem}.tag{font-family:var(--font-mono);font-size:.75rem;padding:.25rem .75rem;background-color:#00ff881a;color:var(--color-accent);border:1px solid rgba(0,255,136,.2);border-radius:4px;text-transform:lowercase}.posts-preview{display:flex;flex-direction:column;gap:2.5rem}.posts-list{display:flex;flex-direction:column;gap:3rem}.post-preview h2,.post-preview h3{color:var(--color-text);margin-bottom:.5rem;transition:color .15s ease}.post-preview h2{font-size:1.5rem}.post-preview h3{font-size:1.3rem}.post-preview a:hover h2,.post-preview a:hover h3{color:var(--color-accent)}.post-meta{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem;font-size:.9rem}.post-meta time{font-family:var(--font-mono);color:var(--color-text-muted);font-size:.85rem}.post-preview p{color:var(--color-text-muted);font-size:1rem;line-height:1.6}.post{max-width:800px}.post-content{font-size:1.1rem;line-height:1.8;color:var(--color-text)}.post-content p{margin-bottom:1.5rem}.post-content h2{margin-top:3rem;margin-bottom:1.5rem;padding-top:1rem;border-top:1px solid var(--color-border)}.post-content pre{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;padding:1.5rem;overflow-x:auto;margin:2rem 0}.post-content code{background-color:var(--color-surface);padding:.2rem .4rem;border-radius:3px;font-size:.9em}.post-content pre code{background:none;padding:0}.back-link{font-family:var(--font-mono);font-size:.9rem;color:var(--color-text-muted);display:inline-block;margin-bottom:2rem}.back-link:hover{color:var(--color-accent)}.lead{font-size:1.3rem;line-height:1.7;color:var(--color-text-muted);margin-bottom:2rem}.links{display:flex;gap:1.5rem;flex-wrap:wrap}.external-link{font-family:var(--font-mono);font-size:1rem;padding:.75rem 1.5rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;transition:all .15s ease;display:inline-block}.external-link:hover{background-color:var(--color-surface-hover);border-color:var(--color-accent);transform:translate(2px)}.chocolate-revealing{text-align:center;padding:4rem 2rem}.chocolate-spinner{font-size:4rem;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chocolate-outcome{text-align:center;padding:2rem;max-width:700px;margin:0 auto}.chocolate-emoji{font-size:5rem;margin-bottom:1.5rem;animation:fadeInScale .5s ease-out}.chocolate-outcome h2{color:var(--color-accent);margin-bottom:1.5rem;animation:fadeInUp .5s ease-out .2s backwards}.chocolate-outcome .lead{animation:fadeInUp .5s ease-out .4s backwards;margin-bottom:2rem}.chocolate-button{font-family:var(--font-mono);font-size:1rem;padding:.75rem 1.5rem;background-color:var(--color-surface);color:var(--color-accent);border:1px solid var(--color-border);border-radius:6px;cursor:pointer;transition:all .15s ease;animation:fadeInUp .5s ease-out .6s backwards}.chocolate-button:hover{background-color:var(--color-surface-hover);border-color:var(--color-accent);transform:translateY(-2px)}@keyframes fadeInScale{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ideas-list{display:flex;flex-direction:column;gap:2rem}.idea-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:1.5rem;transition:all .2s ease}.idea-card:hover{background-color:var(--color-surface-hover);border-color:var(--color-accent-dim);transform:translate(4px)}.idea-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:1rem}.idea-header h3{margin:0;color:var(--color-text)}.priority-badge{font-family:var(--font-mono);font-size:.75rem;padding:.25rem .75rem;border-radius:4px;text-transform:uppercase;font-weight:600;white-space:nowrap}.priority-high{background-color:#ff323226;color:#ff6b6b;border:1px solid rgba(255,50,50,.3)}.priority-medium{background-color:#ffc80026;color:#ffd43b;border:1px solid rgba(255,200,0,.3)}.priority-low{background-color:#6496ff26;color:#74c0fc;border:1px solid rgba(100,150,255,.3)}.idea-card p{color:var(--color-text-muted);margin-bottom:1rem;line-height:1.6}.idea-inspiration{font-size:.9rem;color:var(--color-accent);margin-top:-.5rem;margin-bottom:1rem}.ideas-note{background-color:var(--color-surface);border-left:3px solid var(--color-accent);padding:1.5rem;border-radius:4px}.ideas-note p{margin:0;color:var(--color-text-muted);line-height:1.6}.ideas-note strong{color:var(--color-accent)}.status-badge{font-family:var(--font-mono);font-size:.75rem;padding:.25rem .75rem;border-radius:4px;text-transform:capitalize;font-weight:600;white-space:nowrap;border:1px solid}.idea-badges{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.timeline{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:2rem;margin:2rem 0}.timeline-title{color:var(--color-accent);margin-bottom:2rem;font-size:1.5rem}.timeline-empty{text-align:center;padding:2rem;color:var(--color-text-muted)}.timeline-container{display:flex;flex-direction:column;gap:0}.timeline-item{display:grid;grid-template-columns:40px 1fr;gap:1.5rem;padding-bottom:2rem}.timeline-item:last-child{padding-bottom:0}.timeline-marker{display:flex;flex-direction:column;align-items:center}.timeline-dot{width:16px;height:16px;border-radius:50%;border:2px solid;flex-shrink:0}.timeline-line{width:2px;flex-grow:1;background-color:var(--color-border);margin-top:.5rem}.timeline-content{padding-top:0}.timeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;gap:1rem;flex-wrap:wrap}.timeline-status{font-family:var(--font-mono);font-size:.75rem;padding:.25rem .75rem;border-radius:4px;text-transform:capitalize;font-weight:600;border:1px solid}.timeline-date{font-family:var(--font-mono);font-size:.85rem;color:var(--color-text-muted)}.timeline-snapshot-title{color:var(--color-text);margin-bottom:.5rem;font-size:1.1rem}.timeline-description{color:var(--color-text-muted);line-height:1.6;margin-bottom:.5rem}.timeline-trigger{font-size:.9rem;color:var(--color-accent);margin-top:.5rem}.timeline-notes{font-size:.9rem;color:var(--color-text-muted);margin-top:.75rem;padding:.75rem;background-color:#00ff880d;border-left:2px solid var(--color-accent);border-radius:4px}.timeline-notes strong{color:var(--color-accent)}.status-filter{margin-bottom:2rem}.status-filter-label{font-family:var(--font-mono);font-size:.9rem;color:var(--color-text-muted);margin-bottom:.75rem;display:block}.status-filter-options{display:flex;flex-wrap:wrap;gap:.5rem}.status-filter-button{font-family:var(--font-mono);font-size:.75rem;padding:.5rem 1rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;cursor:pointer;transition:all .15s ease;text-transform:capitalize}.status-filter-button:hover{background-color:var(--color-surface-hover);border-color:var(--color-accent-dim)}.status-filter-button.active{background-color:#00ff881a;border-color:var(--color-accent);color:var(--color-accent)}.empty-state{text-align:center;padding:3rem 2rem;background-color:var(--color-surface);border:1px dashed var(--color-border);border-radius:8px}.empty-state p{color:var(--color-text-muted);font-size:1.1rem}.related-section{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--color-border)}.related-section h3{color:var(--color-accent);margin-bottom:1.5rem}.related-items{display:flex;flex-direction:column;gap:1rem}.related-item{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;padding:1rem 1.25rem;transition:all .15s ease;color:var(--color-text)}.related-item:hover{background-color:var(--color-surface-hover);border-color:var(--color-accent-dim);transform:translate(4px)}.related-item h4{margin:0 0 .25rem;font-size:1rem;color:var(--color-text)}.related-item p{margin:0;font-size:.9rem;color:var(--color-text-muted)}.source-link{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.9rem;color:var(--color-accent);padding:.5rem 1rem;background-color:#00ff880d;border:1px solid rgba(0,255,136,.2);border-radius:6px;margin-bottom:1.5rem;transition:all .15s ease}.source-link:hover{background-color:#00ff881a;border-color:var(--color-accent);transform:translate(2px)}@media(max-width:768px){.nav-container{padding:0 1rem;flex-wrap:wrap}.nav-brand-section{flex-direction:column;align-items:flex-start;gap:.25rem}.nav-mantra{font-size:.75rem}.nav-links{gap:1.5rem}.container{padding:2rem 1rem}.hero{padding:2rem 0}.hero-title{font-size:2.5rem}h1{font-size:2rem}h2{font-size:1.5rem}.featured-grid,.projects-grid{grid-template-columns:1fr}.section-header{flex-direction:column;align-items:flex-start;gap:.5rem}}