@font-face{font-family:"Brown";src:url("../fonts/BrownStd-Regular.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Brown";src:url("../fonts/BrownStd-Bold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}:root{--color-primary: #000;--color-primary-hover: #000;--color-primary-text: #000000;--color-white: #ffffff;--color-black: #000000;--grey-500: #828ca2;--color-text: #000;--color-text-muted: #888888;--color-headers: #000;--status-color: #000;--tag-high-bg: rgba(239, 68, 68, 0.18);--tag-high-color: #f87171;--tag-medium-bg: rgba(245, 158, 11, 0.18);--tag-medium-color: #fbbf24;--tag-low-bg: rgba(34, 197, 94, 0.18);--tag-low-color: #4ade80;--pg-bg: #f2f4f8;--surface-1: #fff;--surface-2: #eee;--surface-3: #999;--surface-raised: #ccc;--col-divider: rgba(0, 0, 0, 0.07);--glow-color: rgba(79, 209, 197, 0.15);--glow-spread: 120px;--border-color: #333333;--border-color-light: #444444;--input-border-color: rgba(0, 0, 0, 0.1);--navbar-blur: 10px;--font-sans: "Brown", system-ui, -apple-system, sans-serif;--border-radius: 10px;--border-radius-sm: 8px;--border-radius-pill: 9999px;--space-xs: clamp(0.88rem, calc(0.85rem + 0.11vw), 0.94rem);--space-s: clamp(1.13rem, calc(1.08rem + 0.22vw), 1.25rem);--space-m: clamp(1.69rem, calc(1.62rem + 0.33vw), 1.88rem);--space-l: clamp(2.25rem, calc(2.16rem + 0.43vw), 2.5rem);--space-xl: clamp(3.38rem, calc(3.24rem + 0.65vw), 3.75rem);--space-2xl: clamp(4.5rem, calc(4.33rem + 0.87vw), 5rem);--space-3xl: clamp(6.75rem, calc(6.49rem + 1.3vw), 7.5rem)}:root{--step--2: clamp(0.7813rem, 0.7736rem + 0.0341vw, 0.8rem);--step--1: clamp(0.9375rem, 0.9119rem + 0.1136vw, 1rem);--step-0: clamp(1.125rem, 1.0739rem + 0.2273vw, 1.25rem);--step-1: clamp(1.35rem, 1.2631rem + 0.3864vw, 1.5625rem);--step-2: clamp(1.62rem, 1.4837rem + 0.6057vw, 1.9531rem);--step-3: clamp(1.944rem, 1.7405rem + 0.9044vw, 2.4414rem);--step-4: clamp(2.3328rem, 2.0387rem + 1.3072vw, 3.0518rem);--step-5: clamp(2.7994rem, 2.384rem + 1.8461vw, 3.8147rem)}*,*::after,*::before{box-sizing:border-box}*{margin:0}body,html{height:100%}body{line-height:1.5;-webkit-font-smoothing:antialiased}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.25);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1000;opacity:0;visibility:hidden;transition:all .25s ease;display:flex;align-items:center;justify-content:center;padding:var(--space-m)}.modal.is-visible{opacity:1;visibility:visible}.modal.is-visible .modal--wrap{transform:translateY(0);opacity:1}.modal--wrap{background-color:#fff;width:100%;max-width:460px;border-radius:var(--border-radius);border:1px solid rgba(0,0,0,.07);box-shadow:0 20px 60px rgba(0,0,0,.12);padding:var(--space-l);position:relative;transform:translateY(16px);opacity:0;transition:all .3s cubic-bezier(0.16, 1, 0.3, 1)}.modal--header{margin-bottom:var(--space-m)}.modal--header h2{margin:0;font-size:var(--step-1);color:var(--color-headers);font-weight:700}.modal--close{position:absolute;top:16px;right:16px;width:30px;height:30px;background:rgba(0,0,0,0);border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,0);transition:all .2s ease;padding:0 !important;color:var(--color-headers)}.modal--close img,.modal--close svg{width:12px;height:12px;opacity:.35;display:block}.modal--close:hover{background-color:var(--surface-2);border-color:rgba(0,0,0,.1)}.modal--close:hover img,.modal--close:hover svg{opacity:.7}.task-detail .modal--wrap{max-width:640px}.task-detail #form--task-detail>.form-field:last-of-type{margin-bottom:0}.task-detail #form--task-detail>.btn{margin-top:var(--space-m)}.form-row{display:flex;gap:var(--space-s)}.form-row .form-field{flex:1}.form-field>label,.form-field--label{display:block;font-size:var(--step--1);color:var(--color-text-muted);margin-bottom:6px;font-weight:500}.pill-group{display:flex;flex-wrap:wrap;gap:6px}.pill{position:relative;display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:1px solid var(--input-border-color);border-radius:var(--border-radius-pill);background-color:var(--surface-2);color:var(--color-text-muted);font-size:var(--step--1);font-weight:500;line-height:1.2;cursor:pointer;transition:all .15s ease;user-select:none}.pill input{position:absolute;opacity:0;width:0;height:0;margin:0;pointer-events:none}.pill:hover{border-color:rgba(0,0,0,.18);color:var(--color-headers)}.pill:focus-within{box-shadow:0 0 0 3px rgba(0,0,0,.07)}.pill:has(input:checked){background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.pill-group--priority .pill:not(.pill--none)::before{content:"";width:7px;height:7px;border-radius:50%;background-color:currentColor;opacity:.55}.pill-group--priority .pill:has(input:checked)::before{opacity:1}.pill--low:has(input:checked){background-color:rgba(34,197,94,.14);border-color:rgba(34,197,94,.45);color:#15803d}.pill--medium:has(input:checked){background-color:rgba(245,158,11,.16);border-color:rgba(245,158,11,.5);color:#b45309}.pill--high:has(input:checked){background-color:rgba(239,68,68,.14);border-color:rgba(239,68,68,.45);color:#b91c1c}.editor-toolbar{display:flex;align-items:center;gap:2px;margin-bottom:0;padding:6px 8px;background-color:var(--surface-2);border:1px solid var(--input-border-color);border-top-left-radius:var(--border-radius-sm);border-top-right-radius:var(--border-radius-sm)}.editor-toolbar--btn{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:26px;padding:0 8px;border-radius:5px;background:rgba(0,0,0,0);color:var(--color-text-muted);font-size:var(--step--2);font-family:var(--font-sans);line-height:1;transition:all .15s ease}.editor-toolbar--btn:hover{background-color:var(--color-white);color:var(--color-headers);box-shadow:0 1px 2px rgba(0,0,0,.08)}.editor-toolbar--btn-bold{font-weight:700}.editor-toolbar--btn-italic{font-style:italic}.editor-toolbar--btn-strike{text-decoration:line-through}.editor-toolbar--btn-code{font-family:monospace}.editor-toolbar--btn-quote{font-size:var(--step-0);font-weight:700}.editor-toolbar--divider{width:1px;height:18px;background-color:var(--color-text-muted);opacity:.25;margin:0 4px}#task-detail-description{resize:vertical;min-height:120px;border-top:none;border-top-left-radius:0;border-top-right-radius:0}.underlay{display:none}.trash-modal .modal--wrap{max-width:620px}.trash-modal--header{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px}.trash-modal--header h2{margin-right:4px}.trash-modal--header #btn-empty-trash{margin-left:auto}.trash-modal--subtitle{font-size:var(--step--2);color:var(--color-text-muted);margin:0;flex-basis:100%;order:1}.trash-list{display:flex;flex-direction:column;gap:8px;max-height:55vh;overflow-y:auto;padding-right:4px}.trash-empty{font-size:var(--step--1);color:var(--color-text-muted);text-align:center;padding:var(--space-m) 0;margin:0}.trash-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-s);padding:10px 12px;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background-color:var(--surface-2)}.trash-item--info{display:flex;flex-direction:column;gap:3px;min-width:0}.trash-item--title{font-size:var(--step--1);color:var(--color-headers);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trash-item--meta{font-size:var(--step--2);color:var(--color-text-muted)}.trash-item--actions{display:flex;gap:6px;flex-shrink:0}.btn-small{padding:6px 14px;font-size:var(--step--2)}.btn-danger{background-color:rgba(0,0,0,0);color:#dc2626;border:1px solid rgba(220,38,38,.3);font-weight:500;padding:8px 16px;font-size:var(--step--2)}.btn-danger:hover{background-color:rgba(220,38,38,.08);border-color:rgba(220,38,38,.6);box-shadow:none;transform:none;color:#dc2626}.btn-suggestions{position:relative;display:flex;align-items:center;gap:7px;padding:7px 14px 7px 12px;border:1px solid var(--input-border-color);border-radius:var(--border-radius-pill);background-color:var(--surface-2);color:var(--color-headers);cursor:pointer;transition:all .15s ease}.btn-suggestions svg{width:15px;height:15px;flex-shrink:0}.btn-suggestions:hover{border-color:rgba(0,0,0,.25);background-color:var(--surface-1)}.btn-suggestions--count{font-size:var(--step--2);font-weight:700;line-height:1;min-width:18px;padding:3px 5px;border-radius:var(--border-radius-pill);background-color:var(--color-primary);color:var(--color-white);text-align:center}.suggestions-modal .modal--wrap{max-width:620px}.suggestions-modal--header{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px}.suggestions-modal--header h2{margin-right:4px}.suggestions-modal--header #btn-dismiss-all-suggestions{margin-left:auto}.suggestions-modal--subtitle{font-size:var(--step--2);color:var(--color-text-muted);margin:0;flex-basis:100%;order:1}.suggestions-list{display:flex;flex-direction:column;gap:8px;max-height:55vh;overflow-y:auto;padding-right:4px}.suggestions-empty{font-size:var(--step--1);color:var(--color-text-muted);text-align:center;padding:var(--space-m) 0;margin:0}.suggestion-item{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-s);padding:12px;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background-color:var(--surface-2)}.suggestion-item--info{display:flex;flex-direction:column;gap:4px;min-width:0}.suggestion-item--title{font-size:var(--step--1);color:var(--color-headers)}.suggestion-item--desc{font-size:var(--step--2);color:var(--color-text);margin:0}.suggestion-item--meta,.suggestion-item--source{font-size:var(--step--2);color:var(--color-text-muted)}.suggestion-item--meta a,.suggestion-item--source a{color:inherit;text-decoration:underline}.suggestion-item--actions{display:flex;flex-direction:column;gap:6px;flex-shrink:0}.settings-modal .modal--wrap{max-width:560px}.settings-section{display:flex;flex-direction:column;gap:var(--space-s)}.settings-toggle{display:flex;align-items:flex-start;gap:12px}.settings-toggle--text{display:flex;flex-direction:column;gap:3px}.settings-toggle--text strong{font-size:var(--step--1);color:var(--color-headers)}.settings-toggle--text span{font-size:var(--step--2);color:var(--color-text-muted)}.settings-subsection{display:flex;flex-direction:column;gap:var(--space-s);padding-left:50px}.settings-subsection[hidden]{display:none}.settings-relay{padding:12px;border:1px solid var(--input-border-color);border-radius:var(--border-radius-sm);background-color:var(--surface-2);display:flex;flex-direction:column;gap:var(--space-xs)}.settings-relay--intro{font-size:var(--step--2);color:var(--color-text-muted);margin:0}.settings-relay--intro code{font-size:.95em}.settings-relay--intro a{color:var(--color-headers)}.copy-field{display:flex;gap:6px}.copy-field input{flex:1;min-width:0;font-size:var(--step--2)}.copy-field .btn{flex-shrink:0;white-space:nowrap}.form-field--hint{font-size:var(--step--2);color:var(--color-text-muted);margin:6px 0 0}.settings-status{font-size:var(--step--2);color:var(--color-text-muted);margin:var(--space-xs) 0 0;min-height:1.2em}.switch{position:relative;display:inline-block;width:38px;height:22px;flex-shrink:0}.switch input{position:absolute;opacity:0;width:0;height:0}.switch--track{position:absolute;inset:0;border-radius:var(--border-radius-pill);background-color:var(--surface-3);cursor:pointer;transition:background-color .15s ease}.switch--track::before{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background-color:var(--color-white);transition:transform .15s ease}.switch input:checked+.switch--track{background-color:var(--color-primary)}.switch input:checked+.switch--track::before{transform:translateX(16px)}.switch input:focus-visible+.switch--track{box-shadow:0 0 0 3px rgba(0,0,0,.12)}input[type=text],input[type=email],input[type=password],input[type=date],input[type=time],input[type=number],textarea,select{padding:11px 14px;width:100%;border:1px solid var(--input-border-color);background-color:var(--surface-2);color:var(--color-headers);border-radius:var(--border-radius-sm);font-family:var(--font-sans);font-size:var(--step-0);transition:all .15s ease}input[type=text]::placeholder,input[type=email]::placeholder,input[type=password]::placeholder,input[type=date]::placeholder,input[type=time]::placeholder,input[type=number]::placeholder,textarea::placeholder,select::placeholder{color:var(--color-text-muted)}input[type=text]:hover,input[type=email]:hover,input[type=password]:hover,input[type=date]:hover,input[type=time]:hover,input[type=number]:hover,textarea:hover,select:hover{border-color:rgba(0,0,0,.18)}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=date]:focus,input[type=time]:focus,input[type=number]:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(0,0,0,.07)}textarea{resize:vertical}input[type=date],input[type=time]{color-scheme:light}input[type=date]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;cursor:pointer}body,html{scroll-behavior:smooth}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{padding:0;margin:0;font-family:var(--font-sans);font-size:var(--step-0);line-height:1.6;font-weight:400;color:var(--color-text);background-color:var(--pg-bg);-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{color:var(--color-headers);font-weight:600;letter-spacing:-0.02em;margin-top:0;line-height:1.2}p{margin-bottom:var(--space-s)}p:last-of-type{margin-bottom:0}button{padding:0;border:0;outline:0;background:none;cursor:pointer;border-radius:var(--border-radius-sm)}.btn{padding:12px 28px;border:0;background:var(--color-black);color:var(--color-white);font-weight:600;font-size:var(--step--2);transition:all .2s ease;text-transform:uppercase;letter-spacing:.05em}.btn:focus,.btn:hover{background-color:var(--color-primary-hover);transform:translateY(-1px)}.btn-action{color:var(--color-text-muted);font-size:var(--step--1);display:flex;align-items:center;justify-content:center;transition:color .15s ease}.btn-action:hover{color:var(--color-primary)}.btn-action:hover svg path{fill:var(--color-primary)}.btn-action svg{width:15px;height:15px;margin-right:6px}.btn-action svg path{fill:var(--color-text-muted);transition:fill .15s ease}.btn-action.btn-edit-list svg{margin:0}.btn-action.btn-edit-list svg path{fill:var(--color-text-muted)}.btn-action.btn-edit-list:hover svg path{fill:var(--color-headers)}#btn-settings,#btn-info{width:32px;height:32px;background-size:18px;background-position:center;background-repeat:no-repeat;opacity:.4;transition:opacity .15s ease;border-radius:6px}#btn-settings:hover,#btn-info:hover{opacity:.8;background-color:hsla(0,0%,100%,.06)}#btn-settings{background-image:url(../icons/settings.svg)}#btn-info{background-image:url(../icons/info.svg)}.task--top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.btn-delete-task-wrap{opacity:0;transition:opacity .2s ease;flex-shrink:0}.site-title{margin-right:auto;line-height:0}.site-title img{display:block;height:22px;width:auto}.app-navbar .btn:not(.btn-secondary){padding:8px 18px;font-size:var(--step--2)}nav{float:right;margin-bottom:20px}.form-field{margin-bottom:20px}.form-field--password{position:relative}.form-field--password input{padding-right:60px}.form-field--password .btn-toggle-password{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:var(--step--2);color:var(--color-text-muted);padding:4px 8px}.form-field--password .btn-toggle-password:hover{color:var(--color-headers)}.notice{background-color:var(--surface-2);text-align:left;padding:var(--space-s);margin-bottom:var(--space-m);border-radius:var(--border-radius);color:var(--color-text)}.app-navbar{background-color:var(--navbar-bg);backdrop-filter:blur(var(--navbar-blur));-webkit-backdrop-filter:blur(var(--navbar-blur));padding:0 var(--space-l);display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;left:0;width:100%;z-index:100;height:70px;border-bottom:1px solid #ddd}@media only screen and (max-width: 599px){.app-navbar{height:64px}}.app-navbar.is-open{background-color:#fff}@media only screen and (max-width: 599px){.app-navbar.is-open .app-navbar--right{opacity:1;transform:translateY(0);pointer-events:all;background-color:#fff}}.app-navbar--left{display:flex;align-items:center;gap:1rem}.app-navbar--left .site-title{margin:0}.app-navbar--left .site-title img{height:20px}.app-navbar--right{display:flex;align-items:center;gap:8px}@media only screen and (max-width: 599px){.app-navbar--right{position:fixed;top:64px;left:0;right:0;flex-direction:column;align-items:stretch;gap:10px;backdrop-filter:blur(var(--navbar-blur));-webkit-backdrop-filter:blur(var(--navbar-blur));border-bottom:1px solid hsla(0,0%,100%,.08);padding:16px var(--space-m) 20px;z-index:99;opacity:0;transform:translateY(-12px);pointer-events:none;transition:opacity .25s ease,transform .25s ease}.app-navbar--right .btn,.app-navbar--right .btn-secondary{width:100%;text-align:center;justify-content:center;box-sizing:border-box;padding:12px 18px}.app-navbar--right .user-email{text-align:center;width:100%;box-sizing:border-box}}.app-navbar--actions{display:flex;align-items:center;gap:2px;margin:0 4px}@media only screen and (max-width: 599px){.app-navbar--actions{justify-content:center;margin:0}}.burger-btn{display:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;padding:6px;margin-left:auto;border-radius:6px;transition:background-color .15s ease}.burger-btn:hover{background-color:hsla(0,0%,100%,.06)}@media only screen and (max-width: 599px){.burger-btn{display:flex}}.burger-btn .burger-btn--bar{display:block;height:2px;width:100%;background:var(--color-text);border-radius:2px;transition:transform .25s ease,opacity .2s ease;transform-origin:center}.app-navbar.is-open .burger-btn .burger-btn--bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.app-navbar.is-open .burger-btn .burger-btn--bar:nth-child(2){opacity:0;transform:scaleX(0)}.app-navbar.is-open .burger-btn .burger-btn--bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.site-container{padding:88px 1rem 0}.site-container:before,.site-container:after{content:"";display:block;position:fixed;border-radius:50%;filter:blur(120px);pointer-events:none;z-index:0}.site-container:before{width:680px;height:680px;filter:blur(120px);opacity:.25;top:10%;left:-10%;background:radial-gradient(circle, rgba(232, 72, 76, 0.5019607843), transparent 70%)}.site-container:after{width:1000px;height:1000px;filter:blur(120px);opacity:.2;bottom:0%;right:-10%;background:radial-gradient(circle, rgba(72, 195, 232, 0.5019607843), transparent 70%)}@media only screen and (min-width: 600px){.site-container{padding:70px 0 0}}#board{margin:0;padding-top:1rem}@media only screen and (min-width: 600px){#board{display:flex;overflow-x:auto;height:100%;padding-left:var(--space-l)}}.status-column{--col-span: 1;--col-gutter: var(--space-xs);width:100%}@media only screen and (min-width: 600px){.status-column{min-width:calc(280px*var(--col-span) + var(--space-xs)*(var(--col-span) - 1) + var(--col-gutter) + 1px);max-width:calc(320px*var(--col-span) + var(--space-xs)*(var(--col-span) - 1) + var(--col-gutter) + 1px);padding-right:var(--col-gutter);margin-right:var(--col-gutter);border-right:1px solid var(--col-divider);overflow-y:auto;max-height:100%;flex-shrink:0}.status-column:has(+.add-list-inline){border-right-color:rgba(0,0,0,0)}}.status-column header{background-color:rgba(0,0,0,0);color:var(--grey-500);padding:0;margin:0 0 10px;font-weight:600;display:flex;align-items:center;border-radius:0;border:none;font-size:var(--step--2);text-transform:uppercase;letter-spacing:.08em;gap:2px}.status-column header span.handle{display:block;height:16px;width:16px;margin-right:4px;background-image:url("../images/grip-dots-vertical-solid.svg");background-repeat:no-repeat;background-size:contain;cursor:grab;opacity:.2;transition:opacity .15s ease;flex-shrink:0}.status-column header span.handle:hover{opacity:.7}.status-column--wrap{margin-bottom:20px}.status-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;margin-right:8px;display:none}.column-count{font-size:var(--step--3);color:var(--color-text-muted);font-weight:600;opacity:.5;margin-left:4px;margin-right:auto}.btn-col-span{display:none;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;opacity:0;color:var(--color-text-muted);transition:opacity .15s ease,color .15s ease}.btn-col-span svg{width:11px;height:11px}.btn-col-span svg path{fill:currentColor}.btn-col-span:hover{color:var(--color-text)}@media only screen and (min-width: 600px){.btn-col-span{display:flex}}.btn-delete-col{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;opacity:0;color:var(--color-text-muted);transition:opacity .15s ease,color .15s ease}.btn-delete-col svg{width:9px;height:9px}.btn-delete-col svg path{fill:currentColor}.btn-delete-col:hover{color:#f87171}.status-column--header:hover .btn-delete-col,.status-column--header:hover .btn-col-span{opacity:1}.btn-add-task-wrap{margin-bottom:12px}.btn-add-task-wrap .btn-add-task{width:100%;display:flex;align-items:center;gap:8px;padding:6px 0;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:var(--border-radius-pill);color:var(--color-text-muted);font-size:var(--step--2);font-weight:500;transition:all .2s ease;cursor:pointer}.btn-add-task-wrap .btn-add-task svg{width:14px;height:14px;flex-shrink:0}.btn-add-task-wrap .btn-add-task svg path{fill:var(--color-text-muted);transition:fill .2s ease}.btn-add-task-wrap .btn-add-task:hover{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.14);color:var(--color-headers)}.btn-add-task-wrap .btn-add-task:hover svg path{fill:var(--color-headers)}.tasks-list{list-style:none;padding-left:0;min-height:20px;position:relative;z-index:1;display:grid;gap:var(--space-xs)}@media only screen and (min-width: 600px){.tasks-list{grid-template-columns:repeat(var(--col-span), minmax(0, 1fr))}}@media only screen and (min-width: 600px){.status-column--wide .tasks-list{grid-auto-rows:1px;row-gap:0;column-gap:var(--space-xs);align-items:start}}.task{background:#fff;padding:18px 18px 14px;border:0 solid var(--task-border-color, #ddd);cursor:grab;border-radius:var(--border-radius-sm);transition:all .25s ease;position:relative}.task[data-priority=high]{--task-border-color: #f87171}.task[data-priority=medium]{--task-border-color: #fbbf24}.task[data-priority=low]{--task-border-color: #4ade80}.task:hover{background:#000;transform:translateY(-1px)}.task:hover .task--title{color:#fff}.task:hover .btn-delete-task-wrap{opacity:1}.task--tags{display:flex;gap:6px}.task--tag{font-size:calc(var(--step--2)*.95);font-weight:700;text-transform:uppercase;padding:3px 10px;border-radius:var(--border-radius-pill);background-color:hsla(0,0%,100%,.08);color:var(--color-text);letter-spacing:.05em}.task--tag-high{background-color:var(--tag-high-bg);color:var(--tag-high-color)}.task--tag-medium{background-color:var(--tag-medium-bg);color:var(--tag-medium-color)}.task--tag-low{background-color:var(--tag-low-bg);color:var(--tag-low-color)}.task--content,.task--title{cursor:text}.task--title{font-size:var(--step-0);margin-bottom:6px;line-height:1.25;color:var(--color-headers);font-weight:600}.task--content{font-size:var(--step--1);color:var(--color-text-muted);line-height:1.25}.task--content p,.task--content ul,.task--content ol,.task--content blockquote{margin:0 0 4px}.task--content p:last-child,.task--content ul:last-child,.task--content ol:last-child,.task--content blockquote:last-child{margin-bottom:0}.task--content ul,.task--content ol{padding-left:1.1em}.task--content blockquote{padding-left:8px;border-left:2px solid currentColor;opacity:.85}.task--content code{font-family:monospace;background-color:rgba(0,0,0,.06);padding:1px 4px;border-radius:3px}.task--content a{color:inherit;text-decoration:underline}.task--due{display:inline-flex;align-items:center;gap:5px;margin-top:10px;font-size:var(--step--2);font-weight:600;color:var(--color-text-muted)}.task--due[data-state=overdue]{color:var(--tag-high-color)}.task--due-icon{width:12px;height:12px;fill:currentColor;flex-shrink:0}.task:hover .task--due{color:hsla(0,0%,100%,.7)}.task:hover .task--due[data-state=overdue]{color:var(--tag-high-color)}.auth-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-m);background-color:var(--pg-bg);position:relative;overflow:hidden}.auth-container:before,.auth-container:after{content:"";display:block;position:fixed;border-radius:50%;filter:blur(120px);pointer-events:none;z-index:0}.auth-container:before{width:680px;height:680px;opacity:.25;top:10%;left:-10%;background:radial-gradient(circle, rgba(232, 72, 76, 0.5019607843), transparent 70%)}.auth-container:after{width:1000px;height:1000px;opacity:.2;bottom:0%;right:-10%;background:radial-gradient(circle, rgba(72, 195, 232, 0.5019607843), transparent 70%)}.auth-box{position:relative;z-index:1;background-color:hsla(0,0%,100%,.65);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:var(--space-xl) var(--space-l) var(--space-l);border-radius:var(--border-radius);border:1px solid hsla(0,0%,100%,.8);box-shadow:0 1px 2px rgba(16,24,40,.04),0 24px 48px -12px rgba(16,24,40,.12);width:100%;max-width:420px;text-align:center}.auth-box .site-title{margin:0 auto var(--space-l)}.auth-box .site-title img{height:30px;margin:0 auto}.auth-box h2{margin-bottom:var(--space-m);font-size:var(--step-0);color:var(--color-headers);font-weight:400}.auth-box .form-field{margin-bottom:var(--space-xs);text-align:left}.auth-box .form-field input{width:100%;padding:14px 16px;border:1px solid var(--input-border-color);border-radius:var(--border-radius-sm);font-size:var(--step--1);background-color:hsla(0,0%,100%,.75);color:var(--color-headers);transition:all .2s ease}.auth-box .form-field input::placeholder{color:var(--color-text-muted)}.auth-box .form-field input:hover{border-color:rgba(0,0,0,.18)}.auth-box .form-field input:focus{outline:none;background-color:var(--color-white);border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(0,0,0,.07)}.auth-box .form-field--password .btn-toggle-password{right:6px}.auth-box .btn{width:100%;margin-top:var(--space-s);padding:16px;border-radius:var(--border-radius-sm)}.auth-captcha{display:flex;justify-content:center}.auth-captcha iframe{margin-top:var(--space-xs)}.auth-error{color:#f87171;font-size:var(--step--2);margin-bottom:var(--space-s);text-align:left}.auth-toggle-text{margin-top:var(--space-m);font-size:var(--step--1)}.auth-toggle-text a{color:var(--color-primary);text-decoration:none}.auth-toggle-text a:hover{text-decoration:underline}.user-email{font-size:var(--step--1)}.sync-toast{position:fixed;top:60px;left:50%;transform:translateX(-50%);z-index:200;display:flex;align-items:center;gap:12px;padding:10px 16px;background-color:var(--surface-2);border:1px solid var(--border-color-light);border-radius:var(--border-radius);box-shadow:0 8px 24px rgba(0,0,0,.4);font-size:var(--step--2);color:var(--color-text);animation:sync-toast-in .3s ease}.sync-toast .btn-small{padding:6px 14px;font-size:var(--step--2)}.sync-toast--dismiss{color:var(--color-text-muted);font-size:var(--step-0);line-height:1}.sync-toast--dismiss:hover{color:var(--color-headers)}@keyframes sync-toast-in{from{opacity:0;transform:translateX(-50%) translateY(-10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.btn-secondary{background-color:rgba(0,0,0,0);color:var(--color-text-muted);border:1px solid var(--border-color);font-weight:500;padding:8px 16px;font-size:var(--step--2)}.btn-secondary:hover{background-color:var(--surface-2);border-color:var(--border-color-light);color:var(--color-headers)}.filter-bar{display:flex;align-items:center;gap:6px}@media only screen and (max-width: 599px){.filter-bar{justify-content:center;padding:4px 0}}.filter-bar--label{font-size:var(--step--2);font-weight:700;color:var(--color-headers);margin-right:4px;text-transform:uppercase;letter-spacing:.05em}.filter-btn{padding:5px 13px;border-radius:var(--border-radius-pill);font-size:var(--step--2);font-weight:700;letter-spacing:.04em;cursor:pointer;transition:opacity .15s ease,transform .15s ease;opacity:.4}.filter-btn:hover{opacity:.75}.filter-btn.is-active{opacity:1;transform:translateY(-1px)}.filter-btn.filter-btn--high{background-color:rgba(239,68,68,.14);color:#dc2626}.filter-btn.filter-btn--medium{background-color:rgba(245,158,11,.14);color:#b45309}.filter-btn.filter-btn--low{background-color:rgba(34,197,94,.14);color:#15803d}.task.is-filtered-out{display:none}.add-list-inline{flex-shrink:0}@media only screen and (min-width: 600px){.add-list-inline{min-width:200px;margin-right:var(--space-m)}}@media only screen and (max-width: 599px){.add-list-inline{width:100%;margin-bottom:var(--space-m)}}.add-list-inline--btn{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;background:hsla(0,0%,100%,.03);border:1px dashed hsla(0,0%,100%,.14);border-radius:var(--border-radius);color:var(--color-text-muted);font-size:var(--step--2);font-weight:600;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .2s ease;white-space:nowrap}.add-list-inline--btn:hover{background:hsla(0,0%,100%,.07);border-color:hsla(0,0%,100%,.25);color:var(--color-headers)}.add-list-inline--btn:hover svg path{fill:var(--color-headers)}.add-list-inline--btn svg{width:13px;height:13px;flex-shrink:0}.add-list-inline--btn svg path{fill:var(--color-text-muted);transition:fill .2s ease}.overflow-menu-wrap{position:relative}.btn-overflow{display:flex;align-items:center;justify-content:center;gap:3px;width:36px;height:36px;border-radius:6px;color:var(--color-text-muted);transition:background-color .15s ease,color .15s ease}.btn-overflow:hover{background-color:hsla(0,0%,100%,.06);color:var(--color-headers)}.btn-overflow .btn-overflow--dot{display:block;width:4px;height:4px;background:currentColor;border-radius:50%;flex-shrink:0}@media only screen and (max-width: 599px){.btn-overflow{display:none}}.btn-settings{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:6px;color:var(--color-text-muted);cursor:pointer;transition:background-color .15s ease,color .15s ease}.btn-settings:hover{background-color:hsla(0,0%,100%,.06);color:var(--color-headers)}.btn-settings svg{width:19px;height:19px;flex-shrink:0}.btn-settings .btn-settings--label{display:none}@media only screen and (max-width: 599px){.btn-settings{width:100%;height:auto;gap:8px;padding:12px 18px;box-sizing:border-box;border:1px solid var(--border-color);border-radius:0;font-size:var(--step--2);font-weight:500;letter-spacing:.04em}.btn-settings:hover{background-color:var(--surface-2);border-color:var(--border-color-light);color:var(--color-headers)}.btn-settings .btn-settings--label{display:inline}}.overflow-menu{position:absolute;top:calc(100% + 8px);right:0;background:var(--surface-2);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:0 8px 24px rgba(0,0,0,.4);min-width:160px;z-index:200;padding:4px;opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .15s ease,transform .15s ease}.overflow-menu.is-open{opacity:1;transform:translateY(0);pointer-events:auto}@media only screen and (max-width: 599px){.overflow-menu{position:static;background:none;border:none;box-shadow:none;padding:0;opacity:1;transform:none;pointer-events:auto;display:flex;flex-direction:column;gap:10px;transition:none}}.overflow-menu--item{display:block;width:100%;text-align:left;padding:8px 12px;border-radius:4px;font-size:var(--step--2);font-weight:500;color:var(--color-text-muted);letter-spacing:.04em;transition:background-color .15s ease,color .15s ease}.overflow-menu--item:hover{background-color:hsla(0,0%,100%,.06);color:var(--color-headers)}@media only screen and (max-width: 599px){.overflow-menu--item{background-color:rgba(0,0,0,0);color:var(--color-text-muted);border:1px solid var(--border-color);padding:12px 18px;text-align:center;box-sizing:border-box;border-radius:0}.overflow-menu--item:hover{background-color:var(--surface-2);border-color:var(--border-color-light);color:var(--color-headers)}}/*# sourceMappingURL=main.css.map */