:root{--font-sans: "Nunito Sans", system-ui, -apple-system, sans-serif;--text-board-ui: 1rem;--text-column-title: 1.15rem;--page-bg-color: #2a2626;--page-bg-image: linear-gradient(rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url(/assets/bg-DrE8GR7X.jpg) center / cover no-repeat;font-family:var(--font-sans);line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:var(--page-bg-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#0a200a}html{height:100%;background:var(--page-bg-image);background-color:var(--page-bg-color);background-attachment:fixed;overflow-x:hidden}body{margin:0;min-height:100vh;overflow-x:hidden;font-family:var(--font-sans);background:var(--page-bg-image);background-color:var(--page-bg-color);background-attachment:fixed}h1,h2,h3,.column h3{font-family:var(--font-sans);font-weight:700}h1{font-size:3.2em;line-height:1.1;margin-top:1.5rem}input,select,textarea,button{font-family:var(--font-sans)}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#f8f8fe}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.page{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:.75rem 2rem 2rem;gap:1rem;width:100%;box-sizing:border-box}.auth-page{justify-content:center}.auth-header{text-align:center;margin-top:1.5rem;margin-bottom:1.25rem}.auth-title{font-size:3.5rem;font-weight:700;line-height:1.1;margin:0 0 .75rem;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.35);letter-spacing:.02em}.auth-subtitle{font-size:1.35rem;font-weight:600;line-height:1.4;color:#ffffffeb;margin:0;text-shadow:0 1px 4px rgba(0,0,0,.3)}.board-header{text-align:center;margin:1.25rem auto .6rem;width:100%;max-width:720px;padding:0 1rem;box-sizing:border-box}.board-title{font-size:2.25rem;font-weight:700;line-height:1.15;margin:0 0 .35rem;color:#fff;overflow-wrap:anywhere;word-break:break-word;text-shadow:0 2px 8px rgba(0,0,0,.35);letter-spacing:.02em}.board-subtitle{font-size:1.05rem;font-weight:600;line-height:1.4;color:#ffffffeb;margin:0;text-shadow:0 1px 4px rgba(0,0,0,.3)}.board-wrapper{width:100%;max-width:1200px;margin:0 auto;box-sizing:border-box}.board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:1.5rem;width:100%;box-sizing:border-box;margin:0 auto}.team-actions-center{display:flex;gap:1rem;margin-bottom:.5rem;justify-content:center;align-items:center;flex-wrap:wrap}.team-actions-row{display:flex;width:100%;margin-bottom:1.5rem;box-sizing:border-box}.team-buttons-column{display:flex;flex-direction:column;gap:1rem;width:100%}.team-buttons{display:flex;gap:.5rem;flex-wrap:wrap;width:100%}.team-btn{padding:.6em 3em .6em 1.2em;font-size:1rem;font-weight:500;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#ffffffb3;border-radius:8px;cursor:pointer;transition:all .25s;position:relative}.team-btn:hover{border-color:#ffffff80;color:#ffffffe6}.team-btn.active{border-color:#ffffffe6;color:#ffffffe6}.team-btn-wrapper{position:relative;display:inline-block}.team-menu-wrap{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);z-index:1}.team-menu-btn{border:1px solid rgba(248,248,248,.3);background:transparent;color:#ebe9e9;cursor:pointer;font-size:.9rem;line-height:1;padding:.1rem .4rem;border-radius:6px}.team-menu{position:absolute;right:0;top:calc(100% + 4px);margin-top:.25rem;background:#000;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:.25rem;display:flex;flex-direction:column;gap:.25rem;z-index:10;min-width:180px}.team-menu>button{text-align:left;background:transparent;color:#eee;border:none;padding:.25rem .5rem;cursor:pointer}.team-menu>button:hover{background:#a09b9b14}.column{background:#fff0;border-radius:12px;padding:1rem;min-height:auto;height:fit-content;box-shadow:0 6px 24px #000000ed;-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid rgba(255,255,255,.618);box-sizing:border-box}.column.is-drag-over{border-color:#ffd54a;box-shadow:0 0 0 3px #ffd54a40,0 6px 24px #000000ed;background:#ffd54a14}.column h3{margin:0 0 .75rem;font-size:var(--text-column-title);text-align:center;letter-spacing:.02em;text-shadow:0 1px 4px rgba(0,0,0,.25)}.items{list-style:none;margin:0;padding:0}.items li{background:transparent;border-radius:0;padding:0;margin-bottom:1.25rem;font-family:var(--font-sans);font-size:var(--text-board-ui);font-weight:500;display:flex;align-items:flex-start;gap:.5rem;position:relative;cursor:grab;touch-action:pan-y}.items li.editing{cursor:text;touch-action:auto}.items li.dragging{cursor:grabbing;border:2px dashed rgba(255,213,74,.5);border-radius:12px;background:#ffd54a14;min-height:2.75rem;margin-bottom:1.25rem;box-sizing:border-box;transition:border-color .2s ease,background .2s ease}.items li.dragging:before,.items li.dragging .item-text,.items li.dragging .item-menu-wrap{visibility:hidden}body.is-dragging-task{-webkit-user-select:none;user-select:none;cursor:grabbing}body.is-dragging-task .column.is-drag-over{border-color:#ffd54af2;background:#ffd54a1f;box-shadow:0 0 0 2px #ffd54a59,0 0 32px #ffd54a33,inset 0 0 48px #ffd54a14;transform:scale(1.012);transition:border-color .25s ease,background .25s ease,box-shadow .25s ease,transform .25s cubic-bezier(.34,1.4,.64,1)}@keyframes dragGhostAppear{0%{opacity:0}to{opacity:1}}.drag-ghost{position:fixed;z-index:10000;pointer-events:none;box-sizing:border-box;display:flex;align-items:flex-start;gap:.5rem;padding:.6rem .85rem;font-family:var(--font-sans);font-size:var(--text-board-ui);font-weight:500;color:#fff;background:#202024f5;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,213,74,.6);border-radius:10px;box-shadow:0 10px 24px #00000059,0 0 20px #ffd54a1f;transform:none;animation:dragGhostAppear .15s ease forwards;will-change:left,top}.drag-ghost:before{content:"★";color:#ffd54a;flex-shrink:0;line-height:1.4}.drag-ghost-text{flex:1;min-width:0;overflow-wrap:anywhere;word-break:break-word;line-height:1.4}.drag-ghost.done .drag-ghost-text{text-decoration:line-through;opacity:.75}.items li:before{content:"★";color:#ffd54a;display:inline-block;width:1rem;margin-right:.5rem}.items li .item-actions{opacity:1;position:static;border:1px solid rgba(255,255,255,.3);background:transparent;color:#ebe9e9;cursor:pointer;font-size:.9rem;line-height:1;padding:.1rem .4rem;border-radius:6px;margin-left:auto;align-self:flex-start}.items li .item-text{flex:1;min-width:0;white-space:normal;overflow-wrap:anywhere;word-break:break-word}.items li.editing:before{content:""}.items li .item-input{width:100%;font:inherit;color:inherit;background:transparent;border:1px solid rgba(255,255,255,.25);border-radius:6px;padding:.25rem .5rem}.items li .item-menu-wrap{position:relative;margin-left:auto;flex:0 0 auto}.items li .item-menu-btn{border:1px solid rgba(248,248,248,.3);background:transparent;color:#ebe9e9;cursor:pointer;font-size:.9rem;line-height:1;padding:.1rem .4rem;border-radius:6px}.items li .item-menu{position:absolute;right:0;top:calc(100% + 4px);margin-top:.25rem;background:#000;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:.25rem;display:flex;flex-direction:column;gap:.25rem;z-index:10;min-width:180px}.items li .item-menu>button{text-align:left;background:transparent;color:#eee;border:none;padding:.25rem .5rem;cursor:pointer}.items li .item-menu>button:hover{background:#a09b9b14}.items li .item-menu .menu-divider{height:1px;background:#ffffff26;margin:.125rem 0}.items li.done .item-text{text-decoration:line-through;opacity:.8}.column-input-group{display:flex;gap:.5rem;margin-bottom:1.75rem}.column input{flex:1;min-width:0;font-size:var(--text-board-ui)}.items li+li{border-top:1px solid rgba(255,255,255,.25);padding-top:1rem;margin-top:.5rem}.user-header{margin:0 auto 1rem;display:flex;gap:1rem;align-items:center;justify-content:center;flex-wrap:wrap;padding:0 1rem}.user-info{font-family:var(--font-sans);font-size:var(--text-board-ui);font-weight:600;margin-top:0}.user-logout-btn{margin-top:0}.board-type-switch{display:flex;gap:.5rem;margin-bottom:.5rem;justify-content:center;align-items:center}.board-type-btn{padding:.6em 1.5em;font-size:1rem;font-weight:500;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#ffffffb3;border-radius:8px;cursor:pointer;transition:all .25s}.board-type-btn:hover{border-color:#ffffff80;color:#ffffffe6}.board-type-btn.active{border-color:#ffffffe6;color:#ffffffe6}.team-actions{display:flex;gap:1rem;margin-bottom:1.5rem;justify-content:center;align-items:center;flex-wrap:wrap}@media (min-width: 1920px){.board-wrapper{max-width:1400px}.board{grid-template-columns:repeat(3,minmax(460px,1fr));gap:2.25rem;width:100%}.column{padding:1.5rem;border-radius:14px}.column h3{font-size:1.2rem}.items li{font-size:var(--text-board-ui)}.column input{padding:.75rem 1rem;font-size:var(--text-board-ui);border-radius:8px}.column button:not(.item-actions):not(.item-menu-btn){padding:.75rem 1.25rem;font-size:var(--text-board-ui);border-radius:8px}.user-info{font-size:var(--text-board-ui);font-weight:600}.user-info+button{padding:.75rem 1.25rem;font-size:1.05rem;border-radius:8px}.board-type-btn{padding:.75rem 1.75rem;font-size:1.1rem}.auth-message{font-size:1.5rem}}@media (min-width: 2560px){.board-wrapper{max-width:2000px}.board{grid-template-columns:repeat(3,minmax(400px,1fr));gap:2.5rem;width:100%}.column{padding:2rem;border-radius:16px}.column h3{font-size:1.22rem}.items li{font-size:var(--text-board-ui);margin-bottom:2rem}.column input{padding:1rem 1.25rem;font-size:var(--text-board-ui);border-radius:10px}.column button:not(.item-actions):not(.item-menu-btn){padding:1rem 1.75rem;font-size:var(--text-board-ui);border-radius:10px}.user-info{font-size:var(--text-board-ui);font-weight:600}.user-info+button{padding:1rem 1.75rem;font-size:1.2rem;border-radius:10px}.board-type-btn{padding:1rem 2rem;font-size:1.25rem}.team-buttons{gap:.5rem}.auth-message{font-size:1.7rem}}@media (min-width: 3840px){.board-wrapper{max-width:2400px}.board{grid-template-columns:repeat(3,minmax(480px,1fr));gap:3rem;width:100%}.column{padding:2.5rem;border-radius:18px}.column h3{font-size:1.25rem}.items li{font-size:var(--text-board-ui);margin-bottom:2.5rem}.column input{padding:1.25rem 1.5rem;font-size:var(--text-board-ui);border-radius:12px}.column button:not(.item-actions):not(.item-menu-btn){padding:1.25rem 2rem;font-size:var(--text-board-ui);border-radius:12px}.user-info{font-size:var(--text-board-ui);font-weight:600}.user-info+button{padding:1.25rem 2rem;font-size:2.3rem;border-radius:12px}.board-type-btn{padding:1.25rem 2.5rem;font-size:1.4rem}}.auth-form{display:flex;flex-direction:column;gap:.5rem;width:min(360px,90vw);margin-top:1rem;padding:1rem;background:#00000073;border-radius:8px;font-family:var(--font-sans)}.auth-form h3{margin:0;text-align:center;font-size:1.5rem}.auth-form input{padding:.75rem;font-size:1rem;border:1px solid rgba(255,255,255,.3);border-radius:6px;background:#ffffff1a;color:#fff}.auth-form input::placeholder{color:#ffffffb3}.auth-form button[type=submit]{padding:.75rem;font-size:1rem;background:#1a1a1a;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:6px;cursor:pointer}.auth-form button[type=submit]:hover{border-color:#f8f8fe}.auth-links{display:flex;justify-content:space-between}.auth-links button{background:transparent;border:none;color:#fff;text-decoration:underline;cursor:pointer;font-size:.9rem;padding:.25rem 0}.auth-message{margin-top:.75rem;color:#fff;opacity:.9;text-align:center;font-size:1.3rem}@media (min-width: 1440px){.auth-form{width:min(420px,90vw);padding:1.25rem;gap:.75rem}.auth-form h3{font-size:1.75rem}.auth-form input,.auth-form button[type=submit]{padding:.875rem;font-size:1.1rem}.auth-links button{font-size:1rem}}@media (min-width: 1920px){.auth-form{width:min(480px,90vw);padding:1.5rem;gap:1rem;border-radius:12px}.auth-form h3{font-size:2rem}.auth-form input,.auth-form button[type=submit]{padding:1rem;font-size:1.2rem;border-radius:8px}.auth-links button{font-size:1.1rem}}@media (min-width: 2560px){.auth-form{width:min(560px,90vw);padding:2rem;gap:1.25rem;border-radius:14px}.auth-form h3{font-size:2.5rem}.auth-form input,.auth-form button[type=submit]{padding:1.25rem;font-size:1.4rem;border-radius:10px}.auth-links button{font-size:1.3rem}.auth-message{font-size:1.7rem}.team-btn{font-size:1.3rem;padding-right:2.5em}.team-btn-wrapper{margin-right:.3em}}@media (min-width: 3840px){.auth-form{width:min(680px,90vw);padding:2.5rem;gap:1.5rem;border-radius:16px}.auth-form h3{font-size:3rem}.auth-form input,.auth-form button[type=submit]{padding:1.5rem;font-size:1.6rem;border-radius:12px}.auth-links button{font-size:1.5rem}}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#000000e6;border:1px solid rgba(255,255,255,.3);border-radius:12px;padding:2rem;min-width:min(400px,90vw);max-width:500px;font-family:var(--font-sans)}.modal-content h3{margin:0 0 1.5rem;text-align:center;font-size:1.5rem}.modal-content form{display:flex;flex-direction:column;gap:1rem}.modal-content input[type=text]{padding:.75rem;font-size:1rem;border:1px solid rgba(255,255,255,.3);border-radius:6px;background:#ffffff1a;color:#fff;font-family:inherit}.modal-content select{padding:.75rem;font-size:1rem;border:1px solid rgba(255,255,255,.3);border-radius:6px;background:#fff;color:#000;font-family:inherit}.modal-content select option{background:#fff;color:#000}.modal-content input[type=text]::placeholder{color:#ffffff80}.modal-content label{font-size:1rem;color:#ffffffe6}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.modal-actions button{padding:.75rem 1.5rem}.assign-team-form{display:flex;flex-direction:column;gap:1rem}.user-search-results{margin-top:.5rem;max-height:200px;overflow-y:auto;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:#00000080}.user-search-result-item{padding:.75rem;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:.25rem}.user-search-result-item:hover{background:#ffffff1a}.user-search-result-item:last-child{border-bottom:none}.user-search-result-item strong{color:#ffffffe6}.user-search-result-item span{color:#fff9;font-size:.9rem}.success-modal{border-color:#4caf5080}.success-modal h3{color:#4caf50}.error-modal{border-color:#f4433680}.error-modal h3{color:#f44336}.modal-content p{margin:0 0 1.5rem;text-align:center;color:#ffffffe6;font-size:1.1rem}.manage-members-search{width:100%;padding:.75rem;font-size:1rem;border:1px solid rgba(255,255,255,.3);border-radius:6px;background:#ffffff1a;color:#fff;box-sizing:border-box;font-family:inherit}.member-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem;margin-bottom:.5rem;background:#ffffff0d;border-radius:6px;gap:.5rem}.member-remove-btn{padding:.25rem .5rem;font-size:.9rem;background:#f003;border:1px solid rgba(255,0,0,.5);color:#ff6b6b;border-radius:4px;cursor:pointer;flex-shrink:0}@media (max-width: 1200px){.board-wrapper{margin-left:auto;margin-right:auto;max-width:100%}.board{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:0 auto}.column{min-width:0;padding:.75rem}.column h3{font-size:var(--text-column-title)}.board-type-switch,.team-actions-center,.user-header{margin-left:auto;margin-right:auto}.team-buttons{justify-content:center}}@media (max-width: 900px){html{background:var(--page-bg-color);min-height:100%;height:auto}body{position:relative;background:var(--page-bg-color);min-height:100vh;min-height:100dvh}body:before{content:"";position:fixed;inset:0;z-index:-1;background:var(--page-bg-image);background-color:var(--page-bg-color);background-size:cover;background-position:center;background-repeat:no-repeat;pointer-events:none}#root{min-height:100vh;min-height:100dvh}.page{padding:.75rem 1rem max(1.5rem,env(safe-area-inset-bottom));padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right));gap:.75rem}.board-wrapper{margin-left:auto;margin-right:auto}.board{grid-template-columns:1fr;gap:1rem;padding-left:0;margin-left:0;justify-items:center}.column{min-height:auto;padding:.875rem;width:100%;max-width:520px;margin-left:auto;margin-right:auto;box-sizing:border-box}.team-actions-row{justify-content:center}.team-buttons--offset{padding-left:0;margin-left:0;justify-content:center}.column h3{font-size:var(--text-column-title)}.items li{font-size:var(--text-board-ui);margin-bottom:1rem}.column-input-group{margin-bottom:1rem}.column-input-group button{flex-shrink:0;min-height:44px;padding-left:1rem;padding-right:1rem}.column input{min-height:44px;font-size:16px}.board-header{margin-top:1rem}.user-header{flex-direction:column;align-items:center;width:100%;max-width:360px;margin-left:auto;margin-right:auto}.user-info,.user-logout-btn{margin-top:0}.user-info{font-size:var(--text-board-ui);text-align:center;word-break:break-word}.user-logout-btn{min-height:44px;width:100%;max-width:280px}.board-type-switch{width:100%;max-width:360px;margin-left:auto;margin-right:auto}.board-type-btn{flex:1;min-height:44px}.team-actions-center{width:100%;max-width:360px;flex-direction:column;margin-left:auto;margin-right:auto}.team-action-btn{width:100%;min-height:44px}.team-buttons{justify-content:center}.team-btn-wrapper{width:100%;max-width:100%;display:block!important}.team-btn{width:100%;box-sizing:border-box;text-align:left;min-height:44px}.team-menu-btn,.items li .item-menu-btn{min-width:44px;min-height:44px;padding:.5rem;font-size:1.1rem;display:inline-flex;align-items:center;justify-content:center}.items li .item-menu,.team-menu{min-width:200px;max-width:min(280px,calc(100vw - 2rem))}.auth-form{width:min(360px,calc(100vw - 2rem));box-sizing:border-box}.auth-form input{font-size:16px;min-height:44px;box-sizing:border-box}.auth-links{flex-direction:column;align-items:stretch;gap:.5rem}.auth-links button{text-align:center;min-height:44px;padding:.5rem}.modal-overlay{align-items:flex-end;padding:env(safe-area-inset-bottom) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.modal-content{width:100%;max-width:none;min-width:0;margin:0;border-radius:12px 12px 0 0;max-height:90vh;max-height:90dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:1.25rem;box-sizing:border-box}.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%;min-height:44px}.assign-team-form input,.assign-team-form select{font-size:16px;min-height:44px;width:100%;box-sizing:border-box}.manage-members-search{width:100%!important;box-sizing:border-box}.member-row{flex-direction:column;align-items:flex-start!important;gap:.5rem}.member-row .member-remove-btn{align-self:stretch;min-height:44px}}@media (max-width: 480px){.fill-animation-container{margin-top:0}.board-header{margin-top:.75rem}.user-header{gap:.5rem}.auth-form h3{font-size:1.25rem}.auth-title{font-size:2.75rem}.auth-subtitle{font-size:1.2rem}.board-title{font-size:1.75rem}.board-subtitle{font-size:.95rem}}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}