:root{color-scheme:light;--bg:#f5f4f0;--surface:#ffffff;--border:#e2e0d9;--border-strong:#cbc7bc;--text-1:#19180e;--text-2:#68655c;--text-3:#a8a49c;--accent:#3b6fe0;--accent-bg:#eef2fc;--danger:#dc2626;--pr-urgent:#d42b2b;--pr-high:#d96228;--pr-medium:#c98f0c;--pr-low:#8fa8b8;--sh-card:0 1px 3px rgba(0,0,0,0.07),0 1px 2px rgba(0,0,0,0.04);--sh-hover:0 6px 18px rgba(0,0,0,0.11),0 2px 4px rgba(0,0,0,0.06);--sh-panel:-2px 0 40px rgba(0,0,0,0.1),0 0 0 1px rgba(0,0,0,0.04);--sh-modal:0 24px 64px rgba(0,0,0,0.14),0 4px 16px rgba(0,0,0,0.08);--r:8px;--r-lg:12px;--ease:cubic-bezier(0.22,1,0.36,1)}*{box-sizing:border-box}body,html{height:100%}body{margin:0;background:var(--bg);color:var(--text-1);font-family:DM Sans,Avenir Next,Segoe UI,system-ui,sans-serif;font-size:14px;line-height:1.5;overflow:hidden;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}.ProseMirror:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(59,111,224,.2);outline-offset:2px}.board-shell{display:flex;flex-direction:column;height:100vh}.auth-shell{align-items:center;background:linear-gradient(180deg,rgba(255,255,255,.42),rgba(255,255,255,0) 38%),var(--bg);display:flex;min-height:100vh;justify-content:center;padding:24px}.auth-card{animation:scalein .22s var(--ease);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-modal);max-width:100%;padding:28px;width:390px}.auth-mark{align-items:center;background:var(--accent-bg);border:1px solid rgba(59,111,224,.13);border-radius:var(--r);color:var(--accent);display:flex;height:38px;justify-content:center;margin-bottom:18px;width:38px}.auth-heading{margin-bottom:20px}.auth-heading h1{color:var(--text-1);font-size:20px;font-weight:800;line-height:1.15;margin:0 0 6px}.auth-heading p{color:var(--text-2);font-size:13px;margin:0}.auth-error{background:#fef2f2;border:1px solid rgba(220,38,38,.18);border-radius:var(--r);color:var(--danger);font-size:12px;line-height:1.45;margin-bottom:14px;padding:9px 10px}.auth-form{display:grid;gap:12px}.auth-field{display:grid;gap:7px}.auth-field span{color:var(--text-2);font-size:12px;font-weight:700}.auth-field input{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);color:var(--text-1);font-size:15px;height:42px;outline:none;padding:0 11px;transition:border .14s ease,box-shadow .14s ease;width:100%}.auth-field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(59,111,224,.1)}.auth-submit{height:40px;justify-content:center;margin-top:2px;width:100%}.auth-submit svg{animation:spin .9s linear infinite}.auth-secondary-actions{display:flex;gap:8px;justify-content:space-between}.topbar{background:var(--surface);border-bottom:1px solid var(--border);flex:0 0 52px;gap:10px;height:52px;justify-content:flex-end;padding:0 20px;position:relative;z-index:10}.header-right,.topbar{align-items:center;display:flex}.header-right{gap:10px}.user-chip{align-items:center;background:var(--bg);border:1px solid var(--border);border-radius:999px;color:var(--text-2);display:inline-flex;font-size:12px;font-weight:700;gap:6px;max-width:210px;min-width:0;padding:6px 10px}.user-chip svg{color:var(--accent);flex:0 0 auto}.user-chip span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn{align-items:center;border:0;border-radius:var(--r);display:inline-flex;font-size:13px;font-weight:600;gap:6px;line-height:1;padding:8px 12px;transition:all .14s ease;white-space:nowrap}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:#2d5fcc;box-shadow:0 3px 10px rgba(59,111,224,.3);transform:translateY(-1px)}.icon-button{align-items:center;background:transparent;border:0;border-radius:6px;color:var(--text-3);display:inline-flex;flex:0 0 auto;height:28px;justify-content:center;transition:all .14s ease;width:28px}.icon-button:hover{background:var(--bg);color:var(--text-1)}.delete-button:hover,.icon-button.danger:hover{background:#fee2e2;color:var(--danger)}.error-banner,.loading-state{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--sh-card);display:flex;gap:9px;left:20px;min-height:42px;padding:9px 12px;position:fixed;right:20px;top:62px;z-index:20}.error-banner{border-color:rgba(220,38,38,.22);color:var(--danger)}.error-banner button{margin-left:auto}.loading-state{color:var(--text-2);position:static;margin:16px 20px}.loading-state svg{animation:spin .9s linear infinite}.board-scroll{flex:1 1;overflow-x:auto;overflow-y:hidden;padding:16px 20px;scrollbar-color:var(--border) transparent;scrollbar-width:thin}.board-scroll::-webkit-scrollbar{height:5px}.board-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.board-columns{align-items:flex-start;display:grid;gap:12px;grid-auto-columns:280px;grid-auto-flow:column;min-height:calc(100vh - 84px)}.column-lane{background:var(--bg);border:1.5px solid var(--border);border-radius:var(--r-lg);display:flex;flex-direction:column;max-height:calc(100vh - 84px);min-height:180px;overflow:hidden;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease;width:280px}.column-lane:hover{border-color:var(--border-strong)}.column-header{align-items:center;display:grid;flex:0 0 auto;gap:6px;grid-template-columns:16px minmax(0,1fr) auto auto;min-height:44px;padding:11px 10px 8px 12px}.column-color-control{align-items:center;border-radius:999px;cursor:pointer;display:flex;height:16px;justify-content:center;position:relative;width:16px}.col-dot{border-radius:50%;box-shadow:0 0 0 3px rgba(255,255,255,.9),0 0 0 4px rgba(25,24,14,.08);height:9px;transition:transform .18s ease,box-shadow .18s ease;width:9px}.column-color-control:hover .col-dot,.column-lane:hover .col-dot{transform:scale(1.22)}.column-color-control:focus-within .col-dot{box-shadow:0 0 0 3px var(--surface),0 0 0 5px rgba(59,111,224,.22)}.column-color-control input{cursor:pointer;height:22px;inset:-3px;opacity:0;position:absolute;width:22px}.column-title-input{background:transparent;border:0;border-bottom:1.5px solid transparent;color:var(--text-1);font-family:DM Sans,Avenir Next,Segoe UI,system-ui,sans-serif;font-size:12px;font-weight:600;height:22px;letter-spacing:.1px;min-width:0;outline:0;padding:0;width:100%}.column-title-input:focus{border-bottom-color:var(--accent)}.task-count{background:var(--surface);border:1px solid var(--border);border-radius:999px;color:var(--text-3);font-size:10px;font-weight:800;line-height:1.4;min-width:20px;padding:1px 6px;text-align:center}.col-actions{display:flex;gap:1px;opacity:0;transition:opacity .15s ease}.column-lane:focus-within .col-actions,.column-lane:hover .col-actions{opacity:1}.card-check,.drag-handle{touch-action:none}.task-stack{display:flex;flex:1 1;flex-direction:column;gap:5px;min-height:74px;overflow-y:auto;padding:0 8px 4px;scrollbar-color:var(--border) transparent;scrollbar-width:thin}.task-stack::-webkit-scrollbar{width:3px}.task-stack::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.empty-column{color:var(--text-3);font-size:12px;padding:26px 16px;text-align:center}.new-task-form{flex:0 0 auto;padding:6px 8px 8px;display:grid;gap:6px;grid-template-columns:minmax(0,1fr) 28px}.new-task-form input{background:transparent;border:1px dashed var(--border);border-radius:var(--r);color:var(--text-1);font-size:12px;height:34px;min-width:0;padding:0 9px;transition:all .14s ease}.add-col-card input::placeholder,.new-task-form input::placeholder{color:var(--text-3)}.new-task-form input:focus,.new-task-form input:hover{background:var(--surface);border-color:var(--text-3);border-style:solid}.new-task-form button{align-items:center;background:transparent;border:1px dashed var(--border);border-radius:var(--r);color:var(--text-3);display:flex;height:34px;justify-content:center}.new-task-form button:hover{background:var(--surface);border-color:var(--text-3);border-style:solid;color:var(--text-2)}.add-col-card{align-items:center;background:transparent;border:1.5px dashed var(--border);border-radius:var(--r-lg);color:var(--text-3);display:flex;flex-shrink:0;gap:7px;height:56px;padding:0 14px;transition:all .14s ease;width:240px}.add-col-card:focus-within,.add-col-card:hover{background:var(--surface);border-color:var(--text-3);border-style:solid;color:var(--text-2)}.add-col-card input{background:transparent;border:0;color:var(--text-1);min-width:0;outline:0;width:100%}.task-card{background:var(--surface);border-left:3px solid transparent;border-radius:var(--r);box-shadow:var(--sh-card);cursor:grab;min-height:66px;overflow:hidden;position:relative;transition:box-shadow .15s ease,transform .15s ease,outline .1s ease;-webkit-user-select:none;user-select:none}.task-card:hover{box-shadow:var(--sh-hover);transform:translateY(-1px)}.task-card.dragging{box-shadow:var(--sh-card);cursor:grabbing;opacity:.18;transform:none}.task-card.is-open{outline:2px solid var(--accent);outline-offset:1px}.drag-overlay-card{box-shadow:0 18px 38px rgba(25,24,14,.18),0 5px 12px rgba(25,24,14,.12);cursor:grabbing;pointer-events:none;transform:rotate(1.5deg);width:264px;z-index:1000}.drag-overlay-card .task-open{cursor:grabbing}.task-card[data-p=urgent]{border-left-color:var(--pr-urgent)}.task-card[data-p=high]{border-left-color:var(--pr-high)}.task-card[data-p=medium]{border-left-color:var(--pr-medium)}.task-card[data-p=low]{border-left-color:var(--pr-low)}.task-open{background:transparent;border:0;color:inherit;cursor:inherit;display:flex;flex-direction:column;gap:7px;min-height:66px;padding:10px 11px 9px;text-align:left;width:100%}.card-top{display:flex;gap:6px;min-width:0;padding-right:20px}.task-title{color:var(--text-1);flex:1 1;font-size:13px;font-weight:600;line-height:1.42;overflow-wrap:anywhere}.task-description{color:var(--text-3);display:block;font-size:11px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-footer{align-items:center;display:flex;gap:5px;min-width:0}.pbadge{border-radius:4px;font-size:10px;font-weight:800;letter-spacing:.2px;line-height:1.4;padding:2px 5px}.pbadge-low{background:rgba(143,168,184,.16);color:var(--pr-low)}.pbadge-medium{background:rgba(201,143,12,.14);color:var(--pr-medium)}.pbadge-high{background:rgba(217,98,40,.13);color:var(--pr-high)}.pbadge-urgent{background:rgba(212,43,43,.12);color:var(--pr-urgent)}.task-date{color:var(--text-3);font-size:10px}.comment-count-badge{align-items:center;background:var(--bg);border:1px solid var(--border);border-radius:999px;color:var(--text-2);display:inline-flex;font-size:10px;font-weight:800;gap:3px;line-height:1;margin-left:auto;min-width:22px;padding:3px 5px}.comment-count-badge svg{color:var(--text-3);flex:0 0 auto}.panel-overlay{animation:fadein .2s ease;background:rgba(15,14,10,.22);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);inset:0;position:fixed;z-index:50}.task-panel{animation:slideInRight .28s var(--ease);background:var(--surface);box-shadow:var(--sh-panel);display:flex;flex-direction:column;height:100vh;position:fixed;right:0;top:0;width:min(720px,calc(100vw - 32px));z-index:51}.panel-header{align-items:flex-start;border-bottom:1px solid var(--border);display:flex;flex:0 0 auto;gap:10px;padding:18px 20px 14px}.panel-title-wrap{flex:1 1;min-width:0}.panel-header-actions{align-items:center;display:flex;flex:0 0 auto;gap:4px}.panel-title-input{background:transparent;border:0;color:var(--text-1);font-size:16px;font-weight:800;line-height:1.3;outline:0;padding:0;resize:none;width:100%}.panel-subtitle{align-items:center;color:var(--text-3);display:flex;font-size:12px;gap:8px;margin-top:2px;min-height:24px}.save-status{align-items:center;animation:fadein .12s ease;background:#fff7ed;border:1px solid rgba(251,146,60,.34);border-radius:999px;color:#9a3412;display:inline-flex;font-size:11px;font-weight:800;gap:5px;letter-spacing:0;line-height:1;padding:5px 8px}.save-status svg{animation:spin .9s linear infinite;flex:0 0 auto}.panel-body{flex:1 1;overflow-y:auto;padding:18px 20px;scrollbar-color:var(--border) transparent;scrollbar-width:thin}.panel-body::-webkit-scrollbar{width:4px}.panel-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.confirm-layer{align-items:center;animation:fadein .14s ease;background:rgba(15,14,10,.28);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;inset:0;justify-content:center;padding:18px;position:absolute;z-index:4}.confirm-dialog{animation:scalein .18s var(--ease);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-modal);display:grid;gap:14px;max-width:100%;padding:18px;width:340px}.confirm-icon{align-items:center;background:#fef2f2;border:1px solid rgba(220,38,38,.14);border-radius:50%;color:var(--danger);display:flex;height:38px;justify-content:center;width:38px}.confirm-copy h3{color:var(--text-1);font-size:15px;font-weight:800;margin:0 0 5px}.confirm-copy p{color:var(--text-2);font-size:13px;line-height:1.45;margin:0}.confirm-actions{display:flex;gap:8px;justify-content:flex-end}.viewing-bar{align-items:center;background:var(--accent-bg);border-radius:var(--r);color:var(--accent);display:flex;font-size:12px;gap:7px;margin-bottom:16px;padding:7px 10px}.v-dot{animation:vpulse 1.8s ease-in-out infinite;background:var(--accent);border-radius:50%;flex-shrink:0;height:6px;width:6px}.panel-section{margin-bottom:22px}.field-row{align-items:center;display:flex;margin-bottom:12px}.field-key{color:var(--text-2);flex-shrink:0;font-size:12px;width:78px}.field-val{flex:1 1;min-width:0}.status-field{align-items:center;display:flex;gap:8px}.status-dot{border-radius:50%;flex:0 0 auto;height:7px;width:7px}.meta-row{align-items:flex-start}.text-muted{color:var(--text-3);font-size:12px}.creator-chip{align-items:center;background:var(--accent-bg);border:1px solid rgba(59,111,224,.12);border-radius:999px;color:var(--accent);display:inline-flex;flex:0 1 auto;font-size:12px;font-weight:800;gap:6px;line-height:1;max-width:100%;overflow:hidden;padding:6px 9px;text-overflow:ellipsis;white-space:nowrap}.creator-chip svg{flex:0 0 auto}.sel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);color:var(--text-1);cursor:pointer;font-size:13px;outline:none;padding:5px 8px;transition:border .14s ease}.sel:focus{border-color:var(--accent)}.inp{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);color:var(--text-1);font-size:14px;outline:none;padding:8px 10px;transition:border .14s ease;width:100%}.inp:focus{border-color:var(--accent)}.modal-wrap{align-items:center;animation:fadein .15s ease;background:rgba(15,14,10,.35);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:60}.create-modal{animation:scalein .2s var(--ease);background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--sh-modal);max-width:100%;padding:24px;width:460px}.create-modal h2{color:var(--text-1);font-size:16px;font-weight:800;margin:0 0 18px}.modal-row{display:grid;gap:6px;margin-bottom:14px}.modal-label{color:var(--text-2);font-size:12px;font-weight:600}.modal-2col{display:grid;gap:12px;grid-template-columns:1fr 1fr}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:20px}.secondary-button{align-items:center;background:transparent;border:1px solid var(--border);border-radius:var(--r);color:var(--text-2);display:inline-flex;font-size:13px;font-weight:700;justify-content:center;padding:8px 12px;transition:all .14s ease}.secondary-button:hover{background:var(--bg);color:var(--text-1)}.panel-label{color:var(--text-3);font-size:10px;font-weight:800;letter-spacing:.6px;margin-bottom:8px;text-transform:uppercase}.comments-section{border-top:1px solid var(--border);padding-top:18px}.comments-heading{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.comments-heading .panel-label{margin-bottom:0}.comments-heading span{background:var(--bg);border:1px solid var(--border);border-radius:999px;color:var(--text-3);font-size:10px;font-weight:800;line-height:1;min-width:22px;padding:4px 7px;text-align:center}.comments-list{display:grid;gap:12px;margin-bottom:12px}.comment-item{display:grid;gap:9px;grid-template-columns:28px minmax(0,1fr)}.comment-avatar{align-items:center;background:var(--accent-bg);border:1px solid rgba(59,111,224,.12);border-radius:50%;color:var(--accent);display:flex;font-size:10px;font-weight:800;height:28px;justify-content:center;line-height:1;width:28px}.comment-content{background:var(--bg);border:1px solid var(--border);border-radius:var(--r);padding:9px 10px}.comment-meta{align-items:baseline;display:flex;gap:8px;margin-bottom:4px;min-width:0}.comment-meta strong{color:var(--text-1);font-size:12px;font-weight:800;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comment-meta span{color:var(--text-3);flex:0 0 auto;font-size:10px}.comment-actions{align-items:center;display:flex;gap:2px;margin-left:auto;opacity:0;transition:opacity .14s ease}.comment-item:focus-within .comment-actions,.comment-item:hover .comment-actions{opacity:1}.comment-actions button{align-items:center;background:transparent;border:0;border-radius:5px;color:var(--text-3);display:inline-flex;height:24px;justify-content:center;transition:all .14s ease;width:24px}.comment-actions button:hover{background:var(--surface);color:var(--text-1)}.comment-content p{color:var(--text-2);font-size:13px;line-height:1.55;margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.comment-edit-box{display:grid;gap:8px}.comment-editor-shell{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);display:flex;flex-direction:column;overflow:hidden;transition:border .14s ease,box-shadow .14s ease}.comment-editor-shell:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px rgba(59,111,224,.08)}.comment-editor-toolbar{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:2px;min-height:32px;padding:4px}.comment-editor-toolbar button{align-items:center;background:transparent;border:0;border-radius:5px;color:var(--text-3);display:inline-flex;height:24px;justify-content:center;transition:all .14s ease;width:24px}.comment-editor-toolbar button:hover{background:var(--accent-bg);color:var(--accent)}.comment-uploading{color:var(--text-3);font-size:11px;font-weight:700;margin-left:4px}.comment-editor{color:var(--text-1);font-size:13px;line-height:1.45;min-height:70px;outline:0;padding:8px 9px;width:100%}.comment-editor:empty:before{color:var(--text-3);content:attr(data-placeholder);pointer-events:none}.comment-content img,.comment-editor img{border-radius:6px;box-shadow:var(--sh-card);display:block;height:auto;margin:8px 0;max-height:220px;max-width:min(100%,320px);object-fit:contain}.comment-content img{cursor:zoom-in;transition:filter .14s ease,transform .14s ease}.comment-content img:hover{filter:brightness(.96);transform:translateY(-1px)}.comment-edit-actions{display:flex;gap:7px;justify-content:flex-end}.comment-edit-actions .btn,.comment-edit-actions .secondary-button{align-items:center;display:inline-flex;gap:5px;padding:7px 10px}.comments-empty{align-items:center;background:var(--bg);border:1px dashed var(--border);border-radius:var(--r);color:var(--text-3);display:flex;font-size:12px;gap:7px;justify-content:center;min-height:48px;padding:10px}.comments-error{background:#fef2f2;border:1px solid rgba(220,38,38,.18);border-radius:var(--r);color:var(--danger);font-size:12px;margin-bottom:10px;padding:8px 10px}.comment-form{display:grid;gap:8px}.comment-form .comment-editor{min-height:76px}.comment-submit{justify-self:end}.rich-text-shell{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);display:flex;flex-direction:column;min-height:170px;overflow:hidden;transition:border .14s ease}.rich-text-shell:focus-within{border-color:var(--accent)}.editor-toolbar{align-items:center;border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:4px;min-height:38px;padding:5px}.editor-toolbar button{align-items:center;background:transparent;border:0;border-radius:5px;color:var(--text-3);display:inline-flex;height:28px;justify-content:center;transition:all .14s ease;width:28px}.editor-toolbar button.active,.editor-toolbar button:hover{background:var(--accent-bg);color:var(--accent)}.editor-content{flex:1 1;overflow:auto}.ProseMirror{color:var(--text-1);font-size:13px;line-height:1.65;min-height:120px;outline:0;padding:10px 12px}.ProseMirror>:first-child{margin-top:0}.ProseMirror>:last-child{margin-bottom:0}.ProseMirror p{line-height:1.65}.ProseMirror h2,.ProseMirror h3{line-height:1.2}.ProseMirror img,.editor-image{border-radius:6px;box-shadow:var(--sh-card);cursor:zoom-in;display:block;height:auto;margin:8px 0;max-height:340px;max-width:min(100%,560px);object-fit:contain;transition:filter .14s ease,transform .14s ease}.ProseMirror img:hover,.editor-image:hover{filter:brightness(.96);transform:translateY(-1px)}.image-lightbox{animation:fadein .15s ease;background:rgba(15,14,10,.76);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);inset:0;padding:28px;position:fixed;z-index:90}.image-lightbox,.image-lightbox-content{align-items:center;display:flex;justify-content:center}.image-lightbox-content{max-height:100%;max-width:100%;position:relative}.image-lightbox-content img{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--sh-modal);display:block;max-height:calc(100vh - 96px);max-width:calc(100vw - 56px);object-fit:contain}.image-lightbox-actions{display:flex;gap:8px;position:absolute;right:10px;top:10px;z-index:1}.image-lightbox-actions a,.image-lightbox-actions button{align-items:center;background:rgba(255,255,255,.94);border:1px solid rgba(0,0,0,.08);border-radius:var(--r);color:var(--text-1);display:inline-flex;height:34px;justify-content:center;text-decoration:none;transition:all .14s ease;width:34px}.image-lightbox-actions a:hover,.image-lightbox-actions button:hover{background:#fff;transform:translateY(-1px)}.panel-delete-zone{border-top:1px solid var(--border);margin-top:8px;padding-top:18px}.delete-button{align-items:center;background:var(--danger);border:0;border-radius:var(--r);color:#fff;display:inline-flex;font-size:12px;font-weight:700;gap:6px;padding:8px 12px;transition:all .14s ease}.delete-button:hover{background:#b91c1c;color:#fff}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slideInUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes scalein{0%{opacity:0;transform:scale(.96) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes vpulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.72)}}@media (max-width:740px){.topbar{gap:8px;padding:0 14px}.auth-shell{align-items:flex-start;padding:18px 14px}.auth-card{padding:22px;width:100%}.btn-primary{padding:8px 10px}.user-chip{max-width:128px;padding:6px 8px}.board-scroll{padding:12px}.board-columns{gap:10px;grid-auto-columns:minmax(240px,84vw);min-height:calc(100vh - 76px)}.column-lane{max-height:calc(100vh - 76px);width:auto}.task-panel{animation:slideInUp .3s var(--ease);border-radius:var(--r-lg) var(--r-lg) 0 0;bottom:0;height:88vh;left:0;right:0;top:auto;width:100%}.task-panel:before{background:var(--border);border-radius:999px;content:"";display:block;flex:0 0 auto;height:4px;margin:10px auto 0;width:36px}.panel-header{padding-top:14px}.modal-wrap{align-items:flex-end}.create-modal{border-radius:var(--r-lg) var(--r-lg) 0 0;padding-bottom:32px;width:100%}.modal-2col{grid-template-columns:1fr}}