*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0c0c0e;--bg2: #111113;--surf: #18181c;--surf2: #202025;--surfh: #28282f;--border: #2a2a32;--borderl: #383844;--text: #e4e4f0;--muted: #8080a0;--faint: #505068;--accent: #6366f1;--accenth: #4f51d0;--accent-dim: rgba(99,102,241,.12);--accent-glow: rgba(99,102,241,.08);--green: #22c55e;--green-dim: rgba(34,197,94,.12);--red: #ef4444;--red-dim: rgba(239,68,68,.12);--amber: #f59e0b;--amber-dim: rgba(245,158,11,.1);--r: 8px;--rl: 12px;--sh: 0 8px 30px rgba(0,0,0,.5);--shs: 0 4px 12px rgba(0,0,0,.4)}html,body{min-height:100vh;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}button{cursor:pointer;font-family:inherit;font-size:inherit;border:none;background:none;color:inherit}input,textarea{font-family:inherit;font-size:inherit}textarea{overflow:hidden}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1.25rem;border-radius:var(--r);border:1px solid transparent;font-weight:600;transition:all .2s;white-space:nowrap;line-height:1}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:.45rem .9rem;font-size:.875rem}.btn-full{width:100%}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accenth);transform:translateY(-1px)}.btn-ghost{background:var(--bg2);color:var(--muted);border-color:var(--border)}.btn-ghost:hover:not(:disabled){background:var(--surfh);color:var(--text);border-color:var(--borderl)}.btn-danger{background:var(--red);color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-ghost-danger{background:transparent;color:var(--red);border-color:transparent}.btn-ghost-danger:hover:not(:disabled){background:var(--red-dim);color:var(--red)}.input{width:100%;padding:.75rem 1rem;background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);color:var(--text);outline:none;transition:all .2s}.input:focus{border-color:var(--accent);background:var(--bg);box-shadow:0 0 0 3px var(--accent-glow)}.field{display:flex;flex-direction:column;gap:.4rem}.field-error .input{border-color:var(--red)}.field-msg{font-size:.85rem;color:var(--red);font-weight:500}.proj-topbar{position:sticky;top:0;z-index:50;background:#0c0c0ed9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;margin-bottom:2rem}.hactions{display:flex;align-items:center;gap:.5rem}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1.5rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog{background:var(--surf);border:1px solid var(--borderl);border-radius:var(--rl);padding:2rem;width:100%;max-width:440px;box-shadow:var(--sh)}.dialog h3{font-size:1.25rem;font-weight:700;margin-bottom:.75rem}.dialog-sub{color:var(--muted);font-size:.95rem;margin-bottom:2rem}.dialog-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem}.project-card-votes{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.5rem;border-radius:var(--r);background:var(--bg2);margin:0 .75rem 0 .25rem}.vote-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;color:var(--faint);font-size:1.1rem;transition:all .15s}.vote-btn:hover{background:var(--accent-dim);color:var(--accent)}.vote-btn.up.active{color:var(--accent);background:var(--accent-dim)}.vote-btn.down:hover{background:var(--red-dim);color:var(--red)}.vote-btn.down.active{color:var(--red);background:var(--red-dim)}.score{font-weight:800;color:var(--muted);font-size:.95rem;min-width:1.5rem;text-align:center}.score.pos{color:var(--green)}.score.neg{color:var(--red)}.proj-votes{display:flex;align-items:center;gap:.5rem}.proj-votes .vote-btn{border:1px solid var(--border);background:var(--bg2)}.timeline{display:flex;flex-direction:column;gap:1rem}.project-card{display:flex;align-items:center;background:var(--surf);border:1px solid var(--border);border-radius:var(--rl);padding:1.25rem;cursor:pointer;transition:all .25s;box-shadow:0 2px 8px #00000026}.project-card:hover{background:var(--surf2);transform:translateY(-2px);box-shadow:0 12px 32px #0006;border-color:var(--accent-dim)}.card-body{flex:1;min-width:0}.card-title{font-size:1.2rem;font-weight:700;color:var(--text);margin-bottom:.4rem;transition:color .2s}.project-card:hover .card-title{color:var(--accent)}.card-preview{font-size:.95rem;color:var(--muted);line-height:1.5;margin-bottom:.75rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-meta{font-size:.8rem;color:var(--faint);font-weight:600}.card-arrow{color:var(--faint);font-size:1.5rem;flex-shrink:0;opacity:0;transform:translate(-10px);transition:all .25s;margin-left:1rem}.project-card:hover .card-arrow{opacity:1;transform:translate(0);color:var(--accent)}.editor{max-width:900px;margin:0 auto}.proj-head{display:flex;align-items:flex-start;gap:1.5rem;margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid var(--border)}.proj-title{flex:1;background:none;border:none;border-bottom:2px solid transparent;color:var(--text);font-size:2.25rem;font-weight:800;padding:.25rem 0;outline:none;transition:border-color .2s;min-width:0}.proj-title:focus{border-bottom-color:var(--accent)}.proj-head-right{display:flex;flex-direction:column;align-items:flex-end;gap:.75rem;flex-shrink:0}.blocks{display:flex;flex-direction:column;gap:.25rem}.block{position:relative;display:flex;align-items:flex-start;gap:.5rem;padding:.4rem .75rem;border-radius:var(--r);border:1px solid transparent;transition:all .15s}.block:hover{border-color:var(--border);background:var(--bg2)}.block-idea{background:var(--accent-glow);border-left:3px solid var(--accent)!important}.block-todo{background:var(--green-dim);border-left:3px solid var(--green)!important}.block-gutter{position:relative;flex-shrink:0;padding-top:.65rem}.type-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--surf);border:1px solid var(--border);color:var(--muted);font-size:.85rem;border-radius:6px;opacity:0;transition:all .15s}.block:hover .type-btn{opacity:1}.type-menu{position:absolute;left:0;top:calc(100% + 6px);z-index:110;background:var(--surf2);border:1px solid var(--borderl);border-radius:var(--rl);box-shadow:var(--sh);min-width:140px;overflow:hidden}.type-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.7rem 1rem;color:var(--muted);font-size:.9rem;font-weight:500;text-align:left;transition:all .15s}.type-item:hover{background:var(--surfh);color:var(--text)}.type-item.active{color:var(--accent);background:var(--accent-dim)}.block-content{flex:1;display:flex;align-items:flex-start;gap:.75rem;min-width:0}.block-ta{flex:1;width:100%;background:none;border:none;color:var(--text);resize:none;outline:none;line-height:1.7;padding:.4rem 0;min-height:1.7em}.idea-votes{display:flex;flex-direction:column;gap:.2rem;flex-shrink:0;padding-top:.4rem}.ivote{display:inline-flex;align-items:center;gap:.4rem;background:var(--surf);border:1px solid var(--border);border-radius:8px;color:var(--muted);font-size:.8rem;padding:.25rem .6rem;white-space:nowrap;transition:all .15s;font-weight:700}.ivote.up.active{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.ivote.down.active{border-color:var(--red);color:var(--red);background:var(--red-dim)}.block-del{flex-shrink:0;color:var(--faint);font-size:1.25rem;line-height:1;padding:.4rem .3rem;border-radius:6px;opacity:0;transition:all .15s}.block:hover .block-del{opacity:1}.block-del:hover{color:var(--red);background:var(--red-dim)}.add-block{margin-top:1.25rem;background:var(--bg2);border:2px dashed var(--border);border-radius:var(--rl);color:var(--faint);padding:.8rem 1.5rem;width:100%;font-size:.95rem;font-weight:600;transition:all .2s}.add-block:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim);border-style:solid}.md-body{flex:1;min-width:0;cursor:text;padding:.4rem 0;line-height:1.75;color:var(--text)}.md-body:hover{background:#6366f108;border-radius:4px}.md-body h1,.md-body h2,.md-body h3{margin:.8em 0 .4em;line-height:1.3}.md-body p{margin:.6em 0}.md-body code{font-family:monospace;background:var(--bg2);padding:.15em .4em;border-radius:6px;color:#e879f9}.md-body .task-list-item{list-style-type:none;background:var(--green-dim);border-left:3px solid var(--green);padding:.5rem .75rem;margin:.25rem 0;border-radius:4px}.md-body .task-list-item input[type=checkbox]{margin-right:.75rem;accent-color:var(--green);transform:scale(1.1)}.md-empty{color:var(--faint);font-style:italic;font-size:.9rem}.app-layout-bg{min-height:100vh;background:var(--bg)}.app-layout{display:flex;min-height:100vh;max-width:1400px;margin:0 auto;width:100%}.sidebar{width:240px;flex-shrink:0;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:1.5rem 1rem;border-right:1px solid var(--border)}.sidebar-logo{display:flex;align-items:center;gap:.75rem;font-size:1.1rem;font-weight:800;color:var(--text);padding:.6rem .75rem;margin-bottom:1.5rem}.sidebar-nav{display:flex;flex-direction:column;gap:.2rem;flex:1}.snav-item{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;border-radius:var(--r);color:var(--muted);font-size:.92rem;font-weight:600;transition:all .2s;width:100%;text-align:left}.snav-item:hover{background:var(--surfh);color:var(--text)}.snav-item.active{background:var(--accent-dim);color:var(--accent)}.snav-icon{font-size:1.1rem;width:22px;text-align:center}.sidebar-bottom{display:flex;flex-direction:column;gap:.5rem;padding-top:1rem;border-top:1px solid var(--border)}.snav-logout:hover{color:var(--red);background:var(--red-dim)}.timeline-col{flex:1;min-width:0;max-width:800px;padding:2rem 1.5rem;border-right:1px solid var(--border)}.proj-col{flex:1;min-width:0;padding:0 2rem 3rem;overflow-y:auto}.right-panel{width:300px;flex-shrink:0;padding:1.5rem 1rem;display:flex;flex-direction:column;gap:1rem}.rp-card{background:var(--surf);border:1px solid var(--border);border-radius:var(--rl);padding:1.25rem}.rp-card-title{font-size:.8rem;font-weight:800;color:var(--muted);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.rp-search-wrap{display:flex;align-items:center;gap:.5rem;background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);padding:.5rem .75rem}.rp-search-icon{color:var(--faint)}.rp-search{flex:1;background:none;border:none;outline:none;color:var(--text);font-size:.9rem}.rp-search-results{margin-top:.75rem;display:flex;flex-direction:column;gap:.15rem}.rp-hint{font-size:.8rem;color:var(--faint);padding:.25rem 0}.trending-list{display:flex;flex-direction:column;gap:.15rem}.trending-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem .6rem;border-radius:var(--r);transition:background .12s;cursor:pointer;text-align:left;width:100%}.trending-item:hover{background:var(--surfh);color:var(--text)}.trending-item.active{background:var(--accent-dim)}.trending-name{font-size:.875rem;color:var(--accent);font-weight:500}.trending-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.1rem}.trending-count{font-size:.75rem;color:var(--faint)}.trending-new{font-size:.7rem;color:var(--green);background:var(--green-dim);padding:.05rem .3rem;border-radius:3px}.tag-pill{display:inline-flex;align-items:center;padding:.2rem .7rem;border-radius:20px;font-size:.72rem;background:var(--bg2);border:1px solid var(--border);color:var(--muted);cursor:pointer;transition:all .2s;font-weight:700;text-transform:uppercase}.tag-pill:hover,.tag-pill.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.card-tags{display:flex;flex-wrap:wrap;gap:.4rem;flex:1}.card-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px dashed var(--border)}.tag-input-wrap{position:relative}.tag-input-box{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;min-height:2.25rem;padding:.35rem .5rem;background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);cursor:text;transition:border-color .15s}.tag-input-box:focus-within{border-color:var(--accent)}.tag-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.15rem .5rem;border-radius:20px;font-size:.8rem;background:var(--accent-dim);border:1px solid rgba(99,102,241,.3);color:var(--accent)}.tag-chip-x{color:var(--accent);opacity:.7;font-size:.9rem;line-height:1}.tag-input-field{flex:1;min-width:80px;background:none;border:none;outline:none;color:var(--text);font-size:.875rem}.tag-suggestions{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--surf2);border:1px solid var(--borderl);border-radius:var(--r);box-shadow:var(--sh);z-index:200;overflow:hidden}.tag-sug-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.55rem .875rem;color:var(--muted);font-size:.875rem;text-align:left;transition:background .1s}.tag-sug-item:hover{background:var(--surfh);color:var(--text)}.tag-sug-new{color:var(--accent)}.tag-sug-count{font-size:.75rem;color:var(--faint)}.editor-tags-section{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border)}.editor-tags-section .legend-label{display:block;margin-bottom:1rem}.editor-tags-section .tag-input-box{background:var(--bg2);border-color:var(--border);padding:.75rem 1rem}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 50%,rgba(99,102,241,.1) 0%,transparent 80%),var(--bg);padding:1.5rem}.login-card{width:100%;max-width:400px;background:var(--surf);border:1px solid var(--border);border-radius:16px;padding:3rem 2.5rem;box-shadow:var(--sh);text-align:center}.login-logo{display:flex;justify-content:center;margin-bottom:1.5rem}.login-card h1{font-size:1.75rem;font-weight:800;margin-bottom:.5rem;letter-spacing:-.02em;color:#fff}.login-sub{color:var(--muted);font-size:.95rem;margin-bottom:2.5rem}.login-form{display:flex;flex-direction:column;gap:1.25rem}.field{display:flex;flex-direction:column;gap:.5rem;text-align:left}.field-msg{font-size:.85rem;color:var(--red);font-weight:500;padding-left:.25rem}@media (max-width: 1100px){.app-layout{max-width:940px}.right-panel{display:none}.timeline-col{border-right:none;max-width:100%}}@media (max-width: 720px){.sidebar{width:60px;padding:1rem .5rem}.sidebar-brand,.snav-item span:not(.snav-icon){display:none}.sidebar-logo,.snav-item{justify-content:center}.timeline-col{padding:1.5rem 1rem}.proj-col{padding:0 1rem 3rem}.proj-head{flex-direction:column;gap:.5rem}.proj-title{font-size:1.8rem}}@keyframes fadein{0%{opacity:0}to{opacity:1}}.votes-tabs{display:flex;gap:2rem;border-bottom:1px solid var(--border);margin-bottom:2rem;padding-top:1rem}.vtab{display:flex;align-items:center;gap:.5rem;padding:1rem .25rem;color:var(--muted);font-weight:700;font-size:1.1rem;transition:all .2s;border-bottom:2px solid transparent;margin-bottom:-1px}.vtab:hover{color:var(--text)}.vtab.active{color:var(--accent);border-bottom-color:var(--accent)}.vcount{font-size:.85rem;padding:.1rem .4rem;border-radius:6px;background:var(--bg2);color:var(--faint);font-weight:800}.vtab.active .vcount{background:var(--accent-dim);color:var(--accent)}.timeline-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;padding-bottom:.25rem;border-bottom:1px solid var(--border)}.tab-item{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;color:var(--muted);font-weight:600;font-size:.95rem;transition:all .2s;border-bottom:2px solid transparent;margin-bottom:-1px}.tab-item:hover{color:var(--text);background:var(--bg2);border-radius:var(--r) var(--r) 0 0}.tab-item.active{color:var(--accent);border-bottom-color:var(--accent)}.tab-item i{font-size:1rem}.toast-wrap{position:fixed;top:1.5rem;right:1.5rem;display:flex;flex-direction:column;gap:.75rem;z-index:9999;pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-width:280px;max-width:420px;padding:.85rem 1.25rem;border-radius:var(--rl);background:var(--surf);border:1px solid var(--borderl);box-shadow:var(--sh);animation:toast-in .3s cubic-bezier(.16,1,.3,1);transition:all .2s}@keyframes toast-in{0%{opacity:0;transform:translate(20px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}.toast-msg{font-size:.92rem;font-weight:600;color:var(--text)}.toast-x{color:var(--faint);font-size:1.25rem;line-height:1;padding:.2rem;opacity:.7;transition:all .2s}.toast-x:hover{opacity:1;color:var(--text)}.toast-success{border-left:4px solid var(--green)}.toast-success .toast-msg{color:#fff}.toast-error{border-left:4px solid var(--red)}.toast-info{border-left:4px solid var(--accent)}.toast-warning{border-left:4px solid var(--amber)}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--muted)}.empty-card{background:var(--surf);border:1px solid var(--border);border-radius:var(--rl);padding:3rem 2rem;width:100%;display:flex;flex-direction:column;align-items:center;gap:1.5rem;box-shadow:var(--shs)}.empty-icon-lg{font-size:3.5rem;margin-bottom:.5rem;filter:drop-shadow(0 0 10px var(--accent-glow))}.empty-card h3{color:var(--text);font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.empty-card p{max-width:300px;line-height:1.5}