body{margin:0;font-family:Inter,Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica,Arial,sans-serif;background:#061a2c;color:#16263b;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--primary: #2f6fed;--primary-soft: rgba(47, 111, 237, .16);--surface: #ffffff;--surface-muted: #f5f7fb;--border: #d9e1ec;--text: #1c2b3a;--text-soft: #5e6f82;--shadow: 0 10px 28px rgba(18, 35, 58, .14)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;font-family:Inter,Segoe UI,system-ui,sans-serif;color:var(--text);background:linear-gradient(160deg,#11263c,#1b3a5b 55%,#294f79)}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-topbar{padding:.9rem 1.3rem;border-bottom:1px solid rgba(255,255,255,.15);background:#091626b8}.brand-meta{display:inline-flex;flex-direction:column;gap:.15rem}.brand-tag{font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;color:#b8c8dd}.brand-title{font-size:1.1rem;color:#fff;font-weight:700}.layout{flex:1;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:1.25rem;padding:1.25rem}.board-header{display:flex;justify-content:space-between;align-items:flex-end;color:#fff;margin-bottom:1rem}.board-header h1{margin:0;font-size:1.55rem}.board-header p{margin:.35rem 0 0;color:#ffffffd1}.live-indicator{display:inline-flex;align-items:center;gap:.45rem;background:var(--primary-soft);border:1px solid rgba(89,145,255,.45);border-radius:999px;padding:.3rem .65rem;font-size:.78rem;color:#fff}.live-dot{width:8px;height:8px;border-radius:50%;background:#69a4ff}.board{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:1rem}.column{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:.8rem;box-shadow:var(--shadow)}.column-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.65rem;padding-bottom:.6rem;border-bottom:1px solid var(--border)}.column h2{margin:0;text-transform:uppercase;font-size:.9rem;letter-spacing:.05em;color:#2f4e70}.column-header span{font-size:.78rem;padding:.12rem .55rem;border-radius:999px;background:var(--primary-soft);color:#295ab6}.card-list{display:flex;flex-direction:column;gap:.6rem;min-height:110px;border-radius:8px;padding:.2rem}.card-list.is-over{background:var(--primary-soft);box-shadow:inset 0 0 0 2px #2f6fed59}.card{border:1px solid var(--border);border-radius:8px;background:#fff;padding:.55rem;box-shadow:0 2px 6px #14294414}.card-head{display:flex;justify-content:space-between;margin-bottom:.4rem}.drag-handle,.delete-card,.new-card button{border:1px solid var(--border);border-radius:6px;background:#fff;cursor:pointer}.drag-handle:hover{background:var(--primary-soft)}.delete-card{color:#a12020}.delete-card:hover{background:#fdeeee}.card-content,.new-card textarea,.notes-panel textarea{width:100%;border:1px solid var(--border);border-radius:6px;padding:.45rem;color:var(--text)}.card-content{min-height:76px}.new-card textarea{min-height:64px}.card-content:focus,.new-card textarea:focus,.notes-panel textarea:focus{outline:none;border-color:#78a8ff;box-shadow:0 0 0 3px #78a8ff40}.new-card button{margin-top:.45rem;width:100%;padding:.5rem .7rem;background:var(--primary);color:#fff;border-color:transparent;font-weight:600}.new-card button:hover{background:#245ed1}.color-row{display:flex;gap:.35rem;margin-top:.45rem}.color-dot{width:18px;height:18px;border:1px solid rgba(25,44,68,.25);border-radius:50%}.color-dot.active{outline:2px solid var(--primary)}.notes-panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:.9rem;box-shadow:var(--shadow)}.notes-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:.5rem;border-bottom:1px solid var(--border);margin-bottom:.65rem}.notes-header h2{margin:0;font-size:.95rem;text-transform:uppercase;color:#2f4e70}.notes-hint{font-size:.72rem;color:var(--text-soft)}.notes-panel textarea{min-height:430px;background:var(--surface-muted)}.card-overlay{width:270px;transform:rotate(2deg)}.card-preview{max-height:110px;overflow:hidden;white-space:pre-wrap}.app-footer{display:flex;justify-content:center;gap:.55rem;padding:.7rem;color:#ffffffc7;font-size:.78rem;background:#091626c7;border-top:1px solid rgba(255,255,255,.12)}.app-footer-sep{opacity:.7}@media (max-width: 1100px){.layout{grid-template-columns:1fr}.notes-panel textarea{min-height:220px}}@media (max-width: 720px){.board{grid-template-columns:1fr}.board-header{flex-direction:column;align-items:flex-start}}