:root{--bg-primary: #0a0a0b;--bg-secondary: #111113;--bg-card: #111113;--bg-card-hover:#18181b;--bg-input: #141416;--bg-overlay: #18181b;--bg-hover: #1e1e22;--border: #27272a;--border-hover: #3f3f46;--text-primary: #fafafa;--text-secondary: #a1a1aa;--text-muted: #71717a;--text-dim: #52525b;--accent: #818cf8;--accent-hover: #6366f1;--accent-glow: rgba(129,140,248,.15);--accent-subtle: rgba(129,140,248,.08);--tag-bg: rgba(129,140,248,.1);--tag-text: #a5b4fc;--green: #34d399;--green-bg: rgba(52,211,153,.08);--amber: #fbbf24;--amber-bg: rgba(251,191,36,.08);--red: #f87171;--red-bg: rgba(248,113,113,.08);--blue: #60a5fa;--blue-bg: rgba(96,165,250,.08);--purple: #c084fc;--purple-bg: rgba(192,132,252,.08);--cyan: #22d3ee;--cyan-bg: rgba(34,211,238,.08);--pink: #f472b6;--pink-bg: rgba(244,114,182,.08);--category-pattern: var(--blue);--category-gotcha: var(--amber);--category-principle: var(--purple);--category-snippet: var(--green);--category-debug: var(--red);--mark-bg: rgba(129,140,248,.2);--mark-text: #c7d2fe;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--shadow: 0 2px 8px rgba(0,0,0,.3);--shadow-lg: 0 8px 32px rgba(0,0,0,.4);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Cascadia Code", "Fira Code", "Consolas", monospace;--transition: .15s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:14px;font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;background:var(--bg-primary);font-family:var(--font-sans)}a{color:var(--accent);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--accent-hover)}mark{background:var(--mark-bg);color:var(--mark-text);padding:.1em .2em;border-radius:3px}.container{max-width:960px;margin:0 auto;padding:0 24px}.category-badge{display:inline-block;padding:2px 7px;border-radius:3px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;font-family:var(--font-mono);line-height:1.4}.category-badge.pattern{background:var(--blue-bg);color:var(--blue)}.category-badge.gotcha{background:var(--amber-bg);color:var(--amber)}.category-badge.debug{background:var(--red-bg);color:var(--red)}.category-badge.snippet{background:var(--green-bg);color:var(--green)}.category-badge.principle{background:var(--purple-bg);color:var(--purple)}.tag{display:inline-block;padding:1px 6px;background:var(--bg-overlay);border:1px solid var(--border);color:var(--text-muted);border-radius:3px;font-size:10px;font-family:var(--font-mono)}.btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-overlay);color:var(--text-secondary);font-size:12px;font-family:var(--font-mono);cursor:pointer;transition:all var(--transition)}.btn:hover{border-color:var(--border-hover);background:var(--bg-hover);color:var(--text-primary)}.btn.active{border-color:var(--accent);background:var(--accent-subtle);color:var(--accent)}.vote-section{display:flex;align-items:center;gap:8px}.vote-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-overlay);color:var(--text-muted);font-size:16px;cursor:pointer;transition:all var(--transition);line-height:1}.vote-btn:hover{border-color:var(--border-hover);background:var(--bg-hover);color:var(--text-primary)}.vote-btn.active-up{border-color:var(--green);background:var(--green-bg);color:var(--green)}.vote-btn.active-down{border-color:var(--red);background:var(--red-bg);color:var(--red)}.vote-score{font-family:var(--font-mono);font-size:14px;font-weight:600;color:var(--text-secondary);min-width:24px;text-align:center}.quality-badge{display:inline-block;padding:2px 8px;border-radius:20px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.quality-verified{background:#34d39926;color:var(--green)}.quality-outdated{background:#fbbf2426;color:var(--amber)}.quality-disputed{background:#f8717126;color:var(--red)}.revision-timeline{margin-top:8px;display:flex;flex-direction:column;gap:12px}.revision-item{padding:12px 16px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md)}.revision-item-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.revision-type-badge{display:inline-block;padding:1px 7px;border-radius:3px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;font-family:var(--font-mono)}.revision-type-badge.type-comment{background:var(--blue-bg);color:var(--blue)}.revision-type-badge.type-improvement{background:var(--green-bg);color:var(--green)}.revision-type-badge.type-correction{background:var(--amber-bg);color:var(--amber)}.revision-type-badge.type-outdated{background:var(--red-bg);color:var(--red)}.revision-item-meta{font-size:11px;color:var(--text-dim);font-family:var(--font-mono)}.revision-item-content{color:var(--text-secondary);font-size:13px;line-height:1.6}.revision-form{margin-top:16px;padding:16px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md)}.revision-form textarea{width:100%;min-height:80px;padding:10px 12px;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-sans);font-size:13px;resize:vertical;transition:border-color var(--transition)}.revision-form textarea:focus{outline:none;border-color:var(--accent)}.revision-form-row{display:flex;align-items:center;gap:10px;margin-top:10px}.revision-form select{padding:6px 10px;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-mono);font-size:12px}.revision-form select:focus{outline:none;border-color:var(--accent)}.usage-stats{display:flex;align-items:center;gap:12px;margin-top:8px;font-family:var(--font-mono);font-size:11px;color:var(--text-dim)}.usage-stats span{display:inline-flex;align-items:center;gap:4px}.entry-vote-score{display:inline-flex;align-items:center;gap:3px;font-family:var(--font-mono);font-size:10px;color:var(--text-dim)}.entry-quality-badge{display:inline-block;padding:1px 6px;border-radius:3px;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;font-family:var(--font-mono)}.entry-quality-badge.quality-verified{background:#34d39926;color:var(--green)}.entry-quality-badge.quality-outdated{background:#fbbf2426;color:var(--amber)}.entry-quality-badge.quality-disputed{background:#f8717126;color:var(--red)}