@font-face{font-family:Titillium Web;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/titillium-web-latin-400-normal-BmGsO8Gb.woff2)format("woff2"),url(/assets/titillium-web-latin-400-normal--_2x2_rV.woff)format("woff")}@font-face{font-family:Titillium Web;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/titillium-web-latin-600-normal-DBtSc4_g.woff2)format("woff2"),url(/assets/titillium-web-latin-600-normal-DAj26wWp.woff)format("woff")}:root{color:#171717;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--canvas:#f3eaf1;--paper:#fdf4e3;--ink:#171717;--line:#cdcdcd;--header-border:#7a7a7a;--link:#e3dcf9;--urgent:#f46b6bb8;--planned:#ffba7a;--staging:#d4d4d4;--completed:#87c886ab;--quick:#4474ee9c;background:#f3eaf1;font-family:Titillium Web,sans-serif;font-weight:400}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0}button:disabled{cursor:default;opacity:.45}button,textarea,select,a{color:inherit}button,a,textarea,select{touch-action:manipulation}button:focus-visible,a:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline-offset:3px;outline:2px solid #675584}textarea:focus-visible{outline:none}svg{flex-shrink:0}h1,h2,p{margin:0}.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}::selection{color:#171717;background:#e3dcf9}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.app-shell{padding:0 25px 20px}.skip-link{z-index:20;background:var(--link);border:1px solid var(--header-border);border-radius:8px;padding:10px 16px;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.board{grid-template-rows:minmax(140px,17vh) minmax(245px,41vh) minmax(240px,35vh);grid-template-columns:minmax(0,22.5fr) minmax(0,24.5fr) minmax(0,24.5fr) minmax(0,22.5fr);align-items:stretch;gap:16px 10px;display:grid}.matrix-header{flex-direction:column;grid-area:1/2/auto/4;align-items:center;padding-top:clamp(20px,2.75vh,30px);display:flex}h1{color:#000;white-space:nowrap;font-size:40px;font-weight:400;line-height:1.4}.quick-links{justify-content:center;gap:20px;margin-top:18px;display:flex}.quick-links a{background:var(--link);border:1px solid var(--header-border);color:#000;border-radius:10px;justify-content:center;align-items:center;width:130px;min-height:34px;padding:2px 12px;font-size:16px;line-height:1.5;text-decoration:none;transition:box-shadow .15s;display:flex}.quick-links a:hover{box-shadow:0 0 0 2px #7a7a7a26}.panel{background:var(--paper);border:1px solid var(--line);border-radius:10px;flex-direction:column;min-width:0;min-height:0;display:flex}.panel-urgent{--heading-color:var(--urgent);grid-area:2/2}.panel-planned{--heading-color:var(--planned);grid-area:2/3}.panel-staging{--heading-color:var(--staging);grid-area:3/2/auto/4}.panel-quick{--heading-color:var(--quick);grid-area:1/4/4}.panel-completed{--heading-color:var(--completed);grid-area:1/1/4}.panel-quick,.panel-completed{margin-top:clamp(90px,10.3vh,115px);margin-bottom:8px}.panel-heading{background:var(--heading-color);border:1px solid var(--header-border);border-radius:10px;flex:none;justify-content:center;align-items:center;min-height:clamp(40px,5.8vh,60px);margin:-1px -1px 0;padding:4px 10px;display:flex}.panel-staging .panel-heading{min-height:clamp(38px,5.2vh,54px)}h2{text-align:center;font-size:20px;font-weight:400;line-height:1.4}.panel-content{scrollbar-width:thin;scrollbar-color:#beb7af transparent;overscroll-behavior:contain;flex:1;min-height:0;padding:16px 14px;overflow-y:auto}.task-list{margin:0;padding:0;list-style:none}.composer{flex:none;margin:0 12px 6px}.composer-collapsed{justify-content:center;display:flex}.composer-launch{background:0 0;border-radius:6px;min-height:32px;padding:4px 14px;font-size:14px}.composer-launch:hover{background:#00000008}.composer-field{background:var(--paper);border:1px solid #aba19e;border-radius:8px;align-items:flex-start;gap:7px;padding:7px 8px 7px 10px;transition:border-color .15s,box-shadow .15s;display:flex}.composer-field:focus-within{border-color:#716080;box-shadow:0 0 0 2px #7160801c}.composer textarea{resize:none;background:0 0;border:0;width:100%;min-width:0;min-height:28px;max-height:144px;margin:0;padding:2px 0;font-size:16px;line-height:1.5;display:block;overflow-y:auto}.composer textarea::placeholder{color:#716b66;opacity:1}.composer-submit{background:var(--link);border:1px solid #a9a0b3;border-radius:6px;flex-shrink:0;place-items:center;width:30px;min-height:30px;display:grid}.composer-submit:enabled:hover{border-color:#675584}.composer-submit:disabled{background:0 0;border-color:#0000}.composer-hint{color:#655e60;justify-content:space-between;gap:6px;padding:5px 2px 0;font-size:11px;line-height:1.4;display:flex}.task-row{border:1px solid #0000;border-radius:6px;min-width:0;transition:background .12s}.task-row:hover,.task-row:focus-within{background:#e5e5e5}.task-main{align-items:flex-start;gap:4px;padding:2px 0;display:flex}.task-check{background:0 0;border-radius:5px;flex-shrink:0;place-items:center;width:30px;height:34px;padding:0;display:grid}.task-check>span{border:1px solid #8d877d;border-radius:4px;place-items:center;width:17px;height:17px;display:grid}.task-check:hover>span{background:#afd4a8;border-color:#60805a}.task-title{text-align:left;white-space:pre-wrap;overflow-wrap:anywhere;background:0 0;border-radius:4px;flex:1;min-width:0;padding:5px 0;font-size:16px;line-height:1.5}.icon-button{color:#625a66;background:0 0;border-radius:5px;flex-shrink:0;place-items:center;width:30px;height:34px;padding:0;display:inline-grid}.icon-button:hover{background:#d9d1e3}.task-options{opacity:.8}.task-row:hover .task-options,.task-row:focus-within .task-options{opacity:1}.is-completed .task-title{color:#626259;text-decoration:line-through}.is-completed .task-check>span{color:#304d2b;background:#afd4a8;border-color:#60805a}.task-details{border-top:1px solid #c4c0bb;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:8px;padding:10px 7px;display:flex}.task-drag-handle{cursor:grab;touch-action:none;color:#777064}.task-drag-handle:active{cursor:grabbing}.task-row.is-dragging{opacity:.3}.panel.is-drag-over{outline-offset:-2px;outline:2px solid #716080}.task-drag-preview{background:var(--paper);cursor:grabbing;white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid #8d8298;border-radius:6px;align-items:flex-start;gap:8px;max-height:180px;padding:9px 10px;font-size:16px;line-height:1.5;display:flex;overflow:hidden;box-shadow:0 5px 16px #30233226}.task-drag-preview svg{flex-shrink:0;margin-top:4px}.task-drag-preview span{min-width:0}.delete-button{color:#8b3333;background:0 0;border-radius:5px;justify-content:center;align-items:center;gap:4px;min-height:32px;padding:6px;font-size:13px;display:inline-flex}.delete-button:hover{background:#f0d9d4}.task-editor{padding:7px}.task-editor textarea{background:var(--paper);resize:none;border:1px solid #716080;border-radius:6px;width:100%;min-height:55px;padding:7px 8px;font-size:16px;line-height:1.5;display:block;box-shadow:0 0 0 2px #7160801c}.editor-actions{justify-content:flex-end;gap:7px;padding-top:8px;display:flex}.small-button{background:var(--link);border:1px solid #8d8298;border-radius:6px;justify-content:center;align-items:center;padding:6px 12px;font-size:13px;display:inline-flex}.small-button:enabled:hover{background:#d4c9ed}.text-button{background:0 0;border-radius:6px;padding:6px 8px;font-size:13px}.text-button:hover{background:#d9d1e3}.completed-filters{align-self:center;gap:10px;margin:10px 0 0;display:flex}.filter-button{color:#625e55;background:0 0;border-radius:5px;min-height:30px;padding:3px 10px;font-size:13px}.filter-button.is-active{color:#171717;text-underline-offset:3px;text-decoration:underline}.filter-button:hover{background:#00000008}.completed-footer{text-align:center;flex:none;padding:8px 10px 12px;font-size:14px;line-height:1.5}.board-footer{color:#665c65;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:40px;font-size:12px;display:flex}.save-status{align-items:center;gap:6px;display:inline-flex}.save-status.has-issue{color:#884c22}.backup-actions{align-items:center;gap:16px;display:flex}.backup-actions button{min-height:32px;color:inherit;background:0 0;border-radius:4px;align-items:center;gap:5px;padding:4px;font-size:12px;display:inline-flex}.backup-actions button:hover{color:#171717}.storage-warning{color:#694d23;background:#fff0cd;border:1px solid #b18d50;border-radius:8px;align-items:center;gap:12px;margin:12px 0;padding:14px 16px;font-size:14px;display:flex}.storage-warning p{margin-top:4px;font-size:13px;line-height:1.5}.storage-warning .small-button{flex-shrink:0;margin-left:auto}.notification-container{z-index:10;max-width:calc(100% - 32px);position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.notification{background:var(--paper);border:1px solid #9b929c;border-radius:9px;align-items:center;gap:12px;padding:8px 10px 8px 16px;font-size:14px;display:flex;box-shadow:0 3px 14px #00000012}.notification>span{line-height:1.5}.undo-button{background:var(--link);border-radius:5px;flex-shrink:0;align-items:center;gap:5px;padding:7px 10px;font-size:13px;display:inline-flex}.undo-button:hover{background:#d4c9ed}@media (width<=1200px){h1{font-size:36px}.quick-links{gap:14px}.quick-links a{width:110px}.app-shell{padding-left:20px;padding-right:20px}}@media (width<=1000px){.board{grid-template-rows:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.matrix-header{grid-area:1/1/auto/3;padding:24px 0 12px}.panel-urgent{grid-area:2/1;height:350px}.panel-planned{grid-area:2/2;height:350px}.panel-staging{grid-area:3/1/auto/3;height:290px}.panel-completed{grid-area:4/1;height:350px}.panel-quick{grid-area:4/2;height:350px}.panel-completed,.panel-quick{margin:0}.panel-heading,.panel-staging .panel-heading{min-height:44px}.board-footer{margin-top:24px}}@media (width<=600px){.app-shell{padding:0 12px 20px}.board{flex-direction:column;gap:14px;display:flex}.matrix-header{padding:20px 0 10px}h1{font-size:clamp(25px,6.5vw,32px)}.quick-links{gap:10px;width:100%;margin-top:16px}.quick-links a{flex:1;width:auto;min-width:0;max-width:125px;min-height:36px;padding:3px 5px;font-size:15px}.panel{flex:none;height:340px}.panel-staging{height:290px}.panel-completed{height:340px}.panel-heading,.panel-staging .panel-heading{min-height:44px}.panel-content{padding:12px 8px}.composer-launch{min-height:40px;font-size:16px}.composer-submit{width:36px;min-height:36px}.composer-hint{font-size:10px}.task-check{width:36px;height:40px}.task-check>span{width:19px;height:19px}.task-title{padding:8px 0}.task-options{width:36px;height:40px}.move-label select{min-height:40px;font-size:16px}.small-button,.text-button,.delete-button{min-height:38px}.completed-footer{font-size:15px}.board-footer{flex-direction:column;gap:6px;margin-top:24px;padding-bottom:48px}.backup-actions button{min-height:38px;font-size:13px}.notification-container{width:calc(100% - 24px);max-width:none;bottom:14px}.notification{gap:6px;padding:8px}.notification>span{flex:1}.notification .icon-button,.undo-button{min-height:36px}.storage-warning{flex-wrap:wrap}.storage-warning>div{flex:1;min-width:180px}}
