@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.8e0177b5.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.b97b3418.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.853070df.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist","Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.c1fdd6c2.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.799d8ef8.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.dbea232f.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.relative{position:relative}.static{position:static}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.break-all{word-break:break-all}.uppercase{text-transform:uppercase}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}*{box-sizing:border-box;margin:0;padding:0}:root{--accent-color:#3b5b72;--accent-hover:#314a5d;--accent-light:#3b5b721f;--accent-tag:#3b5b7273;--accent-text:#fff;--accent-border:#fff9;--radius-primary:0;--radius-secondary:2px}.color-options{flex-wrap:nowrap;gap:8px;width:100%;display:flex}.color-option{aspect-ratio:1;cursor:pointer;border:1px solid #1118271f;border-radius:0;flex:1;min-width:0;transition:transform .15s,border-color .15s;position:relative;overflow:hidden}body{color:#1a1d21;background:#f5f7fb;max-width:720px;min-height:100vh;margin:0 auto;padding:16px;font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;line-height:1.5}.app-block{box-shadow:none;background:#fff;border:1px solid #1118271f;border-radius:0;margin-bottom:24px;padding:20px 16px;position:relative}.app-block:before,.app-block:after{display:none}.app-block--header{background:0 0;border:none;padding:0 0 24px}.app-block--builder{margin-top:36px;padding:28px 32px 32px}.app-block--tasks{margin-bottom:48px;padding:28px 32px 32px}.home-how{color:#1118279e;background:0 0;border:none;margin:10px 0 14px;padding:0 2px;font-size:12.5px}.home-how__heading{letter-spacing:.6px;text-transform:uppercase;color:#11182775;text-align:center;margin:0 0 6px;font-size:12px}.home-how__list-inline{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 10px;margin:0;padding:0;list-style:none;display:flex}.home-how__list-inline li{white-space:nowrap;padding:0 0 0 10px;line-height:1.4;position:relative}.home-how__list-inline li:before{content:"•";color:var(--accent-color);font-size:12px;font-weight:600;position:absolute;top:50%;left:0;transform:translateY(-50%)}.home-how__list-inline li:first-child:before{content:""}.home-how__action{color:var(--accent-color);cursor:pointer;background:0 0;border:none;padding:0;font-size:12.5px;text-decoration:none}.home-how__action:hover,.home-how__action:focus-visible{text-decoration:underline}.menu-section--boards .menu-label{align-items:center;gap:8px;display:flex}.menu-section--boards-locked{background:#e1b12c14;border:1px solid #e1b12c40;padding:16px}.board-combobox{position:relative}.board-combobox__trigger{color:#111827;cursor:pointer;background:#fffffff2;border:1px solid #11182733;border-radius:0;justify-content:space-between;align-items:center;width:100%;padding:10px 12px;font-size:13px;font-weight:600;transition:border-color .15s;display:flex}.board-combobox__trigger:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.board-combobox__chevron{border-radius:var(--radius-primary);color:#111827b3;background:#1118270f;justify-content:center;align-items:center;width:24px;height:24px;transition:background .15s,color .15s;display:flex}.board-combobox__trigger:hover .board-combobox__chevron{color:#111827e6;background:#1118271a}.board-combobox__panel{z-index:10;background:#fff;border:1px solid #1118271f;border-radius:0;flex-direction:column;gap:8px;padding:10px;display:flex;position:absolute;top:calc(100% + 6px);left:0;right:0;box-shadow:0 12px 30px #0f172a2e}.board-combobox__search{border:1px solid #11182733;border-radius:0;padding:8px 10px;font-size:13px}.board-combobox__search:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.board-combobox__list{border:1px solid #11182714;border-radius:0;max-height:200px;padding:4px;overflow-y:auto}.board-combobox__status{color:#1118278c;padding:6px 8px;font-size:13px}.board-combobox__option{border-radius:0;align-items:center;gap:4px;padding:6px 4px;display:flex;position:relative}.board-combobox__option:hover,.board-combobox__option:focus-within,.board-combobox__option:hover,.board-combobox__option:focus-visible{background:#1118270a}.board-combobox__option--active{background:var(--accent-light);color:var(--accent-color);font-weight:600}.board-combobox__option-main{cursor:pointer;text-align:left;color:inherit;background:0 0;border:none;flex:1;justify-content:space-between;align-items:center;padding:6px 8px;display:flex}.board-combobox__option-main:hover,.board-combobox__option-main:focus-visible{background:#1118270f}.board-combobox__option-name{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.board-combobox__option-pill{display:none}.board-combobox__option--active{background:#3b5b720d}.board-combobox__option--active:before{content:"";border-radius:var(--radius-primary);background:var(--accent-color);width:3px;position:absolute;top:6px;bottom:6px;left:0;box-shadow:0 0 6px #3b5b7259}.board-combobox__option--active .board-combobox__option-name{color:var(--accent-color);font-weight:600}.board-combobox__option-default,.board-combobox__option-rename,.board-combobox__option-delete{color:#1118278c;cursor:pointer;opacity:0;pointer-events:none;background:#1118270f;border:1px solid #11182733;justify-content:center;align-items:center;width:22px;height:22px;font-size:13px;transition:opacity .15s,background .15s,color .15s;display:inline-flex}.board-combobox__option-rename:hover,.board-combobox__option-rename:focus-visible{color:var(--accent-color);border-color:var(--accent-color);background:#1118271a}.board-combobox__option-delete{color:#d14343e6}.board-combobox__option-delete:hover,.board-combobox__option-delete:focus-visible{background:#d1434326;border-color:#d14343b3}.board-combobox__option-rename,.board-combobox__option-delete{opacity:0;pointer-events:none}.board-combobox__option:hover .board-combobox__option-rename,.board-combobox__option:focus-within .board-combobox__option-rename,.board-combobox__option:hover .board-combobox__option-delete,.board-combobox__option:focus-within .board-combobox__option-delete{opacity:1;pointer-events:auto}.board-combobox__option-default{opacity:0;pointer-events:none}.board-combobox__option:hover .board-combobox__option-default,.board-combobox__option:focus-within .board-combobox__option-default{opacity:1;pointer-events:auto}.board-combobox__option-default:hover,.board-combobox__option-default:focus-visible{color:var(--accent-color);background:var(--accent-light);border-color:var(--accent-color)}.board-combobox__option-default.board-combobox__option-default--is-default{opacity:1;pointer-events:auto;color:#fff;background:var(--accent-color);border-color:var(--accent-color)}.board-combobox__option-default.board-combobox__option-default--is-default:hover,.board-combobox__option-default.board-combobox__option-default--is-default:focus-visible{color:#fff;background:var(--accent-hover);border-color:var(--accent-hover)}.board-combobox__option-delete:disabled{pointer-events:none;opacity:.25!important}.board-combobox__option-delete-confirm{gap:4px;display:inline-flex}.board-combobox__option-delete--confirm{color:#16a34ae6;background:#22c55e14;border-color:#22c55e99}.board-combobox__option-delete--cancel{background:#1118270f;border-color:#11182759}.board-combobox__rename-input{border:1px solid #11182733;border-radius:0;flex:1;padding:6px 8px;font-size:13px}.board-combobox__add{justify-content:center;gap:8px}.board-combobox__add--locked{opacity:.75;border-style:dashed}.board-combobox__add-badge{color:#e1b12c;font-size: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}.auth-placeholder{z-index:1;position:absolute;top:24px;right:24px}.auth-button{color:#666;cursor:not-allowed;background:0 0;border:1px solid #11111126;padding:8px 16px;font-size:13px;font-weight:500;transition:opacity .2s}.auth-button:hover{opacity:.8}.top-bar{justify-content:space-between;align-items:center;gap:12px;display:flex}.app-logo{border-radius:var(--radius-primary);--logo-rotation:0deg;width:36px;height:36px;transform:rotate(var(--logo-rotation));background:0 0;border:1px solid #11182733;flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;transition:border-color .2s,transform .28s cubic-bezier(.33,1,.68,1);display:inline-flex;position:relative;overflow:visible}.app-logo:hover{border-color:var(--accent-color);transform:rotate(var(--logo-rotation))translateY(-1px)}.app-logo:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.app-logo img{z-index:2;backface-visibility:hidden;display:block;position:relative}.header-new-goal-button{background:var(--accent-color);color:var(--accent-text);cursor:pointer;border:none;border-radius:0;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:700;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex;box-shadow:0 2px 8px #0f172a1f}.header-new-goal-button__label{text-transform:uppercase;letter-spacing:.5px}.header-new-goal-button__board{text-transform:none;opacity:.9;color:#ffffffd9;white-space:nowrap;text-overflow:ellipsis;border-left:1px solid #ffffff4d;max-width:120px;padding-left:8px;font-size:12px;font-weight:500;overflow:hidden}.header-new-goal-button:hover,.header-new-goal-button:focus-visible{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #0f172a29}.header-new-goal-button:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.header-new-goal-button:active{transform:translateY(0);box-shadow:0 2px 6px #0f172a1f}.menu-button{cursor:pointer;background:0 0;border:1px solid #11182733;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:border-color .2s,color .2s;display:flex}.menu-button:hover{border-color:var(--accent-color)}.menu-button:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.menu-icon{color:#1a1d21;font-size:18px;font-weight:600;transition:color .2s}.menu-button:hover .menu-icon{color:var(--accent-color)}.menu-overlay{opacity:0;pointer-events:none;z-index:99;background:#00000080;width:100%;height:100%;transition:opacity .3s;position:fixed;top:0;left:0}.menu-overlay.active{opacity:1;pointer-events:auto}.menu-panel{z-index:100;background:#fff;flex-direction:column;width:min(320px,85vw);height:100%;transition:right .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;right:-100%;overflow-y:auto;box-shadow:-4px 0 20px #00000026}.menu-panel.active{right:0}.menu-header{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;gap:12px;padding:20px;display:flex}.menu-header-actions{flex-wrap:nowrap;flex:auto;align-items:center;gap:8px;padding-right:12px;display:flex}.menu-header-spacer{flex:1}.menu-close{color:#666;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:24px;transition:color .15s;display:flex}.menu-close:hover{color:#000}.menu-section{border-bottom:1px solid #e0e0e0;padding:20px}.menu-section--icons{border-bottom:none;padding-bottom:12px}.menu-section--guides{border-top:1px solid #e0e0e0}.menu-section__header{cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:0;display:flex}.menu-section__header--collapsible:hover{opacity:.8}.menu-section__header .menu-label{margin-bottom:0}.menu-section__chevron{border-radius:var(--radius-primary);color:#111827b3;background:#1118270f;justify-content:center;align-items:center;width:24px;height:24px;transition:transform .2s,background .15s,color .15s;display:flex;transform:rotate(-90deg)}.menu-section__header:hover .menu-section__chevron{color:#111827e6;background:#1118271a}.menu-section__chevron--expanded{transform:rotate(0)}.menu-section__content{margin-top:12px}.view-toggle{gap:8px;display:flex}.view-toggle-btn{border-radius:var(--radius-primary);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;color:#666;background:#fff;border:1px solid #d0d0d0;flex:1;padding:10px 14px;font-size:12px;font-weight:700;transition:all .15s}.view-toggle-btn:hover:not(.active){background:#fafafa;border-color:#999}.view-toggle-btn.active{background:var(--accent-color);border-color:var(--accent-color);color:var(--accent-text)}.menu-section--auth{flex-direction:column;gap:10px;display:flex}.auth-buttons{gap:8px;display:flex}.auth-tagline{color:#11182780;text-align:center;margin:0;font-size:11px;line-height:1.3}.menu-label{color:#999;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;font-size:11px;font-weight:800;display:block}.menu-label--inline{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.menu-label--subtle{color:#666;letter-spacing:.8px;font-size:10px}.menu-label__meta{align-items:center;gap:6px;display:inline-flex}.menu-label__hint{border-radius:var(--radius-primary);color:currentColor;cursor:pointer;box-sizing:border-box;background:0 0;border:1px solid;justify-content:center;align-items:center;width:16px;height:16px;margin-left:6px;padding:0;font-size:10px;font-weight:800;line-height:1;display:inline-flex}.menu-label__hint:hover{color:#666;border-color:#666}.menu-label__hint:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.menu-label__description{color:#666;margin:-4px 0 8px;font-size:11px;line-height:1.4}.menu-action-button{border-radius:var(--radius-primary);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;color:#333;background:#fff;border:1px solid #d0d0d0;width:100%;margin-bottom:8px;padding:12px;font-size:13px;font-weight:700;transition:all .15s}.menu-action-button:hover:not(:disabled){background:#fafafa;border-color:#000}.menu-action-button:disabled{opacity:.3;cursor:not-allowed}.menu-action-button.auth-button-placeholder{background:var(--accent-color);color:var(--accent-text);border-color:var(--accent-color);margin-bottom:0}.menu-header-actions .menu-action-button{flex:0 50%;width:auto;margin-bottom:0;padding:10px 12px}.menu-action-button.admin-header-button{letter-spacing:.4px;flex:0 auto;padding:8px 10px;font-size:12px}.menu-action-button.auth-button-placeholder:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.menu-action-button.premium-button-placeholder{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border-color:#f59e0b;margin-bottom:0;font-weight:800}.menu-action-button.premium-button-placeholder:hover{background:linear-gradient(135deg,#d97706 0%,#b45309 100%);border-color:#d97706;transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b4d}.menu-header__premium-button{width:100%;margin-bottom:12px}.menu-action-button.delete-button{color:#dc2626;border-color:#dc2626}.menu-action-button.delete-button:hover{color:#fff;background:#dc2626}.feature-toggle{border-bottom:1px solid #1118270f;justify-content:space-between;align-items:center;padding:10px 0;display:flex}.feature-toggle:last-child{border-bottom:none}.feature-toggle__label{cursor:pointer;flex-direction:column;flex:1;gap:2px;display:flex}.feature-toggle__name-row{align-items:center;gap:6px;display:flex}.feature-toggle__name{color:#333;font-size:13px;font-weight:500}.feature-toggle__hint{color:#999;font-size:11px;font-weight:400}.feature-badge{color:#111827;text-transform:uppercase;letter-spacing:.5px;box-shadow:none;background:0 0;border:1px solid #111827;border-radius:0;align-items:center;gap:4px;padding:3px 6px;font-size:10px;font-weight:700;line-height:1;transition:border-color .2s,background .2s,color .2s;display:inline-flex}.feature-badge--active{color:#0b6648;background:#0f9f6a0f;border-color:#0f9f6a}.feature-badge--locked{color:#8a3e05;background:#b95b0a0d;border-color:#b95b0a}.feature-badge__icon{background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;width:12px;height:12px;display:inline-flex}.feature-badge--active .feature-badge__icon{color:#0f9f6a}.feature-badge--locked .feature-badge__icon{color:#d4701e}.feature-badge__icon svg{width:12px;height:12px}.feature-badge__text{line-height:1}.icon-lock-pill{color:#8a3e05;background:#b95b0a0f;border-color:#8a3e05}.premium-block{border-radius:var(--radius-primary);background:#fff;border:1px solid #e0e0e0;margin-top:16px;padding:12px 14px}.premium-block--locked{background:#e1b12c14;border:1px solid #e1b12c40}.premium-success{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.confetti{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.confetti__piece{background:var(--accent-color);width:8px;height:8px;position:absolute;top:-10px}.confetti__piece--left{animation:3s ease-out forwards confetti-fall-left}.confetti__piece--right{animation:3s ease-out forwards confetti-fall-right}@keyframes confetti-fall-left{0%{opacity:1;transform:translate(-100px)translateY(0)rotate(0)scale(1)}to{opacity:0;transform:translate(150px)translateY(100vh)rotate(720deg)scale(.5)}}@keyframes confetti-fall-right{0%{opacity:1;transform:translate(100px)translateY(0)rotate(0)scale(1)}to{opacity:0;transform:translate(-150px)translateY(100vh)rotate(-720deg)scale(.5)}}.premium-success__container{border-radius:var(--radius-primary);text-align:center;opacity:0;background:#fff;border:1px solid #1118271f;width:100%;max-width:400px;padding:40px 32px;transition:opacity .4s,transform .4s;position:relative;transform:translateY(12px)}.premium-success__container--visible{opacity:1;transform:translateY(0)}.premium-success__brand{justify-content:center;align-items:center;gap:10px;margin-bottom:20px;display:flex}.premium-success__logo{width:36px;height:36px;color:var(--accent-color)}.premium-success__brand-name{letter-spacing:-.3px;color:#111827eb;font-size:22px;font-weight:700}.premium-success__brand-tld{color:var(--accent-color);font-weight:600}.premium-success__divider{background:var(--accent-color);width:48px;height:2px;margin:0 auto 24px}.premium-success__message{margin-bottom:28px}.premium-success__title{color:#111827eb;letter-spacing:-.3px;margin-bottom:10px;font-size:24px;font-weight:700}.premium-success__subtitle{color:#11182799;margin:0;font-size:14px;line-height:1.6}.premium-success__badge-showcase{background:var(--accent-light);border-radius:var(--radius-primary);border:1px solid #11182714;margin-bottom:24px;padding:20px 16px}.premium-success__badge-demo{justify-content:center;margin-bottom:12px;display:flex}.premium-success__badge{transform:scale(1.15)}.premium-success__badge-hint{color:#11182799;margin:0;font-size:12px;line-height:1.5}.premium-success__cta{background:var(--accent-color);width:100%;color:var(--accent-text);border-radius:var(--radius-primary);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s;display:inline-flex}.premium-success__cta:hover{background:var(--accent-hover)}.premium-success__cta svg{transition:transform .15s}.premium-success__cta:hover svg{transform:translate(2px)}.premium-success__reference{color:#11182766;margin-top:16px;font-size:11px}.premium-success__reference-id{font-family:var(--font-geist-mono),ui-monospace,monospace;color:#1118278c;border-radius:var(--radius-secondary);background:#1118270a;padding:2px 5px}.toggle-switch{cursor:pointer;flex-shrink:0;width:42px;height:24px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{background:#1118271f;border:1px solid #11182726;transition:background .2s;position:absolute;inset:0}.toggle-slider:before{content:"";background:#fff;width:18px;height:18px;transition:transform .2s;position:absolute;bottom:2px;left:2px;box-shadow:0 1px 3px #0003}.toggle-switch input:checked+.toggle-slider{background:var(--accent-color);border-color:var(--accent-color)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(18px)}.toggle-switch input:disabled+.toggle-slider{opacity:.3;cursor:not-allowed}.toggle-switch input:disabled~.toggle-slider{cursor:not-allowed}.toggle-switch:has(input:disabled){cursor:not-allowed}.task-detail-overlay{opacity:0;pointer-events:none;z-index:99;background:#00000080;width:100%;height:100%;transition:opacity .3s;position:fixed;top:0;left:0}.task-detail-overlay.active{opacity:1;pointer-events:auto}.task-detail-panel{z-index:100;background:#fff;flex-direction:column;width:min(420px,90vw);height:100%;transition:right .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;right:-100%;overflow-y:auto;box-shadow:-4px 0 20px #00000026}.task-detail-panel.active{right:0}.task-detail-header{border-bottom:1px solid #e0e0e0;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px;display:flex}.task-detail-header h3{text-transform:uppercase;letter-spacing:1px;color:#000;font-size:18px;font-weight:900}.task-detail-close{color:#666;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:24px;transition:color .15s;display:flex}.task-detail-close:hover{color:#000}.task-detail-content{flex:1;padding:0;overflow-y:auto}.task-detail-section{border-bottom:1px solid #e0e0e0;padding:20px}.task-detail-section--disabled{opacity:.5}.task-detail-section--premium-locked{position:relative}.task-detail-section--premium-locked input:disabled{opacity:.5;cursor:not-allowed;background:#f9f9f9}.task-detail-label{color:#999;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;font-size:11px;font-weight:800;display:block}.task-detail-text{color:#111;font-size:16px;font-weight:500;line-height:1.5}.task-detail-text-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.task-detail-text-row .task-detail-text{word-break:break-word;flex:1}.task-detail-edit-button{color:var(--accent-color);border-radius:var(--radius-primary);cursor:pointer;background:#f0f5f9;border:none;padding:6px 12px;font-size:13px;font-weight:600;transition:background .15s,color .15s,box-shadow .15s}.task-detail-edit-button:hover{color:#2c4558;background:#e6eef3}.task-detail-edit-button:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.task-detail-text-form{flex-direction:column;gap:10px;display:flex}.task-detail-text-input{border-radius:var(--radius-secondary);border:1px solid #d0d0d0;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.task-detail-text-input:hover{border-color:#999}.task-detail-text-input:focus{border-color:var(--accent-color);outline:none;box-shadow:0 0 0 2px #3b5b721a}.task-detail-text-actions{justify-content:flex-end;gap:8px;display:flex}.task-detail-text-cancel{color:#666;border-radius:var(--radius-secondary);cursor:pointer;background:0 0;border:none;padding:6px 10px;font-size:13px;font-weight:500;transition:background .15s,color .15s}.task-detail-text-cancel:hover{color:#444;background:#f1f1f1}.task-detail-text-cancel:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.task-detail-text-save{background:var(--accent-color);color:#fff;border-radius:var(--radius-secondary);cursor:pointer;border:none;padding:6px 16px;font-size:13px;font-weight:600;transition:background .15s,box-shadow .15s}.task-detail-text-save:hover{background:#304b60}.task-detail-text-save:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.task-detail-text-save:disabled{color:#7a8a97;cursor:not-allowed;box-shadow:none;background:#d9e2e8}.task-detail-priority{flex-direction:column;gap:8px;display:flex}.task-detail-priority--inline{flex-direction:row;gap:16px}.priority-control{flex-direction:column;gap:6px;display:flex}.priority-control--inline{flex-direction:row;flex:1;align-items:center;gap:8px}.priority-control--inline .priority-control__label{white-space:nowrap;min-width:auto}.task-detail-select--inline{flex:1;min-width:0}.priority-control__label{color:#444;font-size:12px;font-weight:600}.priority-info{color:#555;font-size:13px}.priority-info strong{color:#111;font-weight:600}.task-detail-date-input,.task-detail-select{border-radius:var(--radius-secondary);background:#fff;border:1px solid #d0d0d0;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .15s}.task-detail-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:32px}.task-detail-date-input:hover,.task-detail-select:hover{border-color:#999}.task-detail-date-input:focus,.task-detail-select:focus{border-color:var(--accent-color);outline:none;box-shadow:0 0 0 2px #3b5b721a}.task-detail-select:disabled{cursor:not-allowed;opacity:.6}.task-detail-textarea{border-radius:var(--radius-secondary);resize:vertical;background:#fff;border:1px solid #d0d0d0;width:100%;min-height:80px;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .15s}.task-detail-textarea--autosize{resize:none;height:auto;min-height:auto;line-height:20px;overflow:hidden}.task-detail-textarea:hover{border-color:#999}.task-detail-textarea:focus{border-color:var(--accent-color);outline:none;box-shadow:0 0 0 2px #3b5b721a}.task-detail-clear-button{color:#666;border-radius:var(--radius-primary);cursor:pointer;background:0 0;border:1px solid #d0d0d0;margin-top:8px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s}.task-detail-clear-button:hover{color:#333;border-color:#999}.feature-coming-soon{color:#999;font-size:13px;font-style:italic}.feature-visibility-badge{text-transform:uppercase;letter-spacing:.5px;color:#666;border-radius:var(--radius-primary);background:#1118271a;margin-left:8px;padding:2px 6px;font-size:10px;font-weight:600}.feature-visibility-hint,.task-detail-hint{color:#999;margin:8px 0 0;font-size:11px;font-style:italic}.premium-upsell-hint{border-radius:var(--radius-primary);background:linear-gradient(135deg,#f59e0b14 0%,#d9770614 100%);border-left:3px solid #f59e0b;align-items:flex-start;gap:10px;margin-top:12px;padding:12px;display:flex}.premium-upsell-icon{flex-shrink:0;font-size:20px;line-height:1}.premium-upsell-hint p{color:#666;margin:0;font-size:12px;line-height:1.5}.premium-upsell-hint strong{color:#d97706;font-weight:700}.task-detail-footer{border-top:1px solid #e0e0e0;flex-shrink:0;gap:12px;margin-top:auto;padding:20px;display:flex}.task-detail-section--compact{padding:16px 20px}.task-detail-section--nested{border-bottom:none;padding:12px 0}.task-detail-section--collapsible{padding:0}.collapsible-header-btn{cursor:pointer;text-align:left;background:0 0;border:none;border-bottom:1px solid #e0e0e0;align-items:center;gap:8px;width:100%;padding:16px 20px;transition:background .15s;display:flex}.collapsible-header-btn:hover{background:#3b5b7205}.collapsible-content{border-bottom:1px solid #e0e0e0;padding:0 20px 16px}.input-with-action{align-items:center;display:flex;position:relative}.inline-clear-button{border-radius:var(--radius-primary);cursor:pointer;color:#666;background:#1118270d;border:none;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;font-weight:600;transition:all .15s;display:flex;position:absolute;right:8px}.inline-clear-button:hover{color:#dc2626;background:#dc26261a}.badge-hidden{opacity:.4;margin-left:6px;font-size:11px}.task-detail-section--premium-group{background:#f59e0b05;border-bottom:1px solid #f59e0b1a;padding:16px 20px}.task-detail-section--premium-group.task-detail-section--premium-unlocked{background:0 0;border-bottom:1px solid #11182714}.premium-group-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.premium-group-header .task-detail-label{margin-bottom:0}.inline-upgrade-link{color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:var(--radius-primary);cursor:pointer;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border:none;padding:6px 12px;font-size:11px;font-weight:700;transition:all .15s}.inline-upgrade-link:hover{background:linear-gradient(135deg,#d97706 0%,#b45309 100%);transform:translateY(-1px);box-shadow:0 2px 8px #f59e0b4d}.premium-field{margin-bottom:16px}.premium-field:last-child{margin-bottom:0}.premium-field--disabled{opacity:.5}.premium-locked-hint{color:#b45309;letter-spacing:.2px;margin-top:6px;font-size:11px;font-weight:600;display:block}.premium-field-label{color:#666;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:8px;margin-bottom:8px;font-size:11px;font-weight:700;display:flex}.subtask-bubble{min-width:28px;color:var(--accent-color);border-radius:var(--radius-primary);text-transform:none;letter-spacing:normal;opacity:.8;background:#3b5b721a;justify-content:center;align-items:center;padding:2px 6px;font-size:10px;font-weight:600;display:inline-flex}.task-detail-select--compact{padding:8px 12px;font-size:13px}.field-hint{color:#999;margin-top:4px;font-size:10px;font-style:italic;display:block}.field-hint.shake{animation:.5s ease-in-out shake}.subtasks-locked-copy{border-radius:var(--radius-primary);color:#4b5563;background:#1118270a;border:1px dashed #1118272e;padding:12px;font-size:13px;line-height:1.6}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}.subtasks-list{border-radius:var(--radius-primary);background:#fafafa;border:1px solid #e5e5e5;max-height:200px;margin-bottom:12px;transition:all .3s;overflow-y:auto}.subtasks-list.highlight-subtasks{border-color:#3b82f6;animation:2s ease-out subtask-pulse}@keyframes subtask-pulse{0%,to{background:#fafafa;border-color:#e5e5e5}10%,30%,50%{background:#dbeafe;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb40,0 0 12px #2563eb4d}20%,40%{background:#eff6ff;border-color:#60a5fa;box-shadow:0 0 0 3px #3b82f626,0 0 8px #3b82f633}}.subtasks-empty{text-align:center;color:#999;padding:16px;font-size:12px;font-style:italic}.subtask-item{background:#fff;border-bottom:1px solid #e5e5e5;align-items:center;gap:8px;padding:10px 12px;transition:background .15s;display:flex;position:relative}.subtask-item:last-child{border-bottom:none}.subtask-item:hover{background:#f9f9f9}.subtask-checkbox{cursor:pointer;flex-shrink:0;margin:0}.subtask-text{color:#333;flex:1;font-size:13px;line-height:1.4;transition:opacity .15s,-webkit-text-decoration .15s,text-decoration .15s}.subtask-text--completed{opacity:.5;text-decoration:line-through}.subtask-delete{opacity:0;border-radius:var(--radius-primary);cursor:pointer;color:#dc2626;background:#dc262614;border:none;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.subtask-item:hover .subtask-delete{opacity:1}.subtask-delete:hover{color:#fff;background:#dc2626;transform:scale(1.1)}.subtask-add{align-items:center;gap:8px;margin-top:8px;display:flex}.subtask-input{border-radius:var(--radius-secondary);background:#fff;border:1px solid #d0d0d0;flex:1;padding:8px 12px;font-family:inherit;font-size:13px;transition:border-color .15s}.subtask-input:hover{border-color:#999}.subtask-input:focus{border-color:var(--accent-color);outline:none;box-shadow:0 0 0 2px #3b5b721a}.subtask-input:disabled{opacity:.5;cursor:not-allowed;background:#f9f9f9}.subtask-add-button{background:var(--accent-color);border-radius:var(--radius-primary);color:#fff;cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:18px;font-weight:600;transition:all .15s;display:flex}.subtask-add-button:hover:not(:disabled){background:var(--accent-hover);transform:scale(1.05)}.subtask-add-button:active:not(:disabled){transform:scale(.95)}.subtask-add-button:disabled{opacity:.3;cursor:not-allowed}.task-detail-complete-button{border:1px solid var(--accent-color);border-radius:var(--radius-primary);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;color:var(--accent-color);background:#fff;flex:1;padding:12px;font-size:13px;font-weight:700;transition:all .2s}.task-detail-complete-button--large{letter-spacing:.8px;padding:16px 20px;font-size:15px;font-weight:800}.task-detail-complete-button:hover:not(:disabled):not(.nudge){background:var(--accent-color);color:#fff}.task-detail-complete-button.nudge{color:#d97706;background:#fef3c7;border-color:#f59e0b;animation:.5s ease-in-out nudgePulse}@keyframes nudgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.task-detail-complete-button.completed{color:#6b7280;border-color:#6b7280}.task-detail-complete-button.completed:hover{color:#fff;background:#6b7280}.task-detail-delete-button{border-radius:var(--radius-primary);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;color:#dc2626;background:#fff;border:1px solid #dc2626;flex:1;padding:12px;font-size:13px;font-weight:700;transition:all .15s}.task-detail-delete-button:hover{color:#fff;background:#dc2626}.delete-confirm-container{gap:8px;width:100%;animation:.2s ease-out morphIn;display:flex}@keyframes morphIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.delete-confirm-container button{border-radius:var(--radius-primary);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;border:1px solid;flex:1;padding:12px;font-size:11px;font-weight:700;transition:all .15s}.confirm-cancel{color:#333;background:#fff;border-color:#d0d0d0!important}.confirm-cancel:hover{background:#fafafa;border-color:#000!important}.confirm-warning{color:#dc2626;background:#fff;border-color:#dc2626!important}.confirm-warning:hover{color:#fff;background:#dc2626}.confirm-delete{color:#fff;background:#dc2626;border-color:#dc2626!important}.confirm-delete:hover{background:#b91c1c;border-color:#b91c1c!important}.menu-branding{text-align:center;margin-top:auto;padding:24px 20px 28px}.menu-branding__text{letter-spacing:.4em;text-transform:uppercase;color:#1118274d;font-size:.7rem;font-weight:600}.menu-branding__accent{color:#1118272e}.task-content{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.task-badges{align-items:center;gap:4px;margin-top:4px;display:flex}.task-tag-badge{border-radius:var(--radius-primary);white-space:nowrap;text-transform:capitalize;opacity:.9;padding:2px 6px;font-size:9px;font-weight:600}.task-tag-badge--work,.task-tag-badge--personal,.task-tag-badge--health,.task-tag-badge--finance,.task-tag-badge--shopping,.task-tag-badge--family,.task-tag-badge--other{color:var(--accent-color);background:#3b5b7214}.task-due-date-badge,.task-subtask-badge{color:var(--accent-color);border-radius:var(--radius-primary);white-space:nowrap;opacity:.75;background:#3b5b7214;padding:2px 5px;font-size:9px;font-weight:500}.task-reminder-badge{border-radius:var(--radius-primary);opacity:.6;cursor:help;background:#3b5b7214;justify-content:center;align-items:center;padding:2px 3px;display:inline-flex}.task-reminder-badge svg{width:10px;height:10px;display:block}.task-reminder-badge svg path{fill:var(--accent-color)}.task-repeat-badge{border-radius:var(--radius-primary);opacity:.6;cursor:help;background:#3b5b7214;justify-content:center;align-items:center;padding:2px 3px;display:inline-flex}.task-repeat-badge svg{width:10px;height:10px;display:block}.task-repeat-badge svg path{fill:var(--accent-color)}.task-notes-badge{border-radius:var(--radius-primary);opacity:.6;cursor:help;background:#3b5b7214;justify-content:center;align-items:center;padding:2px 3px;display:inline-flex}.task-notes-badge svg{width:10px;height:10px;display:block}.task-notes-badge svg path{fill:var(--accent-color)}.primary-action-container{margin:28px 0 36px}.primary-action-button{background:var(--accent-color);width:100%;color:var(--accent-text);cursor:pointer;letter-spacing:.6px;text-transform:uppercase;border:none;border-radius:0;padding:18px 24px;font-size:16px;font-weight:800;transition:transform .2s,box-shadow .2s,background .2s;box-shadow:0 18px 36px #0f172a29}.primary-action-button:hover,.primary-action-button:focus-visible{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 22px 40px #0f172a33}.primary-action-button:focus-visible{outline:2px solid var(--accent-color);outline-offset:4px}.primary-action-button:active{transform:translateY(0);box-shadow:0 12px 24px #0f172a2e}.builder-modal{pointer-events:none;opacity:0;z-index:150;justify-content:center;align-items:center;padding:clamp(12px,2vh,24px);transition:opacity .25s;display:flex;position:fixed;inset:0}.builder-modal.is-visible{pointer-events:auto;opacity:1}.builder-modal__overlay{background:#0f172a8c;position:absolute;inset:0}.builder-modal__content{background:#fff;border-radius:0;flex-direction:column;width:min(640px,100vw - 32px);max-height:calc(100dvh - clamp(40px,8vh,80px));padding:clamp(16px,3vh,24px) clamp(16px,3vw,20px);display:flex;position:relative;overflow-y:hidden;box-shadow:0 28px 60px #0f172a59}.builder-modal__content .app-block--builder{box-shadow:none;border:none;flex-direction:column;flex:auto;min-height:0;margin:0;padding:clamp(12px,2vh,16px) 0 0;display:flex}.builder-modal__heading{color:#111827;letter-spacing:-.2px;flex-shrink:0;margin:0;font-size:clamp(16px,3vmin,20px);font-weight:700}.builder-modal__close{color:#11182799;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:24px;transition:color .2s;display:flex;position:absolute;top:18px;right:18px}.builder-modal__close:hover,.builder-modal__close:focus-visible{color:#111827}.builder-modal.is-visible .builder-modal__content{animation:.25s builder-modal-enter}@keyframes builder-modal-enter{0%{opacity:.9;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}body.builder-modal-open{overflow:hidden}@media (max-width:560px){.builder-modal{padding:clamp(12px,2vh,16px)}.builder-modal__content{width:calc(100vw - clamp(24px,5vw,32px));padding:clamp(16px,3vh,24px) clamp(12px,3vw,16px)}}h4{color:#404040;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;font-size:13px;font-weight:700}.is-hidden{display:none!important}.view-tabs{border-bottom:1px solid #1118271f;gap:12px;margin:0 0 16px;padding:0;display:flex}.view-tab{letter-spacing:.4px;text-transform:none;cursor:pointer;color:#11182780;background:0 0;border:none;flex:none;padding:8px 16px 12px;font-size:13px;font-weight:600;transition:color .2s;position:relative}.view-tab:hover,.view-tab:focus-visible{color:var(--accent-color);outline:none}.view-tab.active{color:#111827}.view-tab.active:after{content:"";background:var(--accent-color);height:2px;position:absolute;bottom:-2px;left:0;right:0}.task-input-container{border-bottom:none;flex-direction:column;flex:auto;gap:clamp(16px,3vh,32px);min-height:0;margin:clamp(12px,2vh,24px) 0 0;padding-bottom:0;display:flex;position:relative}.task-modal{pointer-events:none;z-index:200;opacity:0;justify-content:flex-end;transition:opacity .2s,transform .2s;display:flex;position:fixed;bottom:24px;right:24px;transform:translateY(12px)}.task-modal.is-visible{pointer-events:auto;opacity:1;transform:translateY(0)}.task-modal:before{display:none}.task-modal__panel{cursor:pointer;background:linear-gradient(135deg,#fffffff5,#e5e7ebeb);border:1px solid #11182729;border-radius:0;align-items:center;gap:12px;min-width:200px;max-width:min(280px,100vw - 48px);padding:16px 20px;display:flex;position:relative;box-shadow:0 12px 30px #0f172a26}.task-modal__icon{background:var(--accent-color);width:28px;height:28px;color:var(--accent-text);justify-content:center;align-items:center;font-size:14px;display:inline-flex}.task-modal__title{color:#0f172a;margin:0;font-size:14px;font-weight:600}.task-modal__subtitle{color:#0f172ab3;margin:2px 0 0;font-size:12px;font-weight:500}@media (max-width:600px){.task-modal{bottom:16px;right:16px}.task-modal__panel{width:calc(100vw - 32px)}}.step{padding-left:32px;position:relative}.step:before{content:attr(data-step);letter-spacing:.4px;color:#111827b3;background:#fff;border:1px solid #11182766;border-radius:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:10px;font-weight:600;display:flex;position:absolute;top:0;left:0}.cta-step{padding-left:32px}.cta-step:before{top:50%;transform:translateY(-50%)}.input-section{flex-direction:column;gap:12px;display:flex}.step-label{color:#1118278c;text-transform:uppercase;letter-spacing:.8px;margin-bottom:10px;font-size:11px;font-weight:600;display:block}#new-task-input{color:#111827;background:0 0;border:none;border-bottom:2px solid #1118272e;flex-shrink:0;width:100%;padding:clamp(10px,2vh,14px) 0;font-size:clamp(14px,2.5vmin,16px);font-weight:600;transition:border-color .2s,box-shadow .2s}#new-task-input::placeholder{color:#11182766}#new-task-input:focus{border-bottom-color:var(--accent-color);box-shadow:0 6px 0 -5px #0000000d,inset 0 -2px 0 0 var(--accent-color);outline:none}#new-task-input.flash-nudge{animation:.6s ease-out flash-border}@keyframes flash-border{0%,to{box-shadow:0 6px 0 -5px #0000000d,inset 0 -2px 0 0 var(--accent-color)}25%,75%{box-shadow:0 6px 0 -5px #0000000d,inset 0 -2px 0 0 var(--accent-color),0 0 0 3px #3b5b7240}50%{box-shadow:0 6px 0 -5px #0000000d,inset 0 -2px 0 0 var(--accent-color),0 0 0 5px #3b5b724d}}.input-nudge-arrow{color:#1118274d;pointer-events:none;z-index:10;font-size:18px;animation:2s ease-out nudge-fade;position:absolute;top:-28px;left:2px}@keyframes nudge-fade{0%{opacity:0;transform:translateY(-4px)}20%{opacity:.4;transform:translateY(0)}80%{opacity:.4;transform:translateY(0)}to{opacity:0;transform:translateY(2px)}}#add-task-button{background:var(--accent-color);width:100%;color:var(--accent-text);cursor:pointer;letter-spacing:clamp(.3px,.1vmin,.5px);text-transform:uppercase;box-shadow:none;border:none;border-radius:0;flex-shrink:0;padding:clamp(12px,2.5vh,16px);font-size:clamp(12px,2.2vmin,14px);font-weight:800;transition:all .2s;position:relative}#add-task-button:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}#add-task-button:active:not(:disabled){transform:translateY(0)}#add-task-button:disabled{color:#11182773;cursor:not-allowed;box-shadow:none;background:#11182714;transform:translateY(0)}h2{color:#111827;letter-spacing:-.2px;margin:0;font-size:22px;font-weight:700}.task-count-badge{color:#111827;letter-spacing:0;background:#11182714;border-radius:0;padding:2px 8px;font-size:12px;font-weight:600;display:none}#tasks-list{flex-direction:column;gap:8px;padding:0;list-style:none;display:flex}#tasks-list .list-section{border-left:3px solid #0000;flex-direction:column;gap:0;padding:6px 4px;list-style:none;transition:background .18s,box-shadow .18s,border-left-color .18s;display:flex}#tasks-list .list-section.is-drop-target{border-left-color:var(--accent-color);background:#3b5b721f;box-shadow:inset 0 0 0 1px #3b5b7233}#tasks-list .task-list-item.drop-before,#tasks-list .task-list-item.drop-after{background:linear-gradient(#3b5b7229,#3b5b7229) no-repeat,#fff;border-color:#11182738;box-shadow:0 10px 22px -14px #3b5b7273}#tasks-list .task-list-item.drop-before{box-shadow:inset 0 4px 0 0 var(--accent-color),0 10px 22px -14px #3b5b7273;background-position:top;background-size:100% 4px}#tasks-list .task-list-item.drop-after{box-shadow:inset 0 -4px 0 0 var(--accent-color),0 10px 22px -14px #3b5b7273;background-position:bottom;background-size:100% 4px}#tasks-list .task-list-item.drop-before:after,#tasks-list .task-list-item.drop-after:after{opacity:.5;color:var(--accent-color)}.list-section-items{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.list-section--empty .list-section-items{justify-content:center;min-height:52px}.list-section-placeholder{color:#11182773;letter-spacing:.08em;text-transform:uppercase;text-align:center;opacity:0;pointer-events:none;border:1px dashed #0000;justify-content:center;align-items:center;margin:0;padding:18px 20px;font-size:11px;font-weight:600;transition:opacity .2s,border-color .2s,background .2s;display:flex}.list-section.is-drop-target .list-section-placeholder{opacity:1;background:#3b5b7214;border-color:#3b5b724d}.list-view-panel .task-list-item{background:#fff;border:1px solid #11182714;border-radius:0;align-items:flex-start;gap:12px;margin:0;padding:14px 46px 14px 20px;transition:background .18s,border-color .18s;animation:.24s ease-out fadeIn;display:flex;position:relative}.list-view-panel .task-list-item.is-dragging{opacity:.6}.list-view-panel .task-list-item input[type=checkbox]{flex-shrink:0;margin-top:2px;margin-right:12px}.list-view-panel .task-list-item .task-content{flex:1}#tasks-list .task-list-item{padding-left:34px}#tasks-list .task-list-item:hover{background:#f6f8fcfa;border-color:#11182724}#tasks-list .task-list-item:before{content:"";opacity:0;background:0 0;border-radius:999px;width:5px;transition:opacity .2s,background .2s;position:absolute;top:18px;bottom:18px;left:16px}#tasks-list .task-list-item[data-urgency=High][data-importance=High]:before{background:var(--accent-color);opacity:1;box-shadow:0 4px 12px #3b5b7247}#tasks-list .task-list-item[data-urgency=High][data-importance=High]:hover:before{background:linear-gradient(#ef4444 0%,#dc2626 100%);box-shadow:0 4px 12px #ef444459}#tasks-list .task-list-item[data-urgency=Low][data-importance=Low]{opacity:.78}#tasks-list .task-list-item[data-urgency=Low][data-importance=Low]:hover{opacity:.95}#tasks-list .task-list-item:after{content:"›";color:#3b5b7247;opacity:0;pointer-events:none;font-size:17px;font-weight:600;transition:opacity .15s;position:absolute;top:50%;right:16px;transform:translateY(-50%)}#tasks-list .task-list-item:hover:after,#tasks-list .task-list-item:focus-within:after{opacity:0}.priority-dots{flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:0;display:flex}.priority-dot{border-radius:var(--radius-primary);color:#111827bf;letter-spacing:.5px;text-transform:uppercase;cursor:default;background:0 0;border:1px solid #1118271f;justify-content:center;align-items:center;width:32px;height:18px;font-size:9px;font-weight:700;transition:all .2s;display:inline-flex}.priority-dot[data-level=High]{background:var(--accent-color);border-color:var(--accent-color);color:var(--accent-text)}.priority-dot--urgency:after{content:"URG"}.priority-dot--importance:after{content:"IMP"}.priority-dot:not([data-level=High]){background:var(--accent-light)}.list-view-panel .list-section-heading{margin:0;padding:14px 18px 2px;list-style:none}.list-view-panel .list-section-heading:first-child{padding-top:2px}.list-view-panel .list-section-title{letter-spacing:.14em;text-transform:uppercase;color:#11182773;font-size:10px;font-weight:600;line-height:1.3;display:inline-block}.list-view-panel .list-section-heading+.list-section-items{margin-top:2px}.quick-actions{opacity:0;z-index:2;flex-direction:column;align-items:stretch;gap:8px;transition:opacity .2s;display:flex;position:absolute;top:12px;right:12px}.task-list-item:hover .quick-actions,.task-list-item:focus-within .quick-actions,.quick-actions--confirming{opacity:1}.quick-action-btn{border-radius:var(--radius-primary);cursor:pointer;color:#11182799;background:#1118270f;border:none;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;font-weight:600;transition:background .2s,color .2s,transform .2s;display:flex;position:relative}.quick-action-btn:hover,.quick-action-btn:focus-visible{background:var(--accent-color);color:var(--accent-text);outline:none;transform:scale(1.05);opacity:1!important}.quick-action-btn--confirm{background:var(--accent-color);color:var(--accent-text);animation:.35s cubic-bezier(.34,1.56,.64,1) slideInFromLeft;opacity:1!important;filter:none!important}.quick-action-btn--confirm:hover,.quick-action-btn--confirm:focus-visible{background:var(--accent-hover);color:var(--accent-text);opacity:1!important}.quick-action-btn--cancel{color:#111827bf;background:#11182726;animation:.35s cubic-bezier(.34,1.56,.64,1) slideInFromRight;opacity:1!important;filter:none!important}.quick-action-btn--cancel:hover,.quick-action-btn--cancel:focus-visible{color:#111827e6;background:#11182740;opacity:1!important}.quick-complete-toggle{opacity:0;pointer-events:none;z-index:1;justify-content:center;align-items:center;transition:opacity .18s,transform .18s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)scale(.9)}.quick-complete-toggle--grid{right:8px}.quick-complete-toggle--list{right:12px}.task-list-item:hover .quick-complete-toggle,.task-list-item:focus-within .quick-complete-toggle,.grid-task:hover .quick-complete-toggle,.grid-task:focus-within .quick-complete-toggle{opacity:1;pointer-events:auto;transform:translateY(-50%)scale(1)}.quick-complete-toggle input[type=checkbox]{box-shadow:none;margin:0}.completed-delete-button{color:#dc2626;border-radius:var(--radius-primary);letter-spacing:.5px;text-transform:uppercase;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #dc2626;justify-content:center;align-items:center;padding:8px 12px;font-size:10px;font-weight:700;transition:all .15s;display:inline-flex}.completed-delete-button:hover,.completed-delete-button:focus-visible{color:#fff;background:#dc2626;outline:none}.delete-confirm-container--inline{border-radius:var(--radius-primary);background:#fff;border:1px solid #1118271f;gap:6px;width:220px;max-width:calc(100vw - 48px);padding:8px;box-shadow:0 18px 32px -20px #0f172a73}.delete-confirm-container--inline button{padding:8px 10px;font-size:10px}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-12px)scale(.7)}60%{opacity:1;transform:translate(2px)scale(1.05)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(12px)scale(.7)}60%{opacity:1;transform:translate(-2px)scale(1.05)}to{opacity:1;transform:translate(0)scale(1)}}.empty-state{text-align:center;cursor:pointer;background:#fff;border:1px dashed #11182733;border-radius:0;margin-bottom:20px;padding:48px 20px;transition:border-color .2s,box-shadow .2s}.empty-state:hover,.empty-state:focus-visible{border-color:var(--accent-color);box-shadow:0 0 0 2px var(--accent-light)}.empty-state-text{color:#11182799;font-size:14px;font-weight:500}.empty-state.hidden{display:none}.empty-state-branding{flex-direction:column;align-items:center;gap:8px;margin-bottom:16px;display:flex}.empty-state-logo{opacity:.5;transition:opacity .2s}.empty-state:hover .empty-state-logo,.empty-state:focus-visible .empty-state-logo{opacity:.7}.empty-state-brand{letter-spacing:.35em;text-transform:uppercase;color:#11182766;font-size:.8rem;font-weight:600;transition:color .2s}.empty-state-brand-accent{color:#11182740;transition:color .2s}.empty-state:hover .empty-state-brand,.empty-state:focus-visible .empty-state-brand{color:#1118278c}.empty-state:hover .empty-state-brand-accent,.empty-state:focus-visible .empty-state-brand-accent{color:#11182766}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.task-text{color:#111827;flex:1;font-size:15px;font-weight:500;line-height:1.4}@keyframes complete-line{0%{clip-path:polygon(0 50%,0 50%,0 50%);opacity:1}30%{clip-path:polygon(0 50%,100% 50%,100% 50%);opacity:1}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);opacity:.3}}.completed{animation:.6s cubic-bezier(.4,0,.2,1) forwards complete-line;position:relative}.grid-task.completed,.task-list-item.completed{background:linear-gradient(90deg,#22c55e14,#fff0);border-color:#22c55e52}.completed input[type=checkbox]{position:relative}.completed input[type=checkbox]:after{content:"";pointer-events:none;background:radial-gradient(circle,#22c55e40 0%,#22c55e00 70%);border-radius:50%;animation:.45s ease-out done-ring;position:absolute;inset:-6px}.completed .task-content{opacity:.45}.completed .task-text{position:relative}.completed .priority-dots{opacity:.45}.completed .task-text:before{content:"";transform-origin:0;background:currentColor;height:1px;animation:.3s cubic-bezier(.4,0,.2,1) forwards strike;position:absolute;top:50%;left:-2px;right:-2px}@keyframes strike{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes done-pop{0%{opacity:0;transform:scale(.86)}60%{opacity:1;transform:scale(1.08)}to{transform:scale(1)}}@keyframes done-ring{0%{opacity:.7;transform:scale(.65)}to{opacity:0;transform:scale(1.25)}}input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:var(--accent-color);border-radius:var(--radius-secondary);background:#fff;flex-shrink:0;transition:transform .1s;box-shadow:0 0 0 3px #fff}input[type=checkbox]:active{transform:scale(.9)}.grid-task.completed input[type=checkbox],.completed input[type=checkbox]{opacity:1!important;filter:none!important}.priority-selector{white-space:nowrap;flex-shrink:0;align-items:center;gap:clamp(12px,3vw,24px);margin:clamp(4px,1vh,8px) 0 clamp(6px,1.5vh,12px);padding-bottom:6px;transition:opacity .3s;display:flex;overflow-x:auto}.priority-selector--disabled{opacity:.4;pointer-events:none}.priority-selector::-webkit-scrollbar{height:4px}.priority-selector::-webkit-scrollbar-thumb{background:#11182729}.priority-group{background:0 0;border:none;align-items:center;gap:12px;min-width:max-content;margin:0 18px 0 0;padding:0 18px 0 0;display:inline-flex;position:relative}.priority-group:not(:last-child):after{content:"";background:#1118271f;width:1px;height:24px;position:absolute;top:50%;right:0;transform:translateY(-50%)}.priority-group:last-of-type{margin-right:0;padding-right:0}.priority-group__label{text-transform:uppercase;letter-spacing:clamp(.8px,.2vmin,1.2px);color:#666;padding:0;font-size:clamp(9px,1.8vmin,11px);font-weight:800}.priority-options{gap:8px;display:flex}.priority-option{align-items:center;display:inline-flex;position:relative}.priority-option input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.priority-chip{letter-spacing:clamp(.3px,.1vmin,.5px);color:#111111bf;cursor:pointer;text-transform:uppercase;background:0 0;border:1px solid #1118271f;justify-content:center;align-items:center;padding:clamp(4px,1vh,6px) clamp(8px,2vw,12px);font-size:clamp(9px,1.8vmin,11px);font-weight:700;line-height:1;transition:all .2s;display:inline-flex}.priority-option input:not(:checked)+.priority-chip:hover{border-color:var(--accent-color);color:var(--accent-color);background:var(--accent-light)}.priority-option input:checked+.priority-chip{background:var(--accent-color);border-color:var(--accent-color);color:var(--accent-text)}.priority-option input:focus-visible+.priority-chip{outline:1px dotted var(--accent-color);outline-offset:2px}.matrix-section{flex-direction:column;align-items:center;display:flex}.priority-selector{flex-wrap:wrap;justify-content:center}.priority-divider{background:#1118271a;flex-shrink:0;width:min(85%,clamp(180px,45vmin,260px));height:1px;margin:clamp(8px,1.5vh,12px) 0 clamp(12px,2vh,20px)}.matrix-container{flex:auto;justify-content:center;align-items:center;min-height:0;margin:clamp(8px,1.5vh,14px) auto clamp(2px,.5vh,4px);transition:opacity .3s;display:flex}.matrix-container--disabled{opacity:.35;pointer-events:none}.matrix-wrapper{grid-template-rows:1fr auto;grid-template-columns:auto 1fr;align-items:center;gap:clamp(6px,1.5vmin,10px);max-width:100%;max-height:100%;display:inline-grid}.matrix-axis-y{flex-direction:column;grid-area:1/1;justify-content:center;align-items:center;gap:4px;display:flex}.matrix-axis-x{grid-area:2/2;justify-content:center;align-items:center;gap:4px;display:flex}.axis-label{color:#666;letter-spacing:clamp(1px,.25vmin,1.5px);text-transform:uppercase;font-size:clamp(8px,1.6vmin,10px);font-weight:800}.matrix-axis-y .axis-label{writing-mode:vertical-rl;transform:rotate(180deg)}.axis-arrow{color:#bbb;font-size:clamp(12px,2.5vmin,16px)}.matrix-grid{aspect-ratio:1;background:0 0;border:none;grid-area:1/2;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:clamp(4px,1vmin,6px);width:min(85vw,85vh,clamp(150px,45vmin,260px));height:min(85vw,85vh,clamp(150px,45vmin,260px));transition:width .2s,height .2s;display:grid}@media (max-width:640px){.priority-selector{justify-content:center}.matrix-cell{min-height:clamp(70px,15vh,90px)}input[type=checkbox]{width:clamp(20px,4vmin,24px);height:clamp(20px,4vmin,24px)}}@media (max-height:600px) and (orientation:landscape){.builder-modal__content{overflow-y:auto}.matrix-grid{width:min(50vw,40vh,clamp(120px,35vmin,200px));height:min(50vw,40vh,clamp(120px,35vmin,200px))}}.matrix-cell{cursor:pointer;background:0 0;border:1px solid #1118271f;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative;overflow:hidden}.matrix-cell:before{content:"";background:var(--accent-color);opacity:0;z-index:0;transition:all .2s;position:absolute;inset:0}.matrix-text{text-align:center;-webkit-user-select:none;user-select:none;z-index:1;flex-direction:column;align-items:center;gap:8px;transition:transform .2s;display:flex;position:relative}.matrix-primary{letter-spacing:clamp(.3px,.1vmin,.6px);text-transform:uppercase;color:#111827bf;font-size:clamp(10px,2.2vmin,13px);font-weight:700;transition:color .2s;display:inline-block}.matrix-tags{gap:6px;display:flex}.matrix-tag{letter-spacing:.5px;text-transform:uppercase;border-radius:var(--radius-primary);border:1px solid #0000;padding:3px 8px;font-size:10px;font-weight:800}.matrix-tag--high{background:var(--accent-color);color:var(--accent-text);border-color:#0000001a}.matrix-tag--low{color:#4a4a4a;background:#0000000d;border-color:#0000000d}.matrix-high-high .matrix-primary{color:#4b4f55}.matrix-high-high .matrix-tag--low{color:#4a4a4a}.matrix-high-high .matrix-tag--high{background:var(--accent-color);color:var(--accent-text);border-color:#0000001a}.matrix-low-high .matrix-primary{transform:rotate(-90deg)}.matrix-high-low .matrix-primary{transform:rotate(90deg)}.matrix-cell:hover:not(.selected){border-color:var(--accent-color);background:var(--accent-light)}.matrix-cell:hover:not(.selected) .matrix-primary{color:var(--accent-color)}.matrix-cell.selected{border-color:var(--accent-border);background:var(--accent-color);z-index:1;animation:.4s ease-out matrixSelectPulse}@keyframes matrixSelectPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.matrix-cell.selected .matrix-primary{color:var(--accent-text)}.matrix-cell:hover .matrix-text{transform:scale(1.02)}.color-options{flex-wrap:wrap;gap:10px;display:flex}.color-option{cursor:pointer;border:1px solid #1118271f;border-radius:0;width:36px;height:36px;transition:transform .15s,border-color .15s;position:relative;overflow:hidden}.color-option:hover{transform:scale(1.05)}.color-option:active{transform:scale(.95)}.color-option.selected{border-color:#111827cc;box-shadow:0 0 0 2px #11182759}.color-option__input{opacity:0;cursor:pointer;position:absolute;inset:0}.color-option--custom{background-image:linear-gradient(135deg,#11182714 25%,#0000 25% 50%,#11182714 50% 75%,#0000 75%,#0000);background-size:12px 12px}.color-option--custom.has-color{background-image:none}.color-option__custom-mark{pointer-events:none;letter-spacing:.5px;color:#111827bf;text-shadow:0 1px 1px #ffffffb3;justify-content:center;align-items:center;font-size:18px;font-weight:600;transition:color .2s,text-shadow .2s;display:flex;position:absolute;inset:0}.color-option--custom.is-dark .color-option__custom-mark{color:#ffffffd9;text-shadow:0 1px 2px #11182773}.color-option--custom.is-light .color-option__custom-mark{color:#111827bf;text-shadow:0 1px 1px #ffffffb3}.tasks-grid-view{width:100%;margin-bottom:24px}.app-block--tasks:has(.board-tabs:not(:empty)) .tasks-grid-view{margin-bottom:0}.rotate-tip{text-transform:uppercase;letter-spacing:1px;color:#1118278c;border-left:2px solid var(--accent-color);background:#fff;border-radius:0;margin-bottom:12px;padding:10px 12px;font-size:11px;font-weight:700;display:none}.tasks-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.grid-quadrant{background:#fff;border:1px solid #11182724;border-radius:0;flex-direction:column;gap:16px;min-height:220px;padding:24px 16px 24px 48px;display:flex;position:relative;overflow:hidden}.grid-quadrant:after{content:none}.quadrant-label{writing-mode:vertical-rl;letter-spacing:5px;text-transform:uppercase;color:var(--accent-color);font-size:11px;font-weight:600;position:absolute;bottom:20px;left:16px;transform:rotate(180deg)}.quadrant-body{flex-direction:column;gap:12px;min-height:100px;display:flex}.quadrant-body.is-drop-target{outline:2px dashed var(--accent-color);outline-offset:-12px;background-color:#3752940f;transition:background-color .12s,outline-color .12s}.quadrant-body:empty:before{letter-spacing:.4px;color:#11182773;font-size:11px;font-weight:500}.quadrant-focus .quadrant-body:empty:before{content:"Long-term tasks that matter most"}.quadrant-critical .quadrant-body:empty:before{content:"Time-sensitive priorities"}.quadrant-someday .quadrant-body:empty:before{content:"Nice-to-have ideas"}.quadrant-rush .quadrant-body:empty:before{content:"Quick wins and urgent tasks"}.grid-task{border-bottom:1px solid #11182714;border-left:2px solid #0000;align-items:flex-start;gap:8px;margin-left:-8px;padding:12px 32px 12px 8px;transition:all .15s;display:flex;position:relative}.grid-task.drop-before,.grid-task.drop-after{border-left-color:var(--accent-color);background:#3b5b721f;box-shadow:0 8px 20px -16px #3b5b7280}.grid-task.drop-before:before,.grid-task.drop-after:before{content:"";background:linear-gradient(to right,var(--accent-color)0%,#3b5b72d9 50%,var(--accent-color)100%);pointer-events:none;height:4px;position:absolute;left:0;right:0}.grid-task.drop-before:before{top:-2px}.grid-task.drop-after:before{bottom:-2px}.grid-task.is-dragging{opacity:.6;cursor:grabbing}.grid-task:hover{border-left-color:var(--accent-color);background:#3b5b7208}.quadrant-critical .grid-task{border-left-width:3px;border-left-color:var(--accent-light);animation:3s ease-in-out infinite urgentPulse}.quadrant-critical .grid-task:hover{border-left-color:var(--accent-color);animation:none}@keyframes urgentPulse{0%,to{border-left-color:var(--accent-light)}50%{border-left-color:var(--accent-color)}}.quadrant-someday .grid-task{opacity:.75}.quadrant-someday .grid-task:hover{opacity:1}.grid-task:after{content:"›";color:var(--accent-color);opacity:0;pointer-events:none;font-size:18px;font-weight:600;transition:opacity .15s;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.grid-task.task-highlight,.task-list-item.task-highlight{border-left-color:var(--accent-color);background:#3b5b7214;scroll-margin:96px;animation:1.4s ease-out taskPulseHighlight}.task-list-item.task-highlight{border-color:#11182733}@keyframes taskPulseHighlight{0%{transform:scale(1);box-shadow:0 0 #3b5b7259}50%{transform:scale(1.01);box-shadow:0 0 0 10px #3b5b721f}to{transform:scale(1);box-shadow:0 0 #3b5b7200}}@media (prefers-reduced-motion:reduce){.grid-task.task-highlight,.task-list-item.task-highlight{animation:none}}.grid-task:hover:after,.grid-task:focus-within:after{opacity:0}.grid-task--confirming-delete:after{opacity:0!important}.grid-task.completed .task-content{opacity:.45}.grid-task .task-metadata{align-items:flex-start;gap:8px;display:flex}.grid-task .task-content{order:2}.grid-task .task-text{color:#111827}.grid-task .priority-dots{flex-direction:column;order:3;align-items:flex-end;gap:6px;margin-left:auto;display:flex}.grid-task .priority-dot{width:32px;height:16px;font-size:8px}.grid-task input[type=checkbox]{flex-shrink:0;order:1;margin-top:2px;margin-right:4px}.grid-task .grid-quick-actions{opacity:0;z-index:2;flex-direction:column;order:4;align-items:flex-end;gap:8px;transition:opacity .2s;display:flex;position:absolute;top:6px;right:4px}.grid-task:hover .grid-quick-actions,.grid-task:focus-within .grid-quick-actions,.grid-quick-actions--confirming{opacity:1}.grid-quick-actions .quick-action-btn{border-radius:var(--radius-primary);cursor:pointer;color:#11182799;background:#1118270f;border:none;justify-content:center;align-items:center;width:26px;height:26px;font-size:15px;font-weight:600;transition:background .2s,color .2s,transform .2s;display:flex}.grid-quick-actions .quick-action-btn:hover,.grid-quick-actions .quick-action-btn:focus-visible{background:var(--accent-color);color:var(--accent-text);outline:none;transform:scale(1.05)}.completed-grid-section{background:#fff;border:1px solid #1118271f;border-radius:0;margin-top:32px;padding:24px}.completed-grid-title{text-transform:uppercase;letter-spacing:1.5px;color:#888;margin-bottom:16px;font-size:13px;font-weight:700}.completed-grid-title.collapsible-header{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;transition:color .2s;display:flex}.completed-grid-title.collapsible-header:hover{color:#555}.collapse-arrow{font-size:10px;transition:transform .2s;display:inline-block}.collapse-arrow.collapsed{transform:rotate(-90deg)}.completed-count{color:#999;font-size:11px;font-weight:500}.completed-count--bump{color:#166534;animation:.45s cubic-bezier(.26,1.05,.32,1) completedCountBump}@keyframes completedCountBump{0%{opacity:.65;transform:translateY(2px)scale(.94)}55%{opacity:1;transform:translateY(0)scale(1.08)}to{transform:translateY(0)scale(1)}}.completed-grid-body{flex-direction:column;gap:12px;display:flex}@media (max-width:720px){body{padding:12px}.app-block{margin-bottom:16px;padding:16px 12px}.app-block--builder{margin-top:16px;padding:16px 12px}.app-block--tasks{margin-bottom:24px;padding:16px 12px}.welcome-content{gap:32px;padding:24px 16px}.builder-modal__content{padding:20px 16px}.tasks-grid{grid-template-columns:1fr;gap:12px}.grid-quadrant{min-height:160px;padding:20px 12px 20px 40px}.rotate-tip{display:block}.quadrant-label{letter-spacing:3px;font-size:10px;left:8px}.quadrant-critical{order:1}.quadrant-focus{order:2}.quadrant-rush{order:3}.quadrant-someday{order:4}.grid-task{gap:6px;padding-right:28px}.top-bar{gap:8px}.header-new-goal-button{padding:8px 12px;font-size:12px}}.app-footer{text-align:center;letter-spacing:.5px;text-transform:uppercase;color:#1111118c;margin:48px 0 24px;font-size:12px}.app-footer__link{color:inherit;border-bottom:1px solid #11111140;padding-bottom:1px;text-decoration:none}.app-footer__link:hover,.app-footer__link:focus{color:#111c;border-bottom-color:#11111180}#completed-tasks-list .task-list-item{box-shadow:none;background:#f6f8fbeb;border:1px solid #1118270f;border-radius:0;align-items:center;padding:12px 38px 12px 18px}#completed-tasks-list .task-list-item input[type=checkbox]{margin-top:0}#completed-tasks-list .task-list-item:after{display:none}#completed-tasks-list .task-list-item.completed:after{display:inline-flex}#completed-tasks-list .task-list-item:hover{background:#eef2f7f5;border-color:#11182717}#completed-tasks-list .task-list-item.task-list-item--confirming-delete{background:#eef2f7f5;border-color:#1118271f}#completed-tasks-list .task-list-item .quick-actions{top:8px;right:12px}.task-card.completed{opacity:.45}.task-card.completed .task-card__text{text-decoration:line-through}.task-card .priority-dots{flex-direction:column;gap:4px;margin-right:8px;display:flex}.completed .task-text{max-width:fit-content;display:inline-block}.completed .task-text:before{content:"";transform-origin:0;background:currentColor;height:1px;position:absolute;top:50%;left:0;right:0}.grid-task.completed .task-text{flex:0 auto}@media (max-width:400px){body{padding:8px}.app-block{padding:12px 8px}.grid-quadrant{padding:16px 8px 16px 32px}.quadrant-label{letter-spacing:2px;font-size:9px}.builder-modal__content{padding:16px 12px}.menu-panel{width:min(280px,90vw)}.task-modal__panel{min-width:160px;padding:12px 16px}}.premium-upsell{flex-direction:column;gap:20px;display:flex}.premium-upsell__eyebrow{text-transform:uppercase;letter-spacing:.18em;color:#11182799;font-size:.75rem;font-weight:700}.premium-upsell__hero{flex-direction:column;gap:6px;display:flex}.premium-upsell__hero h2{color:#0f172a;margin:0;font-size:1.5rem}.premium-upsell__subtext{color:#111827c7;margin:0;font-size:.95rem}.premium-upsell__limit{color:#111827d9;background:#3b5b7214;border-left:3px solid #3b5b7299;margin:4px 0 0;padding:8px 10px;font-size:.85rem}.premium-upsell__price-row{border-radius:var(--radius-primary);border:1px solid #1118271f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;display:flex}.premium-upsell__price-label{text-transform:uppercase;letter-spacing:.2em;color:#1118278c;font-size:.75rem;display:block}.premium-upsell__price-row strong{color:#0f172a;align-items:center;gap:10px;font-size:1.3rem;display:flex}.premium-upsell__price-row p{color:#111827c7;margin:0;font-size:.92rem}.premium-upsell__price-original{color:#11182780;font-size:1rem;text-decoration:line-through}.premium-upsell__price-current{color:var(--accent-color);font-size:1.4rem;font-weight:700}.premium-upsell__points{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.premium-upsell__points li{color:#111827d9;border:1px solid #11182714;border-left:3px solid var(--accent-color);border-radius:var(--radius-primary);opacity:0;background:#11182705;align-items:flex-start;gap:8px;padding:10px 14px;font-size:.95rem;line-height:1.4;animation:.6s forwards premiumPerkReveal;display:flex;transform:translateY(6px)}.premium-upsell__points li:before{content:"✓";color:var(--accent-color);font-size:.85rem;font-weight:700;line-height:1.5}.premium-upsell__points li:first-child{animation-delay:.1s}.premium-upsell__points li:nth-child(2){animation-delay:.3s}.premium-upsell__points li:nth-child(3){animation-delay:.5s}.premium-upsell__points li:nth-child(4){animation-delay:.7s}@keyframes premiumPerkReveal{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.premium-upsell__cta{border-radius:var(--radius-primary);background:#fff;border:1px solid #1118271f;flex-direction:column;gap:8px;padding:16px;display:flex}.premium-upsell__action-button{letter-spacing:.02em;text-transform:uppercase;border-radius:var(--radius-primary);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;padding:12px 18px;font-size:.95rem;font-weight:600;text-decoration:none;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.premium-upsell__action-button--primary{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border-color:#f59e0b;font-weight:700}.premium-upsell__action-button--primary:hover,.premium-upsell__action-button--primary:focus-visible{background:linear-gradient(135deg,#d97706 0%,#b45309 100%);border-color:#d97706}.premium-upsell__note{color:#111827a6;margin:0;font-size:.85rem}.premium-upsell__terms{color:#1118278c;margin:0;font-size:.8rem}.premium-upsell__terms a{color:inherit;-webkit-text-decoration:underline #1118274d;text-decoration:underline #1118274d}.premium-upsell__support-link{color:var(--accent-color);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-weight:600;display:inline-flex}.premium-upsell__support-link:hover,.premium-upsell__support-link:focus-visible{color:var(--accent-hover)}@media (max-width:520px){.premium-upsell__cta{padding:16px}}.support-development{flex-direction:column;gap:24px;display:flex}.support-development__section-heading{letter-spacing:.08em;text-transform:uppercase;color:#11182799;margin-bottom:12px;font-size:.9rem;font-weight:700}.support-development__list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.support-development__list li{color:#111827d9;letter-spacing:.01em;background:#f8fafc;border:1px solid #1118271f;padding:12px 16px 12px 28px;font-size:.95rem;line-height:1.4;position:relative}.support-development__list li:before{content:"";border-radius:var(--radius-primary);background:#11182759;width:6px;height:6px;position:absolute;top:18px;left:12px}.support-development__list--primary li{background:var(--accent-light);color:#0f172ad9;border-color:#3b5b7240}.support-development__list--primary li:before{background:var(--accent-color)}.support-development__list--secondary li{background:#f1f5f9}.support-development__inline-link{color:var(--accent-color);cursor:pointer;font-weight:600;font:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.support-development__inline-link:hover,.support-development__inline-link:focus-visible{color:var(--accent-hover)}.contact-me-modal,.waitlist-modal{border-radius:var(--radius-primary);background:linear-gradient(135deg,#f8fafc 0%,#fff 75%);border:1px solid #0f172a14;flex-direction:column;gap:20px;padding:24px;display:flex;box-shadow:0 20px 45px #0f172a14}.contact-me-modal__header,.waitlist-modal__header{border-bottom:1px solid #0f172a14;flex-direction:column;gap:6px;padding-bottom:12px;display:flex}.contact-me-modal__eyebrow,.waitlist-modal__eyebrow{letter-spacing:.18em;text-transform:uppercase;color:#0f172a8c;margin:0;font-size:.78rem;font-weight:700}.contact-me-modal__header h3,.waitlist-modal__header h3{color:#0f172a;margin:0;font-size:1.4rem}.contact-me-modal__header p,.waitlist-modal__header p{color:#0f172abf;margin:0}.contact-me-modal__form,.waitlist-modal__form{border-radius:var(--radius-primary);background:#fff;border:1px solid #0f172a14;flex-direction:column;gap:16px;padding:20px;display:flex;box-shadow:inset 0 1px #ffffffb3}.contact-me-modal__form label,.waitlist-modal__form label{color:#0f172ae6;flex-direction:column;gap:6px;font-weight:600;display:flex}.contact-me-modal__form input,.contact-me-modal__form textarea,.waitlist-modal__form input,.waitlist-modal__form textarea{border-radius:var(--radius-secondary);font:inherit;background:#fdfdfd;border:1px solid #0f172a29;padding:10px 12px;transition:border-color .2s,box-shadow .2s,background .2s}.contact-me-modal__form textarea,.waitlist-modal__form textarea{resize:vertical;min-height:140px}.contact-me-modal__form input:focus,.contact-me-modal__form textarea:focus,.waitlist-modal__form input:focus,.waitlist-modal__form textarea:focus{border-color:var(--accent-color);background:#fff;outline:none;box-shadow:0 0 0 3px #4f46e51f}.contact-me-modal__status,.waitlist-modal__status{color:#0f172ad9;min-height:1.5em;font-size:.92rem}.contact-me-modal__status p,.waitlist-modal__status p{margin:0}.contact-me-modal__status [role=alert],.waitlist-modal__status [role=alert]{color:#b91c1c}.contact-me-modal__submit,.waitlist-modal__submit{border-radius:var(--radius-primary);background:var(--accent-color);color:#fff;cursor:pointer;letter-spacing:.02em;text-transform:uppercase;border:none;align-self:flex-start;padding:12px 20px;font-weight:600;transition:background .2s,transform .1s}.contact-me-modal__submit:hover,.contact-me-modal__submit:focus-visible,.waitlist-modal__submit:hover,.waitlist-modal__submit:focus-visible{background:var(--accent-hover)}.contact-me-modal__submit:disabled,.waitlist-modal__submit:disabled{opacity:.7;cursor:not-allowed;box-shadow:none;transform:none}@media (max-width:520px){.contact-me-modal,.waitlist-modal{border-radius:var(--radius-primary);padding:18px}.contact-me-modal__form,.waitlist-modal__form{padding:16px}}.legal-page{background:#f8fafc;min-height:100vh;padding:40px 16px}.legal-page__container{background:#fff;max-width:800px;margin:0 auto;padding:48px;box-shadow:0 1px 3px #1118271a}.legal-page__back{color:var(--accent-color);margin-bottom:24px;font-weight:500;text-decoration:none;transition:color .2s;display:inline-block}.legal-page__back:hover{color:var(--accent-hover)}.legal-page h1{color:#111827f2;margin-bottom:8px;font-size:2.5rem;font-weight:700;line-height:1.2}.legal-page__updated{color:#11182780;margin-bottom:32px;font-size:.9rem}.legal-page section{margin-bottom:32px}.legal-page h2{color:#111827e6;margin-top:24px;margin-bottom:12px;font-size:1.5rem;font-weight:600}.legal-page h3{color:#111827d9;margin-top:16px;margin-bottom:8px;font-size:1.15rem;font-weight:600}.legal-page p{color:#111827bf;margin-bottom:12px;line-height:1.7}.legal-page ul{margin:12px 0;padding-left:24px}.legal-page li{color:#111827bf;margin-bottom:8px;line-height:1.7}.legal-page a{color:var(--accent-color);border-bottom:1px solid #0000;text-decoration:none;transition:border-color .2s}.legal-page a:hover{border-bottom-color:var(--accent-color)}.legal-page strong{color:#111827d9;font-weight:600}@media (max-width:640px){.legal-page__container{padding:32px 24px}.legal-page h1{font-size:2rem}.legal-page h2{font-size:1.3rem}}.cookie-consent{z-index:9999;background:#fff;border-top:1px solid #1118271a;padding:20px;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #11182726}.cookie-consent__content{max-width:1200px;margin:0 auto}.cookie-consent__title{color:#111827e6;margin-bottom:12px;font-size:1.1rem;font-weight:600}.cookie-consent__text{color:#111827bf;margin-bottom:16px;font-size:.95rem;line-height:1.6}.cookie-consent__details{background:#f8fafc;border:1px solid #1118271a;flex-direction:column;gap:12px;margin:16px 0;padding:16px;display:flex}.cookie-consent__category{font-size:.9rem}.cookie-consent__category strong{color:#111827d9;margin-bottom:4px;display:block}.cookie-consent__category p{color:#111827a6;margin:0;line-height:1.5}.cookie-consent__link{color:var(--accent-color);border-bottom:1px solid #0000;text-decoration:none;transition:border-color .2s}.cookie-consent__link:hover{border-bottom-color:var(--accent-color)}.cookie-consent__actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.cookie-consent__button{cursor:pointer;white-space:nowrap;border:none;padding:10px 20px;font-size:.95rem;font-weight:500;transition:all .2s}.cookie-consent__button--primary{background:var(--accent-color);color:var(--accent-text)}.cookie-consent__button--primary:hover{background:var(--accent-hover)}.cookie-consent__button--secondary{color:#111827bf;background:0 0;border:1px solid #11182740}.cookie-consent__button--secondary:hover{background:#1118270d;border-color:#11182759}.cookie-consent__button--text{color:var(--accent-color);background:0 0;border:none;padding:10px 12px}.cookie-consent__button--text:hover{background:var(--accent-light)}@media (max-width:640px){.cookie-consent{padding:16px}.cookie-consent__actions{flex-direction:column;width:100%}.cookie-consent__button{width:100%}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}