:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;--bg: #0a0a0f;--surface: rgba(255, 255, 255, .04);--surface-hover: rgba(255, 255, 255, .07);--border: rgba(255, 255, 255, .08);--border-light: rgba(255, 255, 255, .12);--text: #f0f0f5;--text-dim: rgba(255, 255, 255, .55);--text-muted: rgba(255, 255, 255, .35);--primary: #6366f1;--primary-hover: #818cf8;--accent: #ec4899;--radius: 12px;--radius-sm: 8px;--radius-xs: 6px;--shadow: 0 4px 24px rgba(0, 0, 0, .3), 0 1px 4px rgba(0, 0, 0, .2);--shadow-lg: 0 12px 48px rgba(0, 0, 0, .5)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;background:var(--bg);color:var(--text)}body{background:radial-gradient(ellipse 80% 60% at 50% -20%,rgba(99,102,241,.12),transparent),radial-gradient(ellipse 60% 40% at 80% 80%,rgba(236,72,153,.08),transparent),var(--bg)}.app{min-height:100vh;padding-bottom:4rem}.header{position:sticky;top:0;z-index:100;backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5);background:#0a0a0fbf;border-bottom:1px solid var(--border)}.header-inner{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:.75rem}.logo{flex-shrink:0}.brand h1{margin:0;font-size:1.35rem;font-weight:700;letter-spacing:-.03em;background:linear-gradient(135deg,#fff 30%,var(--primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tagline{margin:0;font-size:.75rem;color:var(--text-dim);letter-spacing:.02em}.header-actions{display:flex;gap:.5rem}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1rem;border:1px solid var(--border-light);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.btn:hover{background:var(--surface-hover);border-color:#ffffff2e}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-ghost{background:transparent;border-color:var(--border-light)}.btn-ghost:hover{background:var(--surface)}.filters{max-width:1200px;margin:0 auto;padding:1.25rem 2rem 0;display:flex;gap:.5rem;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .85rem;border:1px solid var(--border);border-radius:999px;background:transparent;color:var(--text-dim);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .15s ease}.chip:hover{background:var(--surface);color:var(--text)}.chip-active{background:#ffffff1a;border-color:#fff3;color:var(--text)}.chip-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.board{max-width:1200px;margin:0 auto;padding:1.5rem 2rem}.grid{columns:3;column-gap:1rem}@media(max-width:900px){.grid{columns:2}}@media(max-width:560px){.grid{columns:1}.header-inner{padding:1rem}.filters,.board{padding-left:1rem;padding-right:1rem}}.card{break-inside:avoid;margin-bottom:1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:all .2s ease;cursor:grab}.card:hover{border-color:var(--border-light);box-shadow:var(--shadow);transform:translateY(-2px)}.card-dragging{opacity:.4;transform:scale(.95)}.card-over{border-color:var(--primary)!important;box-shadow:0 0 0 2px #6366f14d}.card:active{cursor:grabbing}.card-top{display:flex;align-items:center;justify-content:space-between;padding:.75rem .75rem 0}.card-type{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;padding:.2rem .5rem;border-radius:var(--radius-xs)}.card-remove{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-xs);background:transparent;color:var(--text-muted);cursor:pointer;opacity:0;transition:all .15s ease}.card:hover .card-remove{opacity:1}.card-remove:hover{background:#ef444426;color:#ef4444}.card-image{padding:.75rem}.card-image img{width:100%;display:block;border-radius:var(--radius-sm);object-fit:cover}.card-text{padding:.5rem 1rem 1rem;position:relative}.card-text p{margin:0;font-size:.9rem;color:var(--text);line-height:1.6;white-space:pre-wrap;word-break:break-word}.card-quote-mark{position:absolute;top:-.1rem;left:.25rem;font-size:2.5rem;font-family:Georgia,serif;color:#ffffff0f;line-height:1;pointer-events:none;-webkit-user-select:none;user-select:none}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:5rem 2rem;min-height:50vh}.empty-icon{margin-bottom:1.5rem;opacity:.5}.empty h2{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:var(--text)}.empty p{margin:0 0 2rem;color:var(--text-dim);font-size:.9rem;max-width:360px}.empty-actions{display:flex;gap:.75rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .15s ease}.modal{width:100%;max-width:480px;background:#151520;border:1px solid var(--border-light);border-radius:var(--radius);box-shadow:var(--shadow-lg);animation:slideUp .2s ease}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.25rem 0}.modal-header h2{margin:0;font-size:1.1rem;font-weight:600}.modal-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-xs);background:transparent;color:var(--text-dim);font-size:1.2rem;cursor:pointer;transition:all .15s ease}.modal-close:hover{background:var(--surface);color:var(--text)}.modal-body{padding:1rem 1.25rem}.type-selector{display:flex;gap:.4rem;margin-bottom:1rem;flex-wrap:wrap}.type-btn{padding:.4rem .75rem;border:1px solid var(--border);border-radius:var(--radius-xs);background:transparent;color:var(--text-dim);font-size:.78rem;font-weight:500;cursor:pointer;transition:all .15s ease}.type-btn:hover{background:var(--surface);color:var(--text)}.type-btn-active{background:#ffffff0d}.textarea{width:100%;padding:.75rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:#0000004d;color:var(--text);font-family:inherit;font-size:.9rem;line-height:1.6;resize:vertical;outline:none;transition:border-color .15s ease}.textarea::placeholder{color:var(--text-muted)}.textarea:focus{border-color:var(--primary)}.modal-footer{display:flex;justify-content:flex-end;gap:.5rem;padding:0 1.25rem 1.25rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}