:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e0f13;--panel:#15161c;--card-neutral:#1c1d25;--card:var(--card-neutral);--card-hover:#23242e;--raised:#1f2029;--border:#2a2c37;--hairline:#ffffff0f;--text:#ecedf2;--muted:#8d8fa0;--faint:#5d5f6e;--accent:#9b8cff;--accent-strong:#6d5af6;--accent-soft:#8b7cff24;--done:#3ccf91;--danger:#ff6b6b;--radius-sm:6px;--radius:10px;--radius-lg:14px;--shadow-card:0 1px 2px #00000059;--shadow-pop:0 12px 32px #00000073, 0 0 0 1px var(--hairline);--shadow-modal:0 24px 64px #0000008c, 0 0 0 1px var(--hairline);--ease:cubic-bezier(.2, 0, 0, 1);--font:"Inter", "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font:13px / 1.5 var(--font);-webkit-font-smoothing:antialiased;margin:0}h1,h2,p{margin:0}a{color:var(--accent);text-decoration:none}svg.icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:16px;height:16px}svg.icon.sm{width:13px;height:13px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}*{scrollbar-width:thin;scrollbar-color:var(--border) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-corner{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);background-clip:padding-box;border:3px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--faint);background-clip:padding-box}input,button,textarea,select{font:inherit;color:var(--text);background:var(--raised);border:1px solid var(--border);border-radius:8px;padding:6px 10px}button{cursor:pointer;transition:background-color .15s var(--ease), border-color .15s var(--ease), color .15s var(--ease), opacity .15s var(--ease);justify-content:center;align-items:center;gap:6px;font-weight:500;display:inline-flex}button:hover{background:var(--card-hover)}button:active{transform:translateY(.5px)}button:disabled{opacity:.45;cursor:default;transform:none}button:focus-visible,summary:focus-visible,[tabindex]:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}input::placeholder,textarea::placeholder{color:var(--faint)}button.primary{background:var(--accent-strong);color:#fff;border-color:#0000}button.primary:hover{background:#7c6aff}button.danger-armed,button.danger-armed:hover{color:var(--danger);background:#ff6b6b1f;border-color:#ff6b6b80}.icon-btn{color:var(--muted);background:0 0;border:0;border-radius:7px;width:26px;height:26px;padding:0;font-size:12px}.icon-btn.danger-armed{width:auto;padding:0 8px}.icon-btn:hover{color:var(--text);background:var(--hairline)}.link-btn{color:var(--muted);background:0 0;border:0;border-radius:7px;padding:4px 8px;font-size:12px}.link-btn:hover{background:var(--hairline);color:var(--text)}textarea{background:var(--bg);resize:vertical;field-sizing:content;width:100%;min-height:84px;max-height:320px;padding:10px 12px;line-height:1.55}textarea.autosize{resize:none;scrollbar-width:none;min-height:0;max-height:200px;padding:6px 10px;overflow-y:auto}textarea.autosize::-webkit-scrollbar{display:none}input[type=checkbox]{appearance:none;border:1.5px solid var(--faint);cursor:pointer;width:16px;height:16px;transition:background-color .15s var(--ease), border-color .15s var(--ease);background:0 0;border-radius:50%;flex:none;margin:1px 0 0;padding:0;position:relative}input[type=checkbox]:hover{border-color:var(--muted)}input[type=checkbox]:checked{background:var(--done);border-color:var(--done)}input[type=checkbox]:checked:after{content:"";border:1.8px solid #0b1a12;border-width:0 1.8px 1.8px 0;width:3.5px;height:7px;position:absolute;top:1.5px;left:4.5px;transform:rotate(45deg)}input[type=checkbox]:focus{box-shadow:none}input[type=checkbox]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.avatar{color:#10131a;border-radius:50%;flex:none;justify-content:center;align-items:center;width:24px;height:24px;font-size:10px;font-weight:700;display:inline-flex}.avatar.small{width:20px;height:20px;font-size:9px}.menu-panel{z-index:40;background:var(--raised);min-width:240px;max-height:360px;box-shadow:var(--shadow-pop);border-radius:12px;padding:4px;position:absolute;overflow-y:auto}.menu-panel :is(button,a){width:100%;color:var(--text);background:0 0;border:0;border-radius:8px;justify-content:flex-start;align-items:center;gap:6px;padding:8px 10px;font-weight:400;display:flex}.menu-panel :is(button,a):hover{background:var(--hairline)}.menu-panel [aria-checked=true]{color:var(--accent)}.menu-panel [aria-checked=true] svg.icon{margin-left:auto}.menu-panel hr{border:0;border-top:1px solid var(--hairline);margin:4px 2px}.menu-panel .muted,.menu-panel :is(button,a).muted{color:var(--muted)}.menu-panel .menu-note{color:var(--muted);overflow-wrap:anywhere;padding:8px 10px 6px;font-size:12px}.menu-panel .menu-note strong{color:var(--text);font-size:13px;font-weight:600;display:block}.overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background:#06070a99;justify-content:center;align-items:flex-start;padding:56px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{--card-tint:var(--panel);background:var(--panel);width:640px;max-width:100%;box-shadow:var(--shadow-modal);border-radius:16px;position:relative}.overlay.entering{animation:fade-in .15s var(--ease)}.overlay.entering .modal{animation:modal-in .2s var(--ease)}@keyframes fade-in{0%{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(8px)scale(.985)}}.modal-header{align-items:flex-start;gap:12px;padding:20px 16px 12px 22px;display:flex}.modal-header input[type=checkbox]{width:20px;height:20px;margin-top:3px}.modal-header input[type=checkbox]:checked:after{width:4.5px;height:9px;top:2.5px;left:6px}.modal-header .icon-btn{width:30px;height:30px}.modal-title{letter-spacing:-.01em;cursor:text;overflow-wrap:anywhere;flex:1;min-width:0;font-size:18px;font-weight:600;line-height:1.4}.modal-body{flex-direction:column;gap:22px;padding:4px 22px 24px;display:flex}.shell{height:100%;display:flex}.rail{border-right:1px solid var(--hairline);width:52px;transition:width .15s var(--ease);flex-direction:column;flex:none;align-items:center;gap:4px;padding:10px 9px;display:flex}.rail.expanded{align-items:stretch;width:210px}.rail-anchor{position:relative}.rail-anchor .menu-panel{top:0;left:calc(100% + 8px)}.rail-anchor.bottom .menu-panel{top:auto;bottom:0}.rail-button{width:34px;height:34px;color:var(--muted);background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;gap:10px;padding:0;font-weight:500;text-decoration:none;display:flex;position:relative}.rail.expanded .rail-button{justify-content:flex-start;width:100%;padding:0 8px}.rail.expanded .rail-anchor .rail-button{padding-left:3px}.rail-button:hover{background:var(--panel);color:var(--text)}.rail-button[aria-current=page],.rail-anchor>.rail-button[aria-expanded=true]{background:var(--card-hover);color:var(--text);box-shadow:var(--shadow-card)}.rail-button .icon{width:18px;height:18px}.rail-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:none;overflow:hidden}.rail.expanded .rail-label{display:block}.workspace-label{color:var(--text);font-weight:600}.rail-gap{flex:1}.rail-divider{border-top:1px solid var(--hairline);align-self:center;width:22px;margin:6px 0}.rail.expanded .rail-divider{width:100%}.workspace-mark{background:var(--accent-strong);color:#fff;border-radius:8px;flex:none;place-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:grid}:is(.rail:not(.expanded) .rail-button:has(.workspace-mark):hover,.rail:not(.expanded) .rail-button:has(.workspace-mark)[aria-expanded=true]){box-shadow:none;background:0 0}.rail-button:has(.workspace-mark)[aria-expanded=true] .workspace-mark{box-shadow:0 0 0 2px var(--accent-soft)}.rail-avatar{flex:none;display:inline-flex;position:relative}.status-dot{background:var(--faint);width:8px;height:8px;box-shadow:0 0 0 2px var(--bg);border-radius:50%;position:absolute;bottom:-2px;right:-2px}.status-dot.live{background:var(--done)}.status-dot.offline{background:var(--danger)}.content{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:auto}.page{flex-direction:column;min-height:100%;display:flex}.page-header{border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:8px 14px 8px 18px;display:flex}.page-header h1{font-size:14px;font-weight:600}.page-body{flex:1;padding:16px 18px}.muted{color:var(--muted)}.error{color:var(--danger)}.centered{place-items:center;min-height:100%;padding:24px;display:grid}.panel{background:var(--panel);border:1px solid var(--hairline);border-radius:var(--radius-lg)}.auth-panel{gap:14px;width:min(380px,100%);padding:24px 22px;display:grid}.auth-panel h1{letter-spacing:-.01em;font-size:18px;font-weight:600}.auth-panel form,form.auth-panel{gap:14px;display:grid}.field{color:var(--muted);gap:6px;font-size:12px;font-weight:600;display:grid}.field input{background:var(--bg);width:100%;font-size:13px;font-weight:400}.section-title{color:var(--muted);align-items:center;gap:8px;margin-bottom:8px;font-size:12px;font-weight:600;display:flex}.section-title .grow{flex:1}.settings{gap:14px;display:grid}.settings-panel{justify-items:start;gap:14px;width:min(600px,100%);padding:18px;display:grid}.settings-panel .section-title{margin-bottom:0}.settings-rows{justify-self:stretch;gap:6px;display:grid}.settings-row{border-radius:var(--radius);background:var(--card);border:1px solid var(--hairline);align-items:center;gap:8px;padding:6px 6px 6px 10px;display:flex}.settings-row .grow{flex:1;min-width:0;display:grid}.settings-row small{color:var(--muted);overflow-wrap:anywhere;font-size:12px}.settings-row select{padding:4px 8px;font-size:12px}.avatar.pending{background:var(--card-hover);color:var(--muted)}.invite-form{justify-self:stretch;gap:6px;display:flex}.invite-form input{background:var(--bg);flex:1;min-width:0}.settings-panel .field{justify-self:stretch}.notice{border-radius:var(--radius);color:#ffb3b3;white-space:pre-wrap;background:#ff6b6b14;border:1px solid #ff6b6b4d;margin:14px 18px 0;padding:10px 14px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.google-sign-in{background:var(--accent-strong);color:#fff;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:9px 12px;font-weight:600;text-decoration:none;display:flex}.google-sign-in:hover{background:#7c6aff}@media (width<=720px){.rail.expanded{align-items:center;width:52px}.rail.expanded .rail-button{justify-content:center;width:34px;padding:0}.rail.expanded .rail-label{display:none}.rail.expanded .rail-divider{width:22px}.rail-toggle{display:none}}.settings-row .role-label{padding:0 8px}.centered{align-content:center;gap:20px}.brand{letter-spacing:-.01em;align-items:center;gap:10px;font-size:15px;font-weight:600;display:flex}.brand-mark{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-strong) 100%);border-radius:9px;place-items:center;width:30px;height:30px;display:grid;box-shadow:0 4px 14px #6d5af659}.brand-mark svg{fill:#fff;width:16px;height:16px}.auth-panel{width:min(400px,100%);box-shadow:var(--shadow-pop);gap:16px;padding:28px 26px}.auth-heading{gap:6px;display:grid}.auth-heading .muted{line-height:1.55}.auth-panel button.primary,.auth-panel .button-link{padding:9px 12px}.auth-divider{color:var(--faint);align-items:center;gap:10px;font-size:12px;display:flex}.auth-divider:before,.auth-divider:after{content:"";border-top:1px solid var(--hairline);flex:1}.dev-note{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.dev-badge{background:var(--accent-soft);color:var(--accent);border-radius:999px;flex:none;padding:1px 7px;font-size:11px;font-weight:600}.button-link{border:1px solid var(--border);background:var(--raised);color:var(--text);transition:background-color .15s var(--ease);border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:6px 12px;font-weight:500;display:inline-flex}.button-link:hover{background:var(--card-hover)}.button-link.primary{background:var(--accent-strong);color:#fff;border-color:#0000}.button-link.primary:hover{background:#7c6aff}.button-link.quiet{color:var(--muted);background:0 0;border-color:#0000}.button-link.quiet:hover{background:var(--hairline);color:var(--text)}.form-error{color:#ffb3b3;background:#ff6b6b14;border:1px solid #ff6b6b4d;border-radius:8px;justify-self:stretch;align-items:flex-start;gap:8px;padding:8px 12px;font-size:12px;line-height:1.5;display:flex}.form-error svg.icon{color:var(--danger);margin-top:2px}.hint,.field-hint{color:var(--muted);font-size:12px;line-height:1.55}.field-hint{color:var(--faint);justify-self:stretch;margin-top:-8px}.field input:disabled{color:var(--muted);cursor:not-allowed}.form-actions{align-items:center;gap:12px;display:flex}.saved-note{color:var(--done);align-items:center;gap:5px;font-size:12px;font-weight:500;display:inline-flex}.saved-note:not(:empty){animation:fade-in .2s var(--ease)}.page-body{padding:20px 18px 32px}.settings-panel{padding:20px}.settings-row{min-height:42px}.settings-row .row-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.section-title.divided{border-top:1px solid var(--hairline);justify-self:stretch;padding-top:14px}.invite-form button.primary{padding-inline:14px}.menu-panel :is(button,a)>svg.icon{color:var(--muted)}.menu-panel [aria-checked=true]>svg.icon{color:var(--accent)}.menu-panel .menu-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.workspace-mark.small{border-radius:6px;width:20px;height:20px;font-size:10px}.menu-panel .account-note{align-items:center;gap:10px;padding:8px 10px;display:flex}.menu-panel .account-note>div{min-width:0;display:grid}.connection{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:inline-flex}.connection:before{content:"";background:var(--faint);border-radius:50%;width:6px;height:6px}.connection.live:before{background:var(--done)}.connection.offline:before{background:var(--danger)}@media (hover:hover){.rail:not(.expanded) [data-tip]:is(:hover,:focus-visible):after{content:attr(data-tip);z-index:45;background:var(--raised);box-shadow:var(--shadow-pop);color:var(--text);white-space:nowrap;pointer-events:none;animation:tip-in .12s var(--ease) .15s both;border-radius:7px;padding:4px 9px;font-size:12px;font-weight:500;position:absolute;top:50%;left:calc(100% + 12px);translate:0 -50%}.rail:not(.expanded) .rail-anchor>[aria-expanded=true]:after{display:none}}@keyframes tip-in{0%{opacity:0;translate:-3px -50%}}.rail-button:focus-visible{outline-offset:1px}.loading{flex:1;place-items:center;min-height:160px;display:grid}.loading.fill{height:100%}.spinner{border:2px solid var(--border);border-top-color:var(--accent);width:22px;height:22px;animation:spin .8s linear infinite, fade-in .2s var(--ease) .4s both;border-radius:50%}@keyframes spin{to{transform:rotate(360deg)}}#board.board-home{justify-content:center;align-items:center}.empty-hero{text-align:center;justify-items:center;gap:10px;width:min(380px,100%);margin:auto;padding:24px 16px 8vh;display:grid}.empty-hero-icon{background:var(--panel);border:1px solid var(--hairline);width:48px;height:48px;color:var(--accent);border-radius:14px;place-items:center;margin-bottom:4px;display:grid}.empty-hero-icon svg.icon{width:22px;height:22px}.empty-hero h2{letter-spacing:-.01em;font-size:16px;font-weight:600}.empty-hero .muted{line-height:1.55}.empty-hero-actions{justify-content:center;gap:8px;width:100%;margin-top:8px;display:flex}.empty-hero-actions .add-list{width:100%}@media (width<=560px){.page-body{padding:14px 12px 24px}.settings-panel{padding:16px 14px}.settings-row{flex-wrap:wrap;row-gap:4px}.settings-row .grow{flex-basis:calc(100% - 40px)}.settings-row .grow+*{margin-left:28px}.settings-row .grow:has(+.role-label:last-child){flex-basis:0}.settings-row .grow+.role-label:last-child{margin-left:0}.invite-form{flex-wrap:wrap}.invite-form input{flex-basis:100%}.invite-form select{flex:1}.auth-panel{padding:24px 20px}}.board-app{flex-direction:column;flex:1;min-height:0;display:flex}button.inline-text{color:inherit;text-align:left;background:0 0;border:0;border-radius:0;padding:0;transition:none;display:block}button.inline-text:hover{background:0 0}button.inline-text:active{transform:none}.board-header{border-bottom:1px solid var(--hairline);flex:none;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;min-height:54.5px;padding:8px 14px 8px 18px;display:grid}.header-start{align-items:center;min-width:0;display:flex}.board-actions{justify-self:end;align-items:center;gap:6px;display:flex}.board-actions button{color:var(--muted);background:0 0;border-color:#0000;padding:5px 8px}.board-actions button:hover{background:var(--panel);color:var(--text)}.count{font-variant-numeric:tabular-nums;color:var(--faint);font-size:11px;font-weight:600}#members-btn{border-radius:999px;padding:3px 6px}.avatar-stack{align-items:center;display:inline-flex}.avatar-stack .avatar{box-shadow:0 0 0 2px var(--bg)}.avatar-stack .avatar+.avatar,.avatar-stack .more{margin-left:-3px}.avatar-stack .more{background:var(--card-hover);min-width:24px;height:24px;color:var(--text);box-shadow:0 0 0 2px var(--bg);border-radius:999px;justify-content:center;align-items:center;padding:0 5px;font-size:10px;font-weight:600;display:inline-flex;position:relative}#members-btn:hover .avatar-stack .avatar,#members-btn:hover .avatar-stack .more{box-shadow:0 0 0 2px var(--panel)}.members-footer{margin-top:8px}.board-picker{position:relative}.board-picker>button{background:0 0;border-color:#0000;max-width:260px;margin-left:-8px;padding:5px 8px;font-size:14px;font-weight:600}.board-picker>button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.board-picker>button svg.icon{color:var(--muted)}.board-picker>button:hover,.board-picker>button[aria-expanded=true]{background:var(--panel)}.board-menu{z-index:40;background:var(--raised);min-width:240px;max-height:360px;box-shadow:var(--shadow-pop);border-radius:12px;padding:4px;position:absolute;top:calc(100% + 6px);left:-8px;overflow-y:auto}.board-menu :is(button,a){width:100%;color:var(--text);background:0 0;border:0;border-radius:8px;justify-content:flex-start;align-items:center;gap:6px;padding:8px 10px;font-weight:400;display:flex}.board-menu :is(button,a):hover{background:var(--hairline)}.board-menu [aria-checked=true]{color:var(--accent)}.board-menu [aria-checked=true] svg.icon{margin-left:auto}.board-menu hr{border:0;border-top:1px solid var(--hairline);margin:4px 2px}.board-menu :is(button,a).muted{color:var(--muted)}.board-menu-form{padding:4px}.board-name-input{width:260px;margin-left:-8px;font-size:14px;font-weight:600}.empty-state{border-radius:var(--radius);background:var(--panel);border:1px solid var(--hairline);color:var(--muted);white-space:pre-wrap;margin:14px 18px 0;padding:10px 14px}#board{flex:1;align-items:flex-start;gap:14px;min-height:0;padding:16px 18px;display:flex;overflow-x:auto}.column{background:var(--panel);border:1px solid var(--hairline);border-radius:var(--radius-lg);width:284px;max-height:100%;transition:box-shadow .15s var(--ease), opacity .15s var(--ease);flex-direction:column;flex:none;display:flex;position:relative}.column.drop-target{box-shadow:0 0 0 2px var(--accent-soft), inset 0 0 0 1px var(--accent)}.column.list-dragging{opacity:.4}.column.list-drop-before{box-shadow:-3px 0 0 var(--accent)}.column.list-drop-after{box-shadow:3px 0 0 var(--accent)}.column-header{align-items:center;gap:8px;min-height:44px;padding:12px 10px 6px 14px;display:flex}.column-header[draggable=true]{cursor:grab}.column-title{overflow-wrap:anywhere;cursor:text;flex:1;min-width:0;font-size:13px;font-weight:600}.column-count{font-variant-numeric:tabular-nums;color:var(--muted);font-size:13px;font-weight:600}.column-header .icon-btn[aria-expanded=true]{color:var(--text);background:var(--hairline)}.list-menu-anchor{display:contents}.list-menu{z-index:12;background:var(--raised);width:220px;box-shadow:var(--shadow-pop);cursor:default;border-radius:12px;padding:4px;position:absolute;top:40px;right:8px}.list-menu>button{background:0 0;border:0;border-radius:8px;justify-content:flex-start;width:100%;padding:8px 10px;font-weight:400}.list-menu>button:hover:not(:disabled){background:var(--hairline)}.card-menu{z-index:45;position:fixed;top:0;right:auto}.card:has(.icon-btn.archive[aria-expanded=true]) .card-main .icon-btn{opacity:1}.list-menu-head{justify-content:space-between;align-items:center;padding:2px 2px 0;display:flex}.list-menu-head strong{font-size:13px;font-weight:600}.list-menu .confirm{width:calc(100% - 12px);margin:10px 6px 6px}.list-menu>button.danger{color:#ff8f8f;background:#ff6b6b1f;border:1px solid #ff6b6b38;justify-content:center;font-weight:500}.list-menu>button.danger:hover:not(:disabled){color:#ffa3a3;background:#ff6b6b33;border-color:#ff6b6b5c}.list-menu>button.danger:focus-visible{outline-color:#ff6b6b99}.cards{overscroll-behavior:contain;scrollbar-width:none;flex-direction:column;gap:6px;min-height:8px;padding:4px 8px;display:flex;overflow-y:auto}.cards::-webkit-scrollbar{width:0;display:none}.card{--card-tint:var(--card);background:var(--card-tint);border:1px solid var(--hairline);border-radius:var(--radius);cursor:pointer;box-shadow:var(--shadow-card);transition:border-color .15s var(--ease), background-color .15s var(--ease), opacity .15s var(--ease);padding:10px 10px 10px 12px;position:relative}.card:hover{border-color:#ffffff24}.card.dragging{opacity:.4}.card-main{align-items:flex-start;display:flex;position:relative}.card-text{overflow-wrap:anywhere;flex:1;min-width:0;line-height:1.45}.card button.card-text,button.check-text{font-weight:400}.card-main input[type=checkbox]{opacity:0;transition:opacity .15s var(--ease), transform .2s var(--ease), background-color .15s var(--ease), border-color .15s var(--ease);margin:0;position:absolute;top:1.5px;left:0;transform:scale(.6)}.card .card-main .card-text{transition:transform .2s var(--ease);margin-right:25px}.card:hover .card-main input[type=checkbox],.card-main:focus-within input[type=checkbox],.card.done .card-main input[type=checkbox]{opacity:1;transform:none}.card:hover .card-main .card-text,.card-main:focus-within .card-text,.card.done .card-main .card-text{transform:translate(25px)}.card.done .card-text{color:var(--muted)}.card-main .icon-btn{opacity:0;width:22px;height:22px;margin:-3px -4px -3px 0}.card:hover .card-main .icon-btn,.card:focus-within .card-main .icon-btn{opacity:1}@media (hover:none){.card-main .icon-btn,.card-main input[type=checkbox]{opacity:1;transform:none}.card .card-main .card-text{transform:translate(25px)}}.add-card{padding:4px 8px 8px}.add-card textarea{width:100%;color:var(--text);background:0 0;border-color:#0000;border-radius:8px}.add-card textarea::placeholder{color:var(--muted)}.add-card textarea:hover{background:var(--hairline)}.add-card textarea:focus{background:var(--card);border-color:var(--accent)}.add-list{flex:none;width:284px}.add-list input{border:1px dashed var(--border);border-radius:var(--radius-lg);background:0 0;width:100%;padding:12px 14px}.add-list input::placeholder{color:var(--muted)}.add-list input:hover{background:var(--panel)}.add-list input:focus{background:var(--panel);border-style:solid}.edit-input{background:var(--bg);width:100%}.modal-body:empty{padding-bottom:12px}.modal-body.archive{gap:6px}.modal.archive-modal{flex-direction:column;height:min(640px,85vh);display:flex;overflow:hidden}.archive-modal .modal-header{flex-shrink:0}.archive-modal .modal-body{min-height:0;overflow-y:auto}.archive-banner{text-align:center;color:#ffd28a;background:#f5b83d1a;border-bottom:1px solid #f5b83d33;border-radius:16px 16px 0 0;padding:8px 16px;font-size:12px}.archive-week{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:18px 0 6px;font-size:11px;font-weight:600}.archive-week:first-child{margin-top:4px}.archive-row{border-radius:var(--radius);background:var(--card);border:1px solid var(--hairline);flex-shrink:0;align-items:center;gap:8px;padding:6px 6px 6px 10px;display:flex}.archive-row .grow{overflow-wrap:anywhere;flex:1;min-width:0}.archive-row button.grow{text-align:left;white-space:normal;background:0 0;border:0;justify-content:flex-start;padding:4px 0;font-weight:400}.archive-row button.grow:hover{color:var(--accent)}.archive-row summary{cursor:pointer;padding:4px 0}.archive-row details p{color:var(--muted);margin:4px 0 4px 14px}.archive-row button:not(.grow){padding:4px 10px;font-size:12px}.members-row.empty{color:var(--faint);padding:4px 2px}.column.colored{--card:color-mix(in srgb, var(--list-color) 5%, var(--card-neutral));background:color-mix(in srgb, var(--list-color) 10%, var(--panel));border-color:color-mix(in srgb, var(--list-color) 28%, transparent)}.list-colors{padding:10px 6px 6px}.list-colors .custom-color-button{margin-top:10px}:is(.popover,.color-editor) input[type=checkbox]{border-radius:4px}:is(.popover,.color-editor) input[type=checkbox]:checked{background:var(--accent-strong);border-color:var(--accent-strong)}:is(.popover,.color-editor) input[type=checkbox]:checked:after{border-color:#fff}.badge.checklist-toggle{color:inherit;font:inherit;background:0 0;border:0;border-radius:6px;gap:4px;margin:-3px -5px;padding:3px 5px;line-height:1}.badge.checklist-toggle:hover,.badge.checklist-toggle[aria-expanded=true]{background:var(--hairline);color:var(--text)}.badge.checklist-toggle.complete{color:var(--done)}.card-checklist{border-top:1px solid var(--hairline);cursor:default;flex-direction:column;gap:1px;margin-top:10px;padding-top:8px;display:flex}.card-checklist-title{color:var(--muted);margin:6px 4px 2px;font-size:11px;font-weight:600}.card-checklist-title:first-child{margin-top:0}.card-check{cursor:pointer;border-radius:6px;align-items:flex-start;gap:8px;padding:4px;font-size:12.5px;line-height:1.4;display:flex}.card-check:hover{background:var(--hairline)}.card-check span{overflow-wrap:anywhere;min-width:0}.card-check.done span{color:var(--muted)}.card-check input[type=checkbox]{width:14px;height:14px;margin-top:2px}.card-check input[type=checkbox]:checked:after{width:3px;height:6px;top:1px;left:3.5px}.card-badges{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;font-size:11.5px;display:flex}.card-members{align-items:center;margin-left:auto;display:inline-flex}.card-members .avatar+.avatar{margin-left:-3px}.card-members .avatar{box-shadow:0 0 0 2px var(--card-tint)}.badge{align-items:center;gap:4px;line-height:1;display:inline-flex}.badge.complete{color:var(--done)}.date-badge{background:var(--hairline);border-radius:6px;max-width:100%;padding:3px 7px}.date-details{color:var(--text);flex-wrap:wrap;gap:8px;display:flex}.date-details .date-badge{padding:5px 9px;font-size:12px}[data-due-status=upcoming]{--date-bg:#2a2c38;--date-text:#d7d9e4}[data-due-status=soon]{--date-bg:#f0c45c29;--date-text:#ecca7c}[data-due-status=overdue]{--date-bg:#ec8c542b;--date-text:#f0a67a}[data-due-status=overdue-long]{--date-bg:#e5605e2e;--date-text:#f19a98}[data-due-status=complete]{--date-bg:#2fb57a;--date-text:#04140c}.date-badge[data-due-status],.calendar-event[data-due-status]{background:var(--date-bg);color:var(--date-text);border-color:#0000}.modal.colored:before{content:"";background:var(--card-color);border-radius:16px 16px 0 0;height:6px;display:block}.modal-split{align-items:flex-start;display:flex}.modal-split .modal-body{flex:1;min-width:0}.modal-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.modal-actions button{background:var(--raised);border-color:var(--hairline);color:var(--text);padding:6px 11px}.modal-actions button:hover{background:var(--card-hover)}.modal-actions button svg.icon{color:var(--muted)}.modal-actions .pop-anchor>button[aria-expanded=true]{background:var(--accent-soft);color:var(--accent)}.modal-actions .pop-anchor>button[aria-expanded=true] svg.icon{color:var(--accent)}.card-priority{color:var(--muted);align-items:center;gap:8px;margin-left:auto;font-size:12px;font-weight:500;display:inline-flex}.card-priority input{font-variant-numeric:tabular-nums;width:76px;padding:6px 9px}.card-priority input:invalid{border-color:var(--danger)}.members-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.member-chip{background:var(--card);border:1px solid var(--hairline);border-radius:999px;align-items:center;gap:7px;padding:3px;display:inline-flex}.member-chip .icon-btn{border-radius:50%;width:20px;height:20px}.add-member{border:1px dashed var(--border);width:28px;height:28px;color:var(--muted);background:0 0;border-radius:50%;padding:0}.add-member:hover,.add-member[aria-expanded=true]{border-style:solid;border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.members-row.empty,.members-row .empty{color:var(--faint)}.members-row.empty{padding:4px 2px}.pop-anchor{position:relative}.popover{z-index:10;background:var(--raised);width:264px;box-shadow:var(--shadow-pop);border-radius:12px;padding:12px;position:absolute;top:calc(100% + 6px);left:0}.popover h3{color:var(--muted);margin:0 0 12px;font-size:12px;font-weight:600}.popover label{color:var(--muted);margin-bottom:6px;font-size:12px;display:block}:is(.popover,.color-editor) input{background:var(--bg);width:100%}:is(.popover,.color-editor) .pop-actions{gap:6px;margin-top:12px;display:flex}:is(.popover,.color-editor) .pop-actions .primary{flex:1}.swatches{grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;display:grid}.swatch{aspect-ratio:1;border:0;border-radius:7px;width:100%;height:auto;padding:0;box-shadow:inset 0 0 0 1px #ffffff1f}.swatch-label{color:var(--muted);margin:14px 0 8px;font-size:12px;font-weight:600}.swatch:hover{transform:scale(1.06)}.swatch.selected{outline:2px solid var(--text);outline-offset:2px}.swatch.clear{color:var(--muted);box-shadow:inset 0 0 0 1px var(--border);background:0 0}.custom-color-button{width:100%;margin-top:12px}.color-plane{cursor:crosshair;touch-action:none;outline-offset:3px;border-radius:8px;height:140px;position:relative}.color-plane:focus-visible{outline:2px solid var(--accent)}.color-cursor{pointer-events:none;border:2px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 2px 1px #00000080}.color-editor input.color-hue{appearance:none;cursor:pointer;height:12px;box-shadow:none;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border:0;border-radius:99px;margin:14px 0;padding:0}.color-hue::-webkit-slider-thumb{appearance:none;background:0 0;border:2px solid #fff;border-radius:50%;width:16px;height:16px;box-shadow:0 0 2px 1px #00000080}.color-value{align-items:center;gap:8px;display:flex}.color-preview{border-radius:8px;flex:none;width:32px;height:32px;box-shadow:inset 0 0 0 1px #ffffff1f}.color-value input{min-width:0;font-family:ui-monospace,Cascadia Mono,monospace}.color-editor .color-save{color:var(--text);cursor:pointer;align-items:center;gap:8px;margin:14px 0 0;font-size:13px;display:flex}.color-editor .color-save input[type=checkbox]{width:16px;height:16px;margin:0}.popover.dates-popover{width:284px;left:auto;right:0}.dates-popover .date-option{color:var(--text);cursor:pointer;align-items:center;gap:8px;margin:12px 0 6px;font-size:13px;display:flex}.dates-popover h3+.date-option{margin-top:0}.dates-popover .date-option input[type=checkbox]{width:16px;height:16px;margin:0}.dates-popover input[type=date],.dates-popover input[type=time]{min-width:0;padding:6px 9px}.dates-popover input:disabled{opacity:.4}.dates-popover .date-time-label{color:var(--text);margin:12px 0 0;font-size:13px}.dates-popover .date-time-label input{margin-top:6px}.date-error{color:var(--danger);margin:10px 0 0;font-size:12px}.member-list{flex-direction:column;gap:2px;max-height:200px;margin-top:8px;display:flex;overflow-y:auto}.member-row{text-align:left;background:0 0;border:0;border-radius:7px;justify-content:flex-start;align-items:center;gap:9px;width:100%;padding:6px 8px;font-weight:400;display:flex}.member-row:hover{background:var(--hairline)}.member-row .check{color:var(--accent);margin-left:auto;display:inline-flex}.member-list .members-row.empty{padding:6px 8px}.checklist{margin-bottom:18px}.checklist:last-child{margin-bottom:0}.checklist>.section-title{color:var(--text);margin-bottom:4px;font-size:13px}.checklist>.section-title svg.icon{color:var(--muted)}.checklist-title{cursor:text;overflow-wrap:anywhere;flex:1;min-width:0;font-weight:600}.checklist>.section-title .link-btn{opacity:0}.checklist>.section-title:hover .link-btn,.checklist>.section-title:focus-within .link-btn,.checklist>.section-title .link-btn.danger-armed{opacity:1}@media (hover:none){.checklist>.section-title .link-btn{opacity:1}}.progress{align-items:center;gap:10px;margin:6px 0 8px;display:flex}.progress-pct{color:var(--muted);font-variant-numeric:tabular-nums;flex:none;width:32px;font-size:11px}.bar{background:var(--card-hover);border-radius:999px;flex:1;height:6px;overflow:hidden}.bar i{background:var(--accent-strong);height:100%;transition:width .3s var(--ease), background-color .2s var(--ease);border-radius:999px;display:block}.bar i.complete{background:var(--done)}.check-row{border-radius:8px;align-items:flex-start;gap:10px;padding:6px 8px;display:flex}.check-row:hover{background:var(--hairline)}.check-row .icon-btn{opacity:0;width:22px;height:22px;margin:-2px 0}.check-row:hover .icon-btn,.check-row:focus-within .icon-btn{opacity:1}@media (hover:none){.check-row .icon-btn{opacity:1}}.check-row.dragging,.checklist.dragging{opacity:.4}.check-row.drop-before,.checklist.drop-before{box-shadow:0 -2px 0 var(--accent)}.check-row.drop-after,.checklist.drop-after{box-shadow:0 2px 0 var(--accent)}.check-text{overflow-wrap:anywhere;cursor:text;flex:1;min-width:0}.check-row.done .check-text{color:var(--muted);text-decoration:line-through;-webkit-text-decoration-color:var(--faint);text-decoration-color:var(--faint)}.checklist>.link-btn{margin:4px 0 0 2px}.add-item-form{flex-direction:column;gap:8px;padding:6px 8px;display:flex}.add-item-form .row{gap:6px;display:flex}.check-item-menu{z-index:70;background:var(--raised);box-shadow:var(--shadow-pop);border-radius:10px;padding:4px;position:fixed}.check-item-menu button{background:0 0;border:0;border-radius:7px;padding:7px 14px;font-weight:400}.check-item-menu button:focus{outline:none}.check-item-menu button:hover:not(:disabled),.check-item-menu button:focus-visible{background:var(--hairline)}.view-switch{background:var(--panel);border:1px solid var(--hairline);border-radius:10px;gap:2px;padding:3px;display:flex}.view-switch button{color:var(--muted);background:0 0;border:0;border-radius:7px;padding:5px 12px}.view-switch button:hover{color:var(--text);background:0 0}.view-switch button[aria-pressed=true]{background:var(--card-hover);color:var(--text);box-shadow:var(--shadow-card)}.view-toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.view-toolbar .push{margin-left:auto}#priority>.view-toolbar{margin-bottom:14px}#priority{flex-direction:column;flex:1;min-height:0;padding:16px 18px;display:flex;overflow-y:auto}.priority-layout-switch{background:var(--panel);border:1px solid var(--hairline);border-radius:10px;gap:2px;padding:3px;display:flex}.priority-layout-switch button{color:var(--muted);background:0 0;border:0;border-radius:7px;padding:4px 11px}.priority-layout-switch button:hover{color:var(--text);background:0 0}.priority-layout-switch button[aria-pressed=true]{background:var(--card-hover);color:var(--text)}#priority-completed{border-color:var(--hairline);color:var(--muted);background:0 0;border-radius:999px;gap:7px;padding:4px 11px}#priority-completed:hover{color:var(--text)}#priority-completed[aria-checked=true]{background:var(--accent-soft);color:var(--accent);border-color:#0000}#priority-completed .count{color:inherit;opacity:.8}.member-filter{align-items:center;gap:2px;display:flex}.member-filter input[type=checkbox]{opacity:0;cursor:pointer;border:0;width:100%;height:100%;margin:0;position:absolute;inset:0}.member-filter label{cursor:pointer;transition:opacity .15s var(--ease), filter .15s var(--ease);border-radius:50%;padding:2px;display:inline-flex;position:relative}.member-filter label:has(input:not(:checked)){opacity:.35;filter:grayscale()}.member-filter label:hover{opacity:1;filter:none}.member-filter label:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:0}.member-filter .avatar.none{color:var(--muted);box-shadow:inset 0 0 0 1.5px var(--faint);background:0 0}.member-filter .more-members{background:var(--card-hover);width:24px;height:24px;color:var(--text);border:0;border-radius:50%;margin-left:2px;padding:0;font-size:10px;font-weight:600}.member-filter .reset{margin-left:4px;padding:4px 8px}.priority-columns{flex:1;grid-template-columns:minmax(0,3fr) minmax(220px,2fr);gap:14px;min-height:0;display:grid}.priority-columns.by-member{grid-template-columns:none;grid-auto-columns:minmax(240px,1fr);grid-auto-flow:column;padding-bottom:6px;overflow-x:auto}.priority-columns.by-member .priority-column{min-width:0}.priority-column{border:1px solid var(--hairline);border-radius:var(--radius-lg);background:var(--panel);min-height:0;transition:box-shadow .15s var(--ease);flex-direction:column;display:flex}.priority-column h3{margin:0;padding:13px 14px 8px;font-size:13px;font-weight:600}.priority-list{scrollbar-width:none;flex:1;min-height:120px;padding:2px 8px 8px;overflow-y:auto}.priority-list::-webkit-scrollbar{width:0;display:none}.priority-column.drop-column{box-shadow:0 0 0 2px var(--accent-soft), inset 0 0 0 1px var(--accent)}@media (width<=700px){.priority-columns{flex:none;grid-template-columns:minmax(0,1fr)}.priority-list{max-height:50vh}}.priority-row{cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:pan-y;text-align:left;background:var(--card);border:1px solid var(--hairline);border-radius:var(--radius);width:100%;box-shadow:var(--shadow-card);justify-content:flex-start;align-items:center;gap:8px;margin-bottom:6px;padding:9px 11px;font-weight:400;line-height:1.4;display:flex;position:relative}.priority-row:hover{background:var(--card);border-color:#ffffff24}.priority-row.dragging{opacity:.5;outline:2px solid var(--accent)}body.priority-dragging,body.priority-dragging *{cursor:grabbing!important}.priority-row.drop-before:before,.priority-row.drop-after:after{content:"";background:var(--accent);border-radius:2px;height:2px;position:absolute;left:0;right:0}.priority-row.drop-before:before{top:-5px}.priority-row.drop-after:after{bottom:-5px}.priority-rank{background:var(--accent-soft);color:var(--accent);font-variant-numeric:tabular-nums;pointer-events:none;border-radius:999px;padding:1px 6px;font-size:10.5px;font-weight:600;line-height:1.4;position:absolute;bottom:8px;right:9px}.priority-copy{overflow-wrap:anywhere;flex:1;min-width:0}.priority-copy small{color:var(--muted);margin-top:3px;padding-right:44px;font-size:11px;display:block}.priority-row.done .priority-name{color:var(--muted);text-decoration:line-through}.priority-members{float:right;align-items:center;height:18px;margin:0 0 2px 6px;display:inline-flex}.priority-members .avatar.small{width:18px;height:18px;font-size:8px}.priority-members .avatar+.avatar{box-shadow:0 0 0 2px var(--card);margin-left:-4px}.priority-row.shared-card{border-color:#8b7cff66}.priority-row.shared-card:hover{border-color:var(--accent)}#calendar{flex-direction:column;flex:1;gap:14px;min-height:0;padding:16px 18px;display:flex}#calendar-controls{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid}#calendar-controls .push{justify-self:end}#calendar-month{letter-spacing:-.01em;margin:0;font-size:17px;font-weight:600}.calendar-navigation{align-items:center;gap:2px;display:flex}.calendar-navigation button{background:0 0;border-color:#0000;padding:5px 10px}.calendar-navigation button:hover{background:var(--panel)}.calendar-navigation .icon-btn{width:30px;height:30px}#calendar-unscheduled-toggle{border-color:var(--hairline);background:0 0;padding:5px 10px}#calendar-unscheduled-toggle[aria-expanded=true]{background:var(--accent-soft);color:var(--accent);border-color:#0000}.calendar-workspace{flex:1;gap:14px;min-height:0;display:flex;position:relative}.calendar-scroll{border:1px solid var(--hairline);border-radius:var(--radius-lg);background:var(--panel);flex-direction:column;flex:1;min-width:0;display:flex;overflow:auto hidden}.calendar-weekdays{z-index:3;border-bottom:1px solid var(--hairline);flex:none;grid-template-columns:repeat(7,minmax(0,1fr));min-width:560px;display:grid}.calendar-weekdays span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;padding:9px 10px;font-size:11px;font-weight:600}#calendar-grid{flex:1;grid-template-rows:repeat(6,minmax(0,1fr));min-height:0;display:grid}.calendar-week{border-bottom:1px solid var(--hairline);grid-template-columns:repeat(7,minmax(0,1fr));min-width:560px;min-height:0;padding-bottom:1px;display:grid;position:relative;overflow:hidden}.calendar-week:last-child{border-bottom:0}.calendar-day{border-right:1px solid var(--hairline);min-width:0;padding:3px 6px}.calendar-day:last-of-type{border-right:0}.calendar-day.outside{color:var(--faint);background:#0000002e}.calendar-day time{font-variant-numeric:tabular-nums;border-radius:999px;justify-content:center;align-items:center;min-width:22px;padding:0 5px;font-size:12px;display:inline-flex}.calendar-day.today time{background:var(--accent-strong);color:#fff;font-weight:600}.calendar-day.drop-date{background:var(--accent-soft);box-shadow:inset 0 0 0 1.5px var(--accent)}.calendar-event{z-index:1;background:var(--card-hover);text-align:left;cursor:grab;border:0;border-radius:6px;justify-content:flex-start;align-items:center;gap:5px;min-width:0;min-height:0;margin:1px 4px;padding:1px 7px;font-size:11.5px;font-weight:500;display:flex}.calendar-event .card-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.calendar-event:hover{filter:brightness(1.1)}.calendar-event:focus-visible{outline-offset:1px}.calendar-event.done .card-text{text-decoration:line-through}.calendar-event.dragging{opacity:.4}.calendar-event.continues-before{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:0}.calendar-event.continues-after{border-top-right-radius:0;border-bottom-right-radius:0;margin-right:0}.calendar-more{z-index:2;min-width:0;min-height:0;color:var(--accent);white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;border-radius:5px;justify-content:flex-start;margin:0 4px;padding:0 6px;font-size:11px;line-height:1;display:block;overflow:hidden}.calendar-more[data-due-status],.calendar-agenda-card[data-due-status]{background:var(--date-bg);color:var(--date-text)}.calendar-agenda .modal-body{gap:6px;display:flex}.calendar-agenda-card{cursor:pointer}#calendar-unscheduled{background:var(--panel);border:1px solid var(--hairline);border-radius:var(--radius-lg);flex:none;width:260px;padding:14px 12px;overflow-y:auto}#calendar-unscheduled h3{margin:0 2px 10px;font-size:13px;font-weight:600}.unscheduled-card,.calendar-agenda-card{text-align:left;background:var(--card-tint,var(--card));border:1px solid var(--hairline);border-radius:var(--radius);cursor:grab;width:100%;margin:0 0 6px;padding:9px 11px;display:block}.calendar-agenda-card{cursor:pointer;margin:0}.unscheduled-card:hover{background:var(--card-tint,var(--card));border-color:#ffffff24}.color-dot{border-radius:50%;flex:none;width:7px;height:7px;box-shadow:0 0 0 1.5px #00000040}.unscheduled-card .card-text,.calendar-agenda-card .card-text{white-space:normal;display:block}.unscheduled-card small,.calendar-agenda-card small{color:var(--muted);margin-top:3px;font-weight:400;display:block}.calendar-agenda-card[data-due-status] small{color:inherit;opacity:.75}@media (width<=900px){#calendar-unscheduled{z-index:4;max-width:90%;box-shadow:var(--shadow-pop);position:absolute;top:0;bottom:0;right:0}}@media (height<=650px){#calendar{gap:8px;padding:10px 14px}.calendar-weekdays span{padding:5px 10px}}.calendar-app-title{margin:0;font-size:14px;font-weight:600}.modal.with-images{width:820px}.attachments{flex:none;width:180px;padding:4px 22px 22px 0}.attachments .section-title{margin-top:0}.attachment-grid{flex-direction:column;gap:10px;display:flex}.attachment{position:relative}.attachment button.open{border-radius:var(--radius);border-color:var(--hairline);background:var(--card);width:100%;padding:0;line-height:0;display:block;overflow:hidden}.attachment img{object-fit:cover;width:100%;height:100px;display:block}.attachment .remove{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;background:#0009;position:absolute;top:6px;right:6px}.attachment:hover .remove,.attachment .remove:focus-visible,.attachment .remove.danger-armed{opacity:1}.attachment .remove:hover{background:#000c}.attachment .name{color:var(--muted);overflow-wrap:anywhere;margin-top:4px;font-size:11px}.viewer{z-index:60;cursor:zoom-out;background:#000000d9;align-items:center;padding:24px}.viewer img{border-radius:var(--radius);max-width:100%;max-height:calc(100vh - 48px)}.calendar-board-filter{background:var(--raised);border-color:var(--border);cursor:pointer;max-width:220px;padding:6px 10px;font-size:13px}@media (width<=720px){.board-header{grid-template-columns:minmax(0,1fr) auto;row-gap:8px}.board-header>div:empty{display:none}.board-header>.view-switch{grid-area:2/1/auto/-1;justify-self:start}#calendar-controls{grid-template-columns:minmax(0,1fr) auto;row-gap:6px}#calendar-month{white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}#calendar-controls .calendar-navigation{grid-area:2/1/auto/-1;justify-self:start;margin-left:-6px}#calendar-controls .push{grid-area:1/2}}.empty-hero .add-list input{text-align:center}.empty-hero .add-list input:focus{text-align:left}