:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#19243a;background:#f5f7fb;font-size:17px;line-height:1.5;--blue:#295de5;--border:#e0e5ef;--muted:#61708a}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #7aabff;outline-offset:3px}[hidden]{display:none!important}.topbar{height:78px;background:#fff;border-bottom:1px solid var(--border);padding:0 3.5%;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:11px;font-weight:750;text-decoration:none;white-space:nowrap}.logo{display:grid;place-items:center;background:#295de5;color:#fff;border-radius:10px;width:36px;height:36px;font-size:25px;line-height:1}.top-actions{display:flex;align-items:center;gap:24px}#save-state{font-size:14px;color:var(--muted)}#save-state.failed{color:#b3303a}.button{border:1px solid var(--border);border-radius:9px;background:white;padding:10px 16px;text-decoration:none;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1.4;min-height:44px;transition:background .15s,box-shadow .15s}.button:hover{background:#f0f3fa}.button.primary{color:white;background:var(--blue);border-color:var(--blue);box-shadow:0 3px 7px #295de51a}.button.primary:hover{background:#204dcc}.button.quiet{background:transparent}.export{font-size:14px;min-height:40px}main{padding:38px 3.5% 20px;max-width:1800px;margin:auto}.heading{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-bottom:33px}.eyebrow{font-size:12px;font-weight:750;letter-spacing:.13em;color:#7a879d;margin-bottom:4px}h1{font-size:34px;letter-spacing:-.035em;line-height:1.2;margin:0}p{color:var(--muted);margin:10px 0 0}.heading p{font-size:16px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--border);margin-bottom:25px}.view-switch{display:flex;gap:25px}.view{border:0;border-bottom:3px solid transparent;background:transparent;color:var(--muted);padding:0 1px 13px;font-size:16px;font-weight:650}.view.active{border-bottom-color:var(--blue);color:var(--blue)}.view span{background:#e9edf5;border-radius:6px;padding:2px 7px;font-size:13px;margin-left:5px;color:#637088}.view.active span{background:#e4ecff;color:var(--blue)}.hint{font-size:14px;color:var(--muted);padding-bottom:12px}.board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:start;min-height:440px}.column{background:#edf0f6;border:1px solid #e5e9f1;border-radius:12px;padding:15px 12px 12px;min-height:405px;transition:background .15s,outline .15s}.column.drop-target{background:#e3ecff;outline:2px solid #6b94ff}.column-head{display:flex;align-items:center;gap:9px;padding:0 3px 14px}.column h2{font-size:17px;line-height:1.3;margin:0;flex:1}.column-icon{border-radius:6px;display:grid;place-items:center;width:26px;height:26px;font-size:15px;font-weight:700;background:#e2e8f2;color:#62738d}.doing .column-icon{color:#a36a00;background:#fff0c7}.done .column-icon{color:#178060;background:#d6f3e7}.ideas .column-icon{color:#7052b4;background:#eae1fa}.column-count{font-size:14px;color:var(--muted)}.icon-button{border:0;background:transparent;border-radius:6px;color:var(--muted);font-size:24px;width:35px;height:35px;line-height:1;display:grid;place-items:center}.icon-button:hover{background:#dfe5ef;color:#19243a}.cards{display:flex;flex-direction:column;gap:11px;min-height:60px}.card{background:#fff;border:1px solid #dfe5ef;border-radius:9px;box-shadow:0 2px 3px #1c335107;overflow:hidden;transition:box-shadow .15s,transform .15s}.card:hover{box-shadow:0 5px 12px #1c335112;border-color:#c3cfe1;transform:translateY(-1px)}.card.dragging{opacity:.4}.card-open{display:block;width:100%;border:0;background:transparent;color:inherit;text-align:left;padding:16px;cursor:pointer}.card-title{display:block;font-size:17px;font-weight:650;line-height:1.4;overflow-wrap:anywhere}.card-description{font-size:15px;line-height:1.5;color:var(--muted);margin-top:9px;white-space:pre-wrap;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 16px 12px;color:#758298;font-size:13px}.card-date{white-space:nowrap}.card-tag{font-size:12px;color:#8190a5}.empty{margin:22px 10px 26px;text-align:center;color:#718099;font-size:15px;line-height:1.65}.add-card{margin-top:12px;width:100%;border:1px dashed #cbd3e2;background:transparent;border-radius:8px;min-height:43px;color:#65758f;font-size:15px;text-align:left;padding:9px 12px}.add-card:hover{background:#e3e9f4;color:#294c90}footer{display:flex;justify-content:space-between;gap:20px;color:#76839a;font-size:13px;margin-top:24px}.banner{padding:14px 18px;border-radius:10px;background:#fff0f0;border:1px solid #f0c9ce;color:#a12d3b;margin-bottom:20px;display:flex;align-items:center;gap:15px;justify-content:space-between}dialog{border:1px solid var(--border);border-radius:15px;width:560px;max-width:calc(100% - 28px);padding:27px;box-shadow:0 25px 90px #14223a40;color:#19243a;max-height:90dvh;overflow:auto}dialog::backdrop{background:#14223a55;backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;gap:15px}h2{margin:0;font-size:24px;letter-spacing:-.02em}label{display:block;font-size:15px;font-weight:650;margin:19px 0 7px}.optional{font-size:13px;color:#8590a3;font-weight:400;margin-left:6px}input,textarea,select{width:100%;padding:12px 13px;border:1px solid #cfd7e5;border-radius:8px;background:#fff;color:#19243a;font-size:17px;outline:none}input:focus,textarea:focus,select:focus{border-color:#5084f5;box-shadow:0 0 0 3px #295de51a}textarea{resize:vertical;min-height:130px;line-height:1.55}.dialog-foot{display:flex;justify-content:space-between;align-items:center;margin-top:26px;gap:12px}.dialog-save{display:flex;gap:9px;margin-left:auto}.archive-button{border:0;color:#7c5860;background:#faf4f5;font-size:14px}.form-error{font-size:14px;color:#b12f43}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#1e2c45;color:#fff;padding:12px 20px;border-radius:10px;box-shadow:0 5px 18px #0002;font-size:15px;z-index:10;max-width:90vw}.archive-board{grid-template-columns:repeat(3,minmax(0,1fr));min-height:300px;align-content:start}.archive-board>.empty{grid-column:1/-1;padding:50px}.restore{padding:5px 9px;min-height:34px;font-size:13px}
@media(min-width:1550px){.board{gap:24px}.column{padding:18px 15px;min-height:480px}}@media(max-width:1050px){.board{grid-template-columns:repeat(2,minmax(0,1fr))}.column{min-height:310px}.hint{display:none}.archive-board{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:570px){.topbar{height:68px;padding:0 18px}.top-actions{gap:9px}#save-state{max-width:125px;font-size:12px;text-align:right}.export{display:none}main{padding:27px 18px}.heading{align-items:flex-start;flex-wrap:wrap;gap:20px;margin-bottom:27px}.heading .primary{width:100%}h1{font-size:29px}.board,.archive-board{grid-template-columns:minmax(0,1fr);gap:20px}.column{min-height:180px;padding:14px 12px}.empty{margin:16px}.column-head{padding-bottom:8px}footer{flex-direction:column;gap:4px;font-size:12px}.dialog-foot{align-items:stretch;flex-direction:column}.dialog-save{margin-left:0;justify-content:flex-end}.archive-button{align-self:flex-start}dialog{padding:20px}.topbar .brand{font-size:16px}.logo{width:30px;height:30px}.eyebrow{font-size:11px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}