:root{color-scheme:light;--canvas: #ffffff;--canvas-subtle: #f6f8fa;--border: #d0d7de;--fg: #1f2328;--fg-muted: #59636e;--accent: #0969da;--success: #1a7f37;--danger: #d1242f;--attention: #9a6700;--radius: 6px;--shadow-resting: 0 1px 0 rgba(31, 35, 40, .04);--shadow-overlay: 0 8px 24px rgba(140, 149, 159, .2);color:var(--fg);background:var(--canvas);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";font-size:16px;line-height:1.5}*{box-sizing:border-box}body{margin:0;color:var(--fg);background:var(--canvas)}button,input{font:inherit;color:var(--fg)}button{border:1px solid var(--border);background:var(--canvas-subtle);color:var(--fg);border-radius:var(--radius);padding:.35rem .8rem;box-shadow:var(--shadow-resting);cursor:pointer}button:hover{background:color-mix(in srgb,var(--fg) 5%,var(--canvas-subtle))}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button[type=submit]{background:var(--success);border-color:var(--success);color:var(--canvas)}button[type=submit]:hover{background:color-mix(in srgb,var(--fg) 12%,var(--success));border-color:color-mix(in srgb,var(--fg) 12%,var(--success))}button:disabled{opacity:.55;cursor:default}input{border:1px solid var(--border);background:var(--canvas);border-radius:var(--radius);padding:.4rem .55rem;min-width:0;box-shadow:var(--shadow-resting)}input::placeholder{color:var(--fg-muted)}input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 30%,transparent)}input[type=checkbox]{accent-color:var(--accent);width:1rem;height:1rem;box-shadow:none}.app{min-height:100vh;display:grid;grid-template-rows:auto 1fr;background:var(--canvas)}header{display:flex;gap:.75rem;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--border);background:var(--canvas)}header h1{margin:0;font-size:1.25rem;font-weight:600;letter-spacing:normal}.avatar-btn{margin-left:auto;width:2.25rem;height:2.25rem;padding:0;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 14%,var(--canvas));color:var(--accent);font-size:.75rem;font-weight:600;flex:0 0 auto}.avatar-btn img,.avatar-lg img{width:100%;height:100%;object-fit:cover;display:block}.profile-overlay{position:fixed;inset:0;z-index:30;display:flex;justify-content:flex-end;background:color-mix(in srgb,var(--fg) 35%,transparent)}.profile-drawer{width:min(24rem,100%);height:100%;overflow:auto;background:var(--canvas);box-shadow:var(--shadow-overlay);padding:.85rem 1.1rem 1rem;display:flex;flex-direction:column;gap:.65rem}.profile-drawer:focus{outline:none}.profile-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.profile-head h2,.profile-form h3{margin:0;font-size:1.05rem;font-weight:600}.profile-close{background:transparent;box-shadow:none}.profile-avatar{display:flex;align-items:center;gap:.8rem}.avatar-lg{width:3.5rem;height:3.5rem;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 14%,var(--canvas));color:var(--accent);font-weight:600;border:1px solid var(--border);flex:0 0 auto}.profile-avatar-actions{display:flex;flex-wrap:wrap;gap:.4rem}.profile-file{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.profile-form{display:flex;flex-direction:column;gap:.45rem}.profile-form label{display:flex;flex-direction:column;gap:.3rem;font-size:.9rem;font-weight:600}.profile-form input{font-weight:400}.profile-form input[readonly]{color:var(--fg-muted);background:var(--canvas-subtle)}button.danger{color:var(--danger);background:var(--canvas);border-color:var(--border)}.ok{color:var(--success)}.layout{display:grid;grid-template-columns:240px 1fr;min-height:0}aside{padding:.8rem;border-right:1px solid var(--border);background:var(--canvas);display:flex;flex-direction:column;gap:.45rem}aside button.board{text-align:left;background:transparent;color:var(--fg);border-color:transparent;box-shadow:none;border-radius:var(--radius)}aside button.board:hover{background:var(--canvas-subtle)}aside button.board.active{background:color-mix(in srgb,var(--accent) 12%,var(--canvas));color:var(--accent);font-weight:600}.board-view{padding:.8rem;overflow:auto;background:var(--canvas)}.columns{display:flex;gap:.75rem;align-items:flex-start}.column{width:280px;flex:0 0 auto;background:var(--canvas-subtle);border:1px solid var(--border);border-radius:var(--radius);padding:.6rem;min-height:180px}.column h2{margin:0 0 .5rem;font-size:.95rem;font-weight:600}.card{background:var(--canvas);border:1px solid var(--border);border-radius:var(--radius);padding:.55rem .65rem;margin-bottom:.45rem;cursor:grab;box-shadow:var(--shadow-resting)}.card strong{display:block;font-weight:600}.card p{margin:.25rem 0 0;white-space:pre-wrap;color:var(--fg-muted);font-size:.9rem}.column form,aside form{display:flex;gap:.35rem}.column form input,aside form input{flex:1}.muted{color:var(--fg-muted);font-size:.85rem}.error{color:var(--danger)}.drop{outline:2px dashed var(--accent);outline-offset:-2px}.auth{min-height:100vh;display:grid;place-items:center;padding:1.5rem;background:var(--canvas-subtle)}.auth-card{width:min(420px,100%);display:flex;flex-direction:column;gap:.75rem;background:var(--canvas);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-overlay);padding:1.25rem 1.3rem 1.4rem}.auth-card h1{margin:0;font-size:1.6rem;font-weight:600;letter-spacing:normal}.auth-brand{margin:0;letter-spacing:normal;text-transform:none;font-size:.95rem;font-weight:600;color:var(--fg)}.auth-card label{display:flex;flex-direction:column;gap:.3rem;font-weight:600;font-size:.9rem}.auth-card input{width:100%;font-weight:400}.auth-card label.auth-check{flex-direction:row;align-items:center;justify-content:flex-start;gap:.45rem;font-weight:400}.auth-check input{width:auto}.auth-card button[type=submit]{width:100%}.auth-switch{background:transparent;color:var(--accent);border:none;box-shadow:none;text-decoration:underline;padding:0;font-weight:400}.auth-switch:hover{background:transparent;color:color-mix(in srgb,var(--accent) 85%,var(--fg))}@media(max-width:800px){.layout{grid-template-columns:1fr}header{flex-wrap:wrap}.profile-drawer{width:100%}}