:root{--paper:#ede2c8;--paper-dark:#e2d3ac;--ink:#2b2620;--ink-soft:#4a4238;--blueprint:#18385a;--blueprint-soft:#18385a59;--amber:#7a5c0a;--amber-soft:#7a5c0a29;--danger:#7a1f1f;--card-shadow:#2b262059;--font-body:"Special Elite", "Courier New", monospace;--font-mono:"Share Tech Mono", ui-monospace, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--ink)}*{box-sizing:border-box}body{min-height:100vh;font-family:var(--font-body);color:var(--ink);background-color:var(--paper);background-image:radial-gradient(ellipse 500px 380px at 8% 12%, #2b26201a, transparent 60%), radial-gradient(ellipse 420px 340px at 92% 8%, #2b262017, transparent 55%), radial-gradient(ellipse 460px 400px at 6% 94%, #2b26201a, transparent 58%), radial-gradient(ellipse 520px 420px at 96% 92%, #2b26201c, transparent 60%), radial-gradient(circle 220px at 25% 35%, #7a5c0a12, transparent 65%), radial-gradient(circle 260px at 70% 65%, #7a5c0a0f, transparent 65%), radial-gradient(circle 180px at 55% 15%, #2b26200d, transparent 60%), radial-gradient(circle 200px at 85% 45%, #2b26200d, transparent 60%), radial-gradient(circle 240px at 15% 70%, #2b26200a, transparent 60%), linear-gradient(160deg, var(--paper-dark) 0%, var(--paper) 40%, var(--paper) 60%, var(--paper-dark) 100%);background-attachment:fixed;margin:0}h1,h2,h3{font-family:var(--font-body);color:var(--blueprint);margin:0}p{margin:0}button,input,textarea,select{font-family:var(--font-body);color:var(--ink)}button{cursor:pointer}.app{max-width:1200px;min-height:100vh;margin:0 auto;padding:24px 32px 48px}.app-header{text-align:center;border-bottom:2px solid var(--blueprint);margin-bottom:28px;padding-bottom:16px;position:relative}.logout-button{border:1px solid var(--blueprint-soft);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1px;color:var(--blueprint);background:0 0;border-radius:2px;padding:6px 10px;font-size:.75rem;position:absolute;top:0;right:0}.logout-button:hover{background:var(--amber-soft)}.app-header h1{letter-spacing:2px;font-size:2.6rem}.app-subtitle{font-family:var(--font-mono);color:var(--amber);letter-spacing:3px;text-transform:uppercase;margin-top:6px;font-size:.85rem}.loading-screen{min-height:100vh;font-family:var(--font-mono);color:var(--blueprint);justify-content:center;align-items:center;display:flex}.error-banner{background:var(--amber-soft);border:1px solid var(--amber);max-width:640px;color:var(--amber);font-family:var(--font-mono);cursor:pointer;text-align:center;margin:0 auto 20px;padding:10px 16px;font-size:.9rem}.board{grid-template-columns:repeat(3,1fr);align-items:start;gap:20px;display:grid}@media (width<=860px){.board{grid-template-columns:1fr}}.column{border:1px solid var(--blueprint-soft);background:#ffffff38;border-radius:4px;flex-direction:column;min-height:320px;padding:14px;display:flex}.column-header{border-bottom:2px solid var(--blueprint);justify-content:space-between;align-items:baseline;margin-bottom:12px;padding-bottom:8px;display:flex}.column-header h2{letter-spacing:1px;font-size:1.15rem}.column-count{font-family:var(--font-mono);color:var(--blueprint);background:var(--blueprint-soft);border-radius:999px;padding:2px 10px;font-size:.85rem}.column-body{border-radius:4px;flex-direction:column;flex:1;gap:10px;min-height:60px;padding:2px;transition:background-color .12s;display:flex}.column-body--drag-over{background-color:var(--amber-soft)}.column-empty{font-family:var(--font-mono);color:var(--ink-soft);opacity:.7;text-align:center;padding:16px 0;font-size:.85rem}.add-card-btn{border:1px dashed var(--blueprint);color:var(--blueprint);font-family:var(--font-mono);background:0 0;border-radius:4px;margin-top:12px;padding:8px}.add-card-btn:hover{background:var(--blueprint-soft)}.card{background:var(--paper);border:1px solid var(--ink-soft);border-left:4px solid var(--blueprint);box-shadow:2px 3px 0 var(--card-shadow);border-radius:2px;align-items:flex-start;padding:10px 34px 10px 30px;display:flex;position:relative}.card--dragging{box-shadow:4px 6px 10px var(--card-shadow)}.card--overdue{border-left-color:var(--danger)}.card-drag-handle{width:20px;color:var(--ink-soft);touch-action:none;background:0 0;border:none;justify-content:center;align-items:center;font-size:1rem;display:flex;position:absolute;top:8px;bottom:8px;left:2px}.card-drag-handle:hover{color:var(--blueprint)}.card-content{text-align:left;cursor:pointer;flex:1}.card-title{color:var(--ink);margin-bottom:4px;font-size:1rem}.card-description{color:var(--ink-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:8px;font-size:.85rem;display:-webkit-box;overflow:hidden}.card-meta{font-family:var(--font-mono);flex-wrap:wrap;align-items:center;gap:8px;font-size:.75rem;display:flex}.priority-badge{text-transform:uppercase;letter-spacing:.5px;border:1px solid;border-radius:999px;padding:1px 8px}.priority-low{color:var(--blueprint)}.priority-medium{color:var(--amber)}.priority-high{color:var(--danger)}.due-date{color:var(--ink-soft)}.due-date--overdue{color:var(--danger);font-weight:700}.delete-btn{color:var(--ink-soft);background:0 0;border:none;padding:4px;font-size:.9rem;line-height:1;position:absolute;top:4px;right:4px}.delete-btn:hover{color:var(--danger)}.confirm-delete{background:var(--paper);border:1px solid var(--danger);font-family:var(--font-mono);border-radius:3px;align-items:center;gap:6px;padding:3px 6px;font-size:.7rem;display:flex;position:absolute;top:4px;right:4px}.confirm-delete button{color:var(--danger);background:0 0;border:none;padding:0 2px;font-weight:700}.confirm-no{color:var(--ink-soft)!important}.modal-overlay{z-index:10;background:#2b262073;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--paper);border:2px solid var(--blueprint);width:100%;max-width:420px;box-shadow:6px 8px 0 var(--card-shadow);border-radius:4px;flex-direction:column;gap:14px;padding:24px;display:flex}.card-editor h2{margin-bottom:4px}.card-editor label,.login-form label{text-align:left;font-family:var(--font-mono);color:var(--ink-soft);flex-direction:column;flex:1;gap:4px;font-size:.8rem;display:flex}.card-editor input,.card-editor textarea,.card-editor select,.login-form input{border:1px solid var(--ink-soft);color:var(--ink);background:#ffffff80;border-radius:2px;padding:8px;font-size:.95rem}.card-editor input:focus,.card-editor textarea:focus,.card-editor select:focus,.login-form input:focus{outline:2px solid var(--blueprint)}.form-row{gap:12px;display:flex}.form-error{color:var(--danger);font-family:var(--font-mono);font-size:.8rem}.form-actions{justify-content:flex-end;gap:10px;display:flex}.form-actions button{border:1px solid var(--blueprint);color:var(--blueprint);font-family:var(--font-mono);background:0 0;border-radius:3px;padding:8px 16px}.form-actions button[type=submit]{background:var(--blueprint);color:var(--paper)}.form-actions button:disabled{opacity:.6;cursor:default}.login-screen{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-form{text-align:center}.login-form h1{letter-spacing:2px;font-size:2rem}.login-form .app-subtitle{margin-bottom:6px}.login-message{font-family:var(--font-mono);color:var(--amber);font-size:.8rem}.login-form .form-actions{justify-content:center}
