@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap";
.add-task{background:#fffdf9;grid-template-columns:1fr 142px 48px;box-shadow:0 8px 22px #24383a08}.category-picker{background:#f4f2eb;border-radius:10px;align-items:center;gap:8px;padding:0 10px;display:flex;position:relative}.category-picker select{appearance:none;color:#53636a;cursor:pointer;width:100%;padding:10px 0;font-size:12px;font-weight:700}.category-picker:after{content:"⌄";color:#728087;pointer-events:none;font-size:15px;position:absolute;top:50%;right:9px;transform:translateY(-58%)}.category-dot{background:#72a080;border-radius:50%;width:8px;height:8px}.category-picker.work .category-dot{background:#e1845c}.category-picker.health .category-dot{background:#6d9faa}.add-task .add-button{background:var(--coral);border-radius:50%;place-items:center;width:48px;height:48px;transition:transform .18s,background .18s;display:grid;box-shadow:0 7px 15px #f47b6450}.add-task .add-button:hover{background:#e56a53;transform:translateY(-2px)}.add-button svg{fill:none;stroke:#fff;stroke-width:2.4px;stroke-linecap:round;width:22px;height:22px}html,body{height:100%;overflow:hidden}.app-shell{height:100dvh;min-height:0;overflow:hidden}.content{scrollbar-width:none;height:100%;overflow-y:auto}.content::-webkit-scrollbar{display:none}.more{color:var(--muted);opacity:0;background:0 0;border:1px solid #0000;border-radius:8px;justify-self:end;padding:7px 10px;font-size:12px;font-weight:700;transition:all .18s}.task:hover .more,.task:focus-within .more{opacity:1}.more:hover{border-color:var(--line);color:var(--coral);background:#fff8f4}.modal-backdrop{z-index:10;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#1832397d;place-items:center;padding:24px;animation:.18s fade-in;display:grid;position:fixed;inset:0}.task-modal{background:var(--paper);border-radius:25px;width:min(100%,510px);padding:38px;animation:.22s rise;position:relative;box-shadow:0 28px 90px #17272c66}.task-modal h2{letter-spacing:-.7px;overflow-wrap:anywhere;max-width:390px;margin:0 0 31px;font:700 30px/1.18 Playfair Display,serif}.modal-close{width:32px;height:32px;color:var(--muted);background:#f1f0ea;border:0;border-radius:50%;font-size:22px;line-height:1;position:absolute;top:22px;right:22px}.detail-grid{border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:0;display:grid}.detail-grid div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:16px 0;display:flex}.detail-grid div:last-child{border-bottom:0}.detail-grid span{color:var(--muted);font-size:13px}.detail-grid strong:not(.tag){font-size:14px}.modal-actions{justify-content:flex-end;gap:10px;margin-top:30px;display:flex}.modal-actions button{border:0;border-radius:10px;padding:12px 16px;font-size:13px;font-weight:700}.secondary-action{color:#b5624a;background:#fff0e8}.primary-action{color:#fff;background:var(--coral)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(13px)scale(.98)}to{opacity:1;transform:none}}@media (max-width:720px){.more{opacity:1}.task-modal{padding:32px 25px}.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%}}.icon-sparkle{fill:currentColor;vertical-align:-.08em;width:.85em;height:.85em;display:inline-block}:root{--ink:#223139;--muted:#718087;--paper:#fffdf8;--peach:#ffd5bf;--coral:#f47b64;--sage:#dbe8cf;--mint:#5b9378;--line:#e9e7e0;--navy:#203b42}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}:focus:not(:focus-visible){outline:none}body{min-height:100vh;color:var(--ink);-webkit-tap-highlight-color:transparent;background:#f3f1e9;margin:0;font-family:DM Sans,sans-serif}button,input,select,textarea{font:inherit;-webkit-tap-highlight-color:transparent}button{cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;outline:none}button:focus{outline:none}button:focus-visible{outline:2px solid var(--coral);outline-offset:2px}a,label,[role=button],[role=checkbox],[tabindex]{-webkit-tap-highlight-color:transparent;outline:none}a:focus:not(:focus-visible),label:focus:not(:focus-visible),[role=button]:focus:not(:focus-visible),[role=checkbox]:focus:not(:focus-visible),[tabindex]:focus:not(:focus-visible){outline:none}.app-shell{background:var(--paper);grid-template-columns:290px minmax(0,1fr);width:100%;min-height:100vh;display:grid}.sidebar{background:var(--navy);color:#fff;flex-direction:column;padding:42px 30px;display:flex}.sidebar-top{justify-content:space-between;align-items:center;display:flex}.mobile-menu-toggle{display:none}.sidebar-menu{display:contents}.brand{color:#fff;font:700 29px Playfair Display,serif;text-decoration:none}.brand span{color:#ffbd7c}.nav{gap:9px;margin:76px 0 30px;display:grid}.nav-item{color:#d4e1de;text-align:left;background:0 0;border:0;border-radius:12px;grid-template-columns:24px 1fr auto auto;align-items:center;gap:9px;padding:14px 12px;display:grid}.nav-item.active,.nav-item:hover{color:var(--navy);background:#fffdf8}.nav-item b{font-size:12px}.sidebar-card{color:#243e43;background:var(--sage);border-radius:20px;min-height:180px;margin-top:auto;padding:24px;position:relative;overflow:hidden}.sidebar-card p,.eyebrow{color:var(--muted);letter-spacing:1.5px;margin:0 0 8px;font-size:10px;font-weight:700}.sidebar-card strong{z-index:1;font:600 22px/1.2 Playfair Display,serif;position:relative}.sun{background:#f5bd72;border-radius:50%;width:128px;height:128px;position:absolute;bottom:-45px;right:-35px}.content{width:min(100%,1100px);margin:0 auto;padding:68px clamp(40px,7vw,112px)}header,.hero-card,.list-heading{justify-content:space-between;align-items:center;display:flex}header{align-items:flex-start}.content h1{letter-spacing:-2px;margin:0;font:700 clamp(38px,4vw,56px)/1.1 Playfair Display,serif}.content h1 span{color:var(--coral)}.avatar{background:var(--sage);width:46px;height:46px;color:var(--navy);border:0;border-radius:50%;place-items:center;font-weight:700;display:grid;overflow:hidden}.avatar svg{fill:currentColor;stroke:none;width:22px;height:22px}.hero-card{background:var(--peach);border-radius:21px;margin:48px 0 22px;padding:30px 34px}.hero-card h2{margin:0;font-size:20px}.progress-wrap{place-items:center;width:80px;height:80px;display:grid;position:relative}.progress-ring{width:80px;height:80px;transform:rotate(-90deg)}.progress-ring circle{fill:none;stroke-width:4px}.ring-bg{stroke:#fff5ee}.ring-value{stroke:var(--coral);stroke-linecap:round;transition:stroke-dasharray .35s}.progress-wrap strong{font-size:14px;position:absolute}.add-task{border:1px solid var(--line);background:#fff;border-radius:15px;grid-template-columns:1fr 118px 46px;gap:8px;padding:8px;display:grid}.add-task input,.add-task select{background:0 0;border:0;outline:0;min-width:0}.add-task input{padding:10px 13px}.add-task button{color:#fff;background:var(--coral);border:0;border-radius:10px;font-size:28px}.list-heading{margin:38px 0 8px}.list-heading h3{margin:0;font-size:18px}.list-heading button,.delete{color:var(--muted);background:0 0;border:0;font-size:13px}.task-list{margin:0;padding:0;list-style:none}.task{border-bottom:1px solid var(--line);grid-template-columns:28px 30px 1fr;align-items:center;gap:12px;min-height:76px;display:grid}.check{cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none}.check input{opacity:0;cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none;position:absolute}.check span{border:1.5px solid #b4c1bd;border-radius:7px;place-items:center;width:21px;height:21px;transition:border-color .15s,background .15s;display:grid}.check input:checked+span{border-color:var(--mint);background:var(--mint)}.check input:checked+span:after{content:"";background:#fff;width:11px;height:9px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 12'%3E%3Cpath d='M1.5 6.5l4 4 9-9' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 12'%3E%3Cpath d='M1.5 6.5l4 4 9-9' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat}.task-copy{text-align:left;cursor:pointer;min-width:0;font:inherit;color:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:0;outline:none;gap:5px;padding:0;display:grid}.task-copy strong{overflow-wrap:anywhere;font-size:16px}.task-copy small{color:var(--muted);font-size:12px}.task.done .task-copy strong{color:#99a5a1;text-decoration:line-through}.tag{color:var(--mint);background:#eef3e8;border-radius:10px;padding:3px 8px;font-weight:700}.tag.work{color:#a65d3c;background:#fff0e8}.tag.health{color:#577c87;background:#e9f5f5}.tag.medium{color:#9a6a1f;background:#fdf1de}.tag.high{color:#c14a3a;background:#fdeceb}.delete{visibility:hidden;font-size:24px}.task:hover .delete{visibility:visible}.empty-state{text-align:center;color:var(--muted);margin:42px}@media (max-width:720px){.app-shell{display:block}.sidebar{padding:18px 22px}.mobile-menu-toggle{color:#fff;-webkit-tap-highlight-color:transparent;background:#ffffff14;border:1px solid #ffffff24;border-radius:12px;flex:none;justify-content:center;align-items:center;width:42px;height:42px;transition:background .18s,border-color .18s,transform .12s;display:flex;box-shadow:0 2px 8px #0000001a}.mobile-menu-toggle:hover{background:#fff2;border-color:#ffffff3a}.mobile-menu-toggle:active{transform:scale(.92)}.mobile-menu-toggle:focus-visible{outline-offset:2px;outline:2px solid #ffbd7c}.mobile-menu-toggle.is-open{background:#fff2;border-color:#ffbd7c4d}.hamburger-box{width:18px;height:13px;position:relative}.hamburger-inner,.hamburger-inner:before,.hamburger-inner:after{background:currentColor;border-radius:2px;width:18px;height:2px;transition:transform .28s cubic-bezier(.4,0,.2,1),opacity .2s,top .28s cubic-bezier(.4,0,.2,1),background-color .18s;position:absolute;left:0}.hamburger-inner{top:5.5px}.hamburger-inner:before{content:"";top:-5.5px}.hamburger-inner:after{content:"";top:5.5px}.mobile-menu-toggle.is-open .hamburger-inner{background:0 0}.mobile-menu-toggle.is-open .hamburger-inner:before{top:0;transform:rotate(45deg)}.mobile-menu-toggle.is-open .hamburger-inner:after{top:0;transform:rotate(-45deg)}.sidebar-menu{display:none}.sidebar-menu.open{margin-top:20px;animation:.22s sidebar-menu-open;display:block}@keyframes sidebar-menu-open{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.nav{flex-direction:column;margin:0;display:flex}.nav-item{align-items:center;gap:10px;display:flex}.nav-item span,.nav-item b{display:flex}.sidebar-card{display:none}.content{padding:36px 22px}.add-task{grid-template-columns:1fr 42px}.add-task select{display:none}}
.add-task{background:#fffdf9;grid-template-columns:1fr 142px 48px;box-shadow:0 8px 22px #24383a08}.category-picker{background:#f4f2eb;border-radius:10px;align-items:center;gap:8px;padding:0 10px;display:flex;position:relative}.category-picker select{appearance:none;color:#53636a;cursor:pointer;width:100%;padding:10px 0;font-size:12px;font-weight:700}.category-picker:after{content:"⌄";color:#728087;pointer-events:none;font-size:15px;position:absolute;top:50%;right:9px;transform:translateY(-58%)}.category-dot{background:#72a080;border-radius:50%;width:8px;height:8px}.category-picker.work .category-dot{background:#e1845c}.category-picker.health .category-dot{background:#6d9faa}.add-task .add-button{background:var(--coral);border-radius:50%;place-items:center;width:48px;height:48px;transition:transform .18s,background .18s;display:grid;box-shadow:0 7px 15px #f47b6450}.add-button svg{fill:none;stroke:#fff;stroke-width:2.4px;stroke-linecap:round;width:22px;height:22px}@media (max-width:720px){.add-task{grid-template-columns:1fr 48px}.category-picker{display:none}}.sidebar-card strong{white-space:pre-line}.nav-check-icon{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px;display:block}.nav-icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px;display:block}.nav-dot{border-radius:50%;width:9px;height:9px;margin:0 auto;display:block}.nav-dot.low{background:var(--mint)}.nav-dot.medium{background:#dba53c}.nav-dot.high{background:var(--coral)}.nav-chevron{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px;transition:transform .18s}.nav-chevron.open{transform:rotate(180deg)}.nav-sub{flex-direction:column;gap:2px;margin:2px 0 0;padding-left:16px;animation:.18s category-open;display:flex}.nav-subitem{color:#b9cbc7;text-align:left;background:0 0;border:0;border-radius:11px;grid-template-columns:16px 1fr auto;align-items:center;gap:9px;padding:11px 12px;font-size:13px;display:grid}.nav-subitem.active,.nav-subitem:hover{color:var(--navy);background:#fffdf8}.nav-subitem b{font-size:11px}.name-modal h2{margin-bottom:22px}.name-input{border:1px solid var(--line);width:100%;color:var(--ink);background:#faf9f4;border-radius:12px;outline:0;padding:14px 16px;font-size:15px;font-weight:500;transition:border-color .18s,box-shadow .18s}.name-input:focus{border-color:#f3b8a7;box-shadow:0 0 0 4px #f47b6414}.name-modal .modal-actions{margin-top:26px}.notes-field{margin-top:18px}.notes-field .eyebrow{margin-bottom:8px}.notes-input{border:1px solid var(--line);width:100%;min-height:84px;color:var(--ink);font:inherit;resize:vertical;background:#faf9f4;border-radius:12px;outline:0;padding:12px 14px;font-size:14px;transition:border-color .18s,box-shadow .18s}.notes-input:focus{border-color:#f3b8a7;box-shadow:0 0 0 4px #f47b6414}.notes-input::placeholder{color:#9aa5a2}.note-icon{vertical-align:-2px;fill:none;width:13px;height:13px;stroke:var(--muted);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;margin-left:3px}.drag-handle{color:#c7cdc9;cursor:grab;touch-action:none;background:0 0;border:0;justify-content:center;align-self:stretch;align-items:center;width:28px;padding:0;display:flex}.drag-handle:hover{color:#8b9995}.drag-handle:active{cursor:grabbing}.grip-icon{fill:currentColor;width:14px;height:14px}.popup-row{align-items:center;gap:2px;display:flex}.popup-row .drag-handle{flex:none;width:32px;padding:0;display:flex}.popup-row>button:not(.drag-handle){flex:1;min-width:0}.search-bar{border:1px solid var(--line);background:#fff;border-radius:14px;align-items:center;gap:10px;margin-top:22px;padding:12px 14px;transition:border-color .18s,box-shadow .18s;display:flex;position:relative}.search-bar:focus-within{border-color:#f3b8a7;box-shadow:0 0 0 4px #f47b6414}.search-bar svg{fill:none;width:16px;height:16px;stroke:var(--muted);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none}.search-bar input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:14px}.search-bar input::placeholder{color:#9aa5a2}.search-clear{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0 2px;font-size:19px;line-height:1}.search-clear:hover{color:var(--coral)}.undo-toast{z-index:40;background:var(--navy);color:#fff;border-radius:14px;align-items:center;gap:18px;max-width:calc(100vw - 40px);padding:14px 16px 14px 20px;font-size:13px;font-weight:600;animation:.22s undo-in;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 16px 40px #17272c40}.undo-toast span{min-width:0}.undo-toast button{color:#ffbd7c;cursor:pointer;background:0 0;border:0;flex:none;font-size:13px;font-weight:700}.undo-toast button:hover{color:var(--coral)}@keyframes undo-in{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.signout-btn{color:#9fb6b1;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:10px;margin-top:14px;padding:12px;font-size:13px;font-weight:600;display:flex}.signout-btn:hover{color:#fff;background:#ffffff14}.signout-btn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.signin-screen{background:var(--paper);grid-column:1/-1;place-items:center;width:100%;min-height:100vh;display:grid}.signin-card{text-align:center;background:#fff;border-radius:24px;width:min(100%,380px);padding:44px 36px;box-shadow:0 20px 60px #20303512}.signin-mark{color:var(--coral);justify-content:center;align-items:center;gap:8px;margin-bottom:26px;font:700 22px Playfair Display,serif;display:flex}.signin-card h1{letter-spacing:-.5px;color:var(--ink);margin:0 0 10px;font:700 26px/1.2 Playfair Display,serif}.signin-card p{color:var(--muted);margin:0 0 28px;font-size:14px}.google-btn{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:12px;align-items:center;gap:10px;padding:13px 22px;font-size:14px;font-weight:700;transition:border-color .15s,box-shadow .15s;display:inline-flex}.google-btn:hover{border-color:#cfd3cd;box-shadow:0 8px 20px #20303514}.google-btn svg{width:18px;height:18px}.add-task{background:#fffefa;border:1px solid #e5e4dc;border-radius:18px;grid-template-columns:minmax(0,1fr) auto auto 48px;min-height:74px;padding:11px 12px 11px 22px;box-shadow:0 10px 28px #203b4209}.add-task input{height:48px;color:var(--ink);border:0;padding:0;font-size:15px;font-weight:500}.add-task input::placeholder{color:#8b9697}.add-task .category-menu{align-self:center}.add-task .category-trigger{color:#526168;min-width:124px;height:42px;box-shadow:none;background:#f7f6f1;border:1px solid #e6e5de;border-radius:12px;align-items:center;gap:8px;padding:0 12px;font-size:12px;font-weight:700;display:flex}.add-task .category-trigger:hover{background:#fff;border-color:#cfd3cd}.add-task .category-trigger svg{fill:none;stroke:currentColor;stroke-width:2px;width:15px;height:15px;margin-left:auto}.add-task .add-button{color:#fff;background:var(--coral);border-radius:50%;place-items:center;width:46px;height:46px;margin:0;display:grid;box-shadow:0 6px 16px #f47b6440}.add-task .add-button:hover{background:#df6752;transform:translateY(-1px)}.add-task .add-button svg{width:21px;height:21px}.category-options{background:#fffefa;border-color:#e5e4dc;border-radius:14px;width:176px;padding:7px;top:calc(100% + 10px);right:0;box-shadow:0 18px 40px #1e333824}.category-options button{color:#53636a;background:0 0}.category-options .selected-check{color:var(--mint)}.show-more{color:#53676a;background:#fafaf5;border:1px dashed #d8dbd4;border-radius:12px;justify-content:center;align-items:center;gap:9px;width:100%;margin-top:16px;padding:13px;font-size:13px;font-weight:700;transition:all .18s;display:flex}.show-more:hover{color:#df6752;background:#fff7f2;border-color:#f0a18d}.show-more span{font-size:18px;line-height:0}.task-list-modal{max-height:min(720px,82dvh);padding-bottom:26px}.task-list-modal h2{margin-bottom:8px}.modal-subtitle{color:var(--muted);margin:0 0 20px;font-size:13px}.popup-tasks{border-top:1px solid var(--line);max-height:430px;margin:0;padding:0;list-style:none;overflow:auto}.popup-tasks::-webkit-scrollbar{width:5px}.popup-tasks::-webkit-scrollbar-thumb{background:#d5d8d0;border-radius:20px}.popup-tasks li{border-bottom:1px solid var(--line)}.popup-tasks button{text-align:left;background:0 0;border:0;grid-template-columns:28px 1fr;align-items:center;gap:10px;width:100%;padding:14px 3px;display:grid}.popup-tasks button:hover strong{color:var(--coral)}.popup-copy{min-width:0}.popup-tasks strong{overflow-wrap:anywhere;margin-bottom:5px;font-size:14px;display:block}.popup-tasks small{color:var(--muted);font-size:11px}.popup-check{cursor:pointer;border:1.5px solid #b6c1bd;border-radius:7px;place-items:center;width:20px;height:20px;display:grid}.popup-check.is-done{border-color:var(--mint);background:var(--mint)}.popup-check.is-done:after{content:"";background:#fff;width:10px;height:8px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 12'%3E%3Cpath d='M1.5 6.5l4 4 9-9' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 12'%3E%3Cpath d='M1.5 6.5l4 4 9-9' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat}.add-task{border:1px solid #e6e6df;border-radius:19px;align-items:center;gap:12px;padding:10px 11px 10px 18px;position:relative;box-shadow:0 12px 30px #24383a0b}.add-task:focus-within{border-color:#f3b8a7;box-shadow:0 12px 30px #f47b6415}.add-task input{font-size:15px}.category-menu{position:relative}.category-trigger{color:#47565d;background:#f4f2eb;border:1px solid #0000;border-radius:11px;align-items:center;gap:8px;min-width:132px;padding:10px 11px;font-size:12px;font-weight:700;display:flex}:is(.category-trigger:hover,.category-menu:has(.category-options) .category-trigger){background:#fff;border-color:#deded6}.category-trigger svg{fill:none;stroke:currentColor;stroke-width:2px;width:16px;height:16px;margin-left:auto;transition:transform .2s}.category-menu:has(.category-options) .category-trigger svg{transform:rotate(180deg)}.category-options{z-index:5;background:#fffefa;border:1px solid #e5e5df;border-radius:14px;flex-direction:column;gap:2px;width:182px;padding:7px;animation:.18s category-open;display:flex;position:absolute;top:calc(100% + 9px);right:0;box-shadow:0 16px 36px #22313924}.category-options button{color:#43545b;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:9px;width:100%;padding:10px;font-size:13px;font-weight:700;display:flex}.category-options button:hover,.category-options button[aria-selected=true]{background:#f3f2ec}.category-options .selected-check{fill:none;width:14px;height:14px;stroke:var(--mint);stroke-width:2.8px;stroke-linecap:round;stroke-linejoin:round;margin-left:auto}.category-dot{flex:none}.category-options .personal .category-dot{background:#72a080}.category-options .work .category-dot{background:#e1845c}.category-options .health .category-dot{background:#6d9faa}.category-options .low .category-dot{background:var(--mint)}.category-options .medium .category-dot{background:#dba53c}.category-options .high .category-dot{background:var(--coral)}.add-task .add-button{width:48px;height:48px;box-shadow:none;border-radius:14px}.add-task .add-button:hover{transform:scale(1.04)}@keyframes category-open{0%{opacity:0;transform:translateY(-6px)scale(.97)}to{opacity:1;transform:none}}.detail-menu .category-trigger{min-width:0}@media (max-width:720px){.add-task .category-menu{display:none}.add-task{grid-template-columns:1fr 48px}.add-task .add-button{border-radius:12px}.category-options{width:min(182px,100vw - 48px)}}*,:before,:after{-webkit-tap-highlight-color:transparent!important}button,a,input,select,textarea,label,[role=button],[role=checkbox],[tabindex]{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent!important}button:focus,a:focus,label:focus,[role=button]:focus,[role=checkbox]:focus,[tabindex]:focus,.drag-handle:focus,.popup-check:focus,.category-trigger:focus,.task-copy:focus{outline:none!important}
.loader-overlay{z-index:60;background:var(--navy);place-items:center;transition:opacity .5s;display:grid;position:fixed;inset:0}.loader-overlay.leaving{opacity:0;pointer-events:none}.loader-mark{flex-direction:column;align-items:center;gap:14px;display:flex}.loader-word{color:#fff;letter-spacing:-.5px;clip-path:inset(0 100% 0 0);font:700 34px Playfair Display,serif;animation:.8s cubic-bezier(.65,0,.35,1) .1s forwards loader-reveal;display:inline-block}.loader-word b{color:#ffbd7c;margin-right:3px;font-weight:700}.loader-rule{background:var(--coral);border-radius:2px;width:52px;height:2px;animation:.45s .8s forwards loader-rule-in;transform:scaleX(0)}@keyframes loader-reveal{to{clip-path:inset(0)}}@keyframes loader-rule-in{to{transform:scaleX(1)}}.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}@media (prefers-reduced-motion:reduce){.loader-overlay{transition:opacity .3s}.loader-word{clip-path:none;animation:none}.loader-rule{animation:none;transform:scaleX(1)}}