:root{--color-bg:#f5f6f8;--color-surface:#fff;--color-text:#1c2128;--color-text-muted:#57606a;--color-border:#e2e5e9;--color-accent:#1f5f4f;--color-accent-hover:#164539;--shadow-card:0 1px 2px #14181e0f, 0 1px 1px #14181e0a;--shadow-note:0 2px 6px #14181e1f, 0 1px 2px #14181e14;--radius:8px}@media (prefers-color-scheme:dark){:root{--color-bg:#14171c;--color-surface:#1b1f26;--color-text:#e6e8eb;--color-text-muted:#9aa4af;--color-border:#2b3038;--color-accent:#4fb693;--color-accent-hover:#6fcaab;--shadow-card:0 1px 2px #0000004d, 0 1px 1px #0003;--shadow-note:0 2px 8px #00000073, 0 1px 2px #0000004d}}*{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}button{font-family:inherit}a{color:var(--color-accent)}.app-header{border-bottom:1px solid var(--color-border);background:var(--color-surface);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.app-header h1{letter-spacing:-.01em;margin:0;font-size:1.15rem}.app-header .subtitle{color:var(--color-text-muted);font-size:.85rem}.header-actions{align-items:center;gap:1rem;display:flex}.demo-banner{color:#78350f;background:#fef3c7;border-radius:999px;padding:.35rem .7rem;font-size:.8rem;font-weight:600}.btn{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:var(--radius);cursor:pointer;padding:.45rem .85rem;font-size:.85rem;font-weight:600}.btn:hover{border-color:var(--color-accent)}.btn-primary{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.btn-primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.login-screen{justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.login-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-card);text-align:center;width:100%;max-width:360px;padding:2rem}.login-card h1{margin:0 0 .3rem;font-size:1.3rem}.login-card p{color:var(--color-text-muted);margin:0 0 1.5rem;font-size:.9rem}.login-card input{border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-bg);width:100%;color:var(--color-text);margin-bottom:.75rem;padding:.6rem .75rem;font-size:.95rem}.login-card .btn-primary{width:100%;padding:.6rem}.login-status{color:var(--color-text-muted);margin-top:1rem;font-size:.85rem}.login-error{color:#b42318;margin-top:1rem;font-size:.85rem}.board{align-items:flex-start;gap:1.25rem;min-height:calc(100vh - 65px);padding:1.5rem;display:flex;overflow-x:auto}.deck-column{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-card);flex-direction:column;flex:0 0 260px;max-height:calc(100vh - 100px);display:flex}.deck-column-header{justify-content:space-between;align-items:center;padding:.85rem 1rem .5rem;display:flex}.deck-column-header h2{align-items:center;gap:.5rem;margin:0;font-size:.95rem;display:flex}.deck-color-dot{border-radius:50%;width:10px;height:10px;display:inline-block}.deck-note-count{color:var(--color-text-muted);font-size:.85rem;font-weight:400}.deck-delete-btn{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;padding:.2rem .4rem;font-size:.85rem}.deck-delete-btn:hover{color:#b42318}.deck-notes{flex-direction:column;flex:1;gap:.6rem;min-height:60px;padding:.25rem .75rem .75rem;display:flex;overflow-y:auto}.deck-add-note{text-align:left;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;padding:.6rem 1rem .85rem;font-size:.85rem}.deck-add-note:hover{color:var(--color-accent)}.add-deck-column{flex:0 0 220px}.add-deck-form{background:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--radius);padding:.85rem}.add-deck-form input[type=text]{border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-bg);width:100%;color:var(--color-text);margin-bottom:.6rem;padding:.5rem .6rem;font-size:.9rem}.color-swatches{gap:.4rem;margin-bottom:.75rem;display:flex}.color-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:22px;height:22px}.color-swatch.selected{border-color:var(--color-text)}.add-deck-trigger{border:1px dashed var(--color-border);border-radius:var(--radius);width:100%;color:var(--color-text-muted);cursor:pointer;background:0 0;padding:.85rem;font-size:.9rem}.add-deck-trigger:hover{color:var(--color-accent);border-color:var(--color-accent)}.sticky-note{background:var(--note-color,#fde68a);box-shadow:var(--shadow-note);color:#1c2128;cursor:grab;border-radius:4px;flex-direction:column;min-height:70px;padding:.75rem .75rem .5rem;display:flex;position:relative}.sticky-note.dragging{opacity:.5}.sticky-note-handle{cursor:grab;color:#1c212866;touch-action:none;font-size:.8rem;line-height:1;position:absolute;top:.35rem;right:.5rem}.sticky-note-handle:active{cursor:grabbing}.sticky-note textarea{resize:none;color:inherit;background:0 0;border:none;flex:1;width:100%;min-height:50px;padding:0;font-family:inherit;font-size:.9rem}.sticky-note textarea:focus{outline:none}.sticky-note-footer{justify-content:flex-end;display:flex}.sticky-note-delete{color:#1c21288c;cursor:pointer;background:0 0;border:none;padding:.15rem .3rem;font-size:.75rem}.sticky-note-delete:hover{color:#b42318}