:root{--bg:#0f1115;--surface:#181b22;--surface-2:#1f232c;--border:#2a2f3a;--text:#e7e9ee;--muted:#9aa3b2;--accent:#6ea8fe;--accent-2:#4b7bd6;--radius:12px}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}.container{max-width:1100px;margin:0 auto;padding:24px 20px 80px}.topbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:24px}.topbar h1{font-size:20px;margin:0;letter-spacing:-.01em}.topbar .spacer{flex:1 1}.btn{background:var(--accent);color:#0b1020;border:none;border-radius:8px;padding:8px 14px;font-weight:600;cursor:pointer}.btn:hover{background:var(--accent-2);color:#fff}.btn.secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}.btn.danger{background:transparent;color:#f08a8a;border:1px solid #4a2a2a}.input,.textarea{width:100%;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:9px 12px;outline:none}.input:focus,.textarea:focus{border-color:var(--accent)}.card-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:24px;display:grid;grid-gap:10px;gap:10px}.row{gap:10px}.filters,.row{display:flex;flex-wrap:wrap}.filters{gap:8px;margin-bottom:20px}.chip{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:4px 12px;font-size:13px;color:var(--muted);cursor:pointer}.chip.active{border-color:var(--accent);color:var(--text)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:16px;gap:16px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:border-color .15s}.card:hover{border-color:var(--accent-2)}.card .thumb{position:relative;aspect-ratio:16/9;background:var(--surface-2);background-size:cover;background-position:50%}.star{background:rgba(15,17,21,.6);border:none;color:#d7c34a;cursor:pointer;font-size:18px;line-height:1;border-radius:8px;padding:4px 7px}.star:hover{background:rgba(15,17,21,.85)}.card .thumb .star{position:absolute;top:8px;right:8px;opacity:0;transition:opacity .12s}.card .thumb .star.on,.card:hover .thumb .star{opacity:1}.card .body{padding:12px 14px;display:flex;flex-direction:column;gap:6px;flex:1 1}.card .title{font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card .meta{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:6px}.card .summary{font-size:13px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.tag{display:inline-block;background:var(--surface-2);border:1px solid var(--border);border-radius:6px;padding:1px 7px;font-size:11px;color:var(--muted);margin-right:4px}.tag.ai{border-color:#2f3d52;color:var(--accent)}.type-badge{text-transform:uppercase;font-size:10px;letter-spacing:.04em;background:var(--surface-2);border:1px solid var(--border);border-radius:5px;padding:1px 5px}.empty{text-align:center;color:var(--muted);padding:60px 0}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px;width:100%;max-width:360px;display:grid;grid-gap:14px;gap:14px}.error{color:#f08a8a;font-size:13px}.detail{display:grid;grid-gap:16px;gap:16px;max-width:760px}.detail img.hero,.embed-yt,.hero{width:100%;border-radius:var(--radius);border:1px solid var(--border)}.embed-yt{position:relative;aspect-ratio:16/9;overflow:hidden}.embed-yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.embed-tweet{display:block;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;display:grid;grid-gap:8px;gap:8px}.embed-tweet:hover{border-color:var(--accent-2)}.embed-tweet-head{font-weight:700}.embed-tweet-body{font-size:16px;line-height:1.45}.muted{color:var(--muted)}.board-row{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:8px 10px}.board-thumb{width:64px;height:40px;flex:0 0 auto;border-radius:6px;background:var(--surface-2);background-size:cover;background-position:50%}.board-title{flex:1 1;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-row .btn{padding:6px 10px}.board-handle{flex:0 0 auto;color:var(--muted);cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:16px;line-height:1}.board-row:active{cursor:-webkit-grabbing;cursor:grabbing}