:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#243b35;background:#fafbf8;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #fafbf8;--panel: #fff;--side: #f0f3ed;--ink: #243b35;--muted: #6c7b73;--line: #e3e8df;--accent: #224f41;--soft: #e2eadf;--shadow: 0 12px 45px #243b3510;--sage: #e4eddf;--sage-ink: #46653d;--blue: #e2ebf7;--blue-ink: #365a82;--plum: #eee5f2;--plum-ink: #785681;--amber: #f7edce;--amber-ink: #8d661d;--rose: #f6e2e0;--rose-ink: #985955;--teal: #dcefeb;--teal-ink: #356d62;--orange: #f9e6d6;--orange-ink: #99582c;--slate: #e6e9ee;--slate-ink: #586579}:root[data-theme=dark]{--bg: #171e1b;--panel: #212a25;--side: #1c2520;--ink: #e4eade;--muted: #a3b1a6;--line: #354038;--accent: #a2c5a5;--soft: #35483a;--sage: #334731;--sage-ink: #c2d7b8;--blue: #2e4058;--blue-ink: #b5cce8;--plum: #493750;--plum-ink: #dcc4e7;--amber: #4e4427;--amber-ink: #ebd398;--rose: #513734;--rose-ink: #edbbb7;--teal: #2c4842;--teal-ink: #b6dbd0;--orange: #533d2e;--orange-ink: #ecc8a8;--slate: #39414c;--slate-ink: #c7d0df;color:var(--ink);background:var(--bg)}@media(prefers-color-scheme:dark){:root[data-theme=system]{--bg: #171e1b;--panel: #212a25;--side: #1c2520;--ink: #e4eade;--muted: #a3b1a6;--line: #354038;--accent: #a2c5a5;--soft: #35483a;--sage: #334731;--sage-ink: #c2d7b8;--blue: #2e4058;--blue-ink: #b5cce8;--plum: #493750;--plum-ink: #dcc4e7;--amber: #4e4427;--amber-ink: #ebd398;--rose: #513734;--rose-ink: #edbbb7;--teal: #2c4842;--teal-ink: #b6dbd0;--orange: #533d2e;--orange-ink: #ecc8a8;--slate: #39414c;--slate-ink: #c7d0df;color:var(--ink);background:var(--bg)}}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button{border:0;background:none}button:disabled{opacity:.5;cursor:default}a{color:var(--accent)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #90aa77;outline-offset:3px}button,a{touch-action:manipulation}button svg{flex-shrink:0}h1,h2,h3,p{margin-top:0}input,textarea,select{background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:12px;width:100%;min-width:0;font-size:16px}input::placeholder,textarea::placeholder{color:var(--muted)}textarea{resize:vertical}label{display:block;font-size:13px;font-weight:650}label input,label textarea,label select{display:block;margin-top:8px}small{font-size:12px}svg{vertical-align:middle}button{transition:background .15s,transform .15s}button:active{transform:translateY(1px)}.sage{--tile: var(--sage);--tile-ink: var(--sage-ink)}.blue{--tile: var(--blue);--tile-ink: var(--blue-ink)}.plum{--tile: var(--plum);--tile-ink: var(--plum-ink)}.amber{--tile: var(--amber);--tile-ink: var(--amber-ink)}.rose{--tile: var(--rose);--tile-ink: var(--rose-ink)}.teal{--tile: var(--teal);--tile-ink: var(--teal-ink)}.orange{--tile: var(--orange);--tile-ink: var(--orange-ink)}.slate{--tile: var(--slate);--tile-ink: var(--slate-ink)}.primary,.secondary,.danger{display:inline-flex;gap:9px;align-items:center;justify-content:center;padding:12px 17px;border-radius:10px;font-size:13px;font-weight:650;min-height:44px;text-decoration:none}.primary{background:var(--accent);color:var(--bg)}.primary:hover{filter:brightness(1.12)}.secondary{border:1px solid var(--line);background:var(--panel)}.secondary:hover{background:var(--soft)}.danger{background:#9f403b;color:#fff}.text-button{display:inline-flex;align-items:center;gap:5px;padding:8px 0;color:var(--accent);font-size:13px;font-weight:600}.icon-button{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;flex-shrink:0}.icon-button:hover{background:var(--soft)}.icon-button.small{width:28px;height:28px}.danger-text,.error{color:#b54840}.muted{color:var(--muted);font-size:13px;line-height:1.6}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:750;color:var(--muted)}.spin{animation:spin 1.5s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skip{position:fixed;top:-70px;left:20px;background:var(--panel);padding:16px;z-index:100}.skip:focus{top:10px}.app-shell{min-height:100dvh;display:flex}.sidebar{width:248px;position:fixed;inset:0 auto 0 0;background:var(--side);padding:36px 20px 18px;display:flex;flex-direction:column;border-right:1px solid var(--line);z-index:30}.brand{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:750;padding:0 10px;text-align:left;letter-spacing:-.6px}.brand img{width:34px;height:34px;border-radius:10px}.brand-light{font-weight:450}.sidebar-caption{margin:48px 12px 15px;color:var(--muted);font-size:9px;letter-spacing:1.8px;font-weight:750}.nav-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px;border-radius:9px;text-align:left;font-size:13px;color:var(--muted);margin-bottom:3px;min-height:44px}.nav-item span:not(.color-dot){flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-item small{opacity:.8}.nav-item:hover,.nav-item.selected{background:var(--soft);color:var(--ink)}.nav-item.selected{font-weight:650}.sidebar-heading{display:flex;align-items:center;justify-content:space-between;margin:30px 10px 9px;font-size:9px;letter-spacing:1.8px;font-weight:750;color:var(--muted)}.color-dot{width:10px;height:10px;border-radius:3px;background:var(--tile-ink);flex-shrink:0;margin:0 4px}.sidebar nav{overflow:auto}.sidebar-bottom{margin-top:auto;padding-top:24px}.personal{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);margin-top:16px;padding:20px 4px 0}.avatar{width:33px;height:33px;border-radius:50%;background:var(--soft);display:grid;place-items:center;font-size:13px;font-weight:700}.personal div{flex:1}.personal strong{font-size:11px;display:block}.personal small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.workspace{margin-left:248px;width:calc(100% - 248px)}.topbar{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 48px;border-bottom:1px solid var(--line)}.breadcrumb{font-size:11px;color:var(--muted)}.breadcrumb span{padding:0 12px;color:#b0b9af}.sync-status{display:flex;gap:6px;align-items:center;font-size:10px;color:var(--muted);padding:8px;border-radius:8px}.warning{color:#b2732b}.workspace main{max-width:1250px;margin:auto;padding:48px 48px 0}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.page-heading h1{font-size:34px;line-height:1.2;letter-spacing:-1.2px;font-weight:620;margin:13px 0 12px;display:flex;gap:12px;align-items:center;overflow-wrap:anywhere}.page-heading p{font-size:13px;color:var(--muted);margin:0;line-height:1.6}.heading-icon{background:var(--tile);color:var(--tile-ink);padding:12px;border-radius:14px;display:inline-flex}.search{display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--line);padding:0 15px;border-radius:11px;color:var(--muted);height:49px;margin-bottom:34px}.search input{margin:0;border:0;background:transparent;padding:12px 0;outline:none;font-size:13px;font-weight:400}.search:focus-within{outline:2px solid var(--accent);outline-offset:2px}.search-hint{font-size:8px;letter-spacing:1.4px;border:1px solid var(--line);border-radius:4px;padding:5px 7px}.section-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:14px}.section-label h2{font-size:14px;font-weight:650;margin:0;display:flex;gap:9px;align-items:center}.section-label>span{font-size:9px;letter-spacing:1.4px;color:var(--muted)}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:42px}.category-tile{border-radius:17px;background:var(--tile);color:var(--tile-ink);position:relative;min-width:0;transition:transform .2s,box-shadow .2s}.category-tile:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.tile-main{display:block;width:100%;padding:22px 22px 42px;text-align:left;min-height:194px;color:inherit}.tile-top{display:flex;align-items:center;justify-content:space-between}.tile-icon{background:#ffffff40;border-radius:12px;padding:10px;display:inline-flex}.tile-count{font-size:32px;font-weight:450;letter-spacing:-1px;opacity:.65}.category-tile h3{font-size:18px;font-weight:630;letter-spacing:-.4px;line-height:1.3;margin:21px 0 11px;overflow-wrap:anywhere}.tile-bottom{display:flex;align-items:center;justify-content:space-between;font-size:10px;gap:10px}.tile-bottom>span{display:flex;align-items:center;gap:5px}.tile-tools{position:absolute;bottom:7px;right:12px;display:flex;gap:2px}.tile-tools button{width:30px;height:30px;border-radius:6px;opacity:.6}.tile-tools button:hover{opacity:1;background:#ffffff40}.add-tile{min-height:194px;border:1.5px dashed var(--line);border-radius:17px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;color:var(--muted)}.add-tile:hover{background:var(--side)}.add-tile>span{background:var(--side);padding:11px;border-radius:50%}.add-tile strong{font-size:13px;font-weight:600}.add-tile small{font-size:10px}.starter{display:flex;align-items:center;gap:20px;padding:24px;background:var(--side);border-radius:14px;margin-bottom:28px}.starter h3{font-size:14px;margin:0 0 6px}.starter p{font-size:12px;color:var(--muted);margin:0}.starter div{flex:1}.item-list{background:var(--panel);border:1px solid var(--line);border-radius:13px;min-width:0}.item-list:empty{display:none}.item-row{display:flex;align-items:center;gap:12px;padding:13px 17px;min-height:73px;position:relative;touch-action:pan-y;border-bottom:1px solid var(--line)}.item-row:last-child{border-bottom:0}.check-button{height:21px;width:21px;flex-shrink:0;border:1.5px solid #a8b6a4;border-radius:7px;display:grid;place-items:center;padding:0}.check-button.checked{background:var(--accent);color:var(--bg);border-color:var(--accent)}.item-body{flex:1;min-width:0;text-align:left;padding:6px 0}.item-body strong{font-size:13px;line-height:1.5;font-weight:550;display:block;overflow-wrap:anywhere}.item-body>span{display:flex;align-items:center;gap:9px;margin-top:6px;min-width:0}.item-body small{display:flex;align-items:center;gap:3px;font-size:10px;color:var(--muted)}.item-category{font-size:9px;background:var(--tile);color:var(--tile-ink);padding:3px 7px;border-radius:4px;white-space:nowrap;max-width:160px;overflow:hidden;text-overflow:ellipsis}.note-preview{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block!important}.done .item-body strong{text-decoration:line-through;color:var(--muted)}.is-starred{color:#b08328!important}.star-button{color:#a5afa4}.row-menu{position:relative}.popover{position:absolute;right:0;top:40px;background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);width:160px;z-index:10;padding:6px}.popover button{display:block;width:100%;text-align:left;padding:12px 10px;font-size:12px;border-radius:6px}.popover button:hover{background:var(--side)}.swipe-delete{background:#a1423e;color:#fff;border-radius:8px;padding:13px 10px;display:flex;gap:5px;align-items:center;font-size:12px}.quick-add{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding:8px 8px 8px 18px;border:1px solid var(--line);background:var(--panel);border-radius:12px;color:var(--muted)}.quick-add input{border:0;background:none;padding:8px 0;outline:none;font-size:14px}.quick-add:focus-within{outline:2px solid var(--accent)}.completed-toggle{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted);padding:22px 4px}.rotate{transform:rotate(90deg)}.empty{text-align:center;padding:65px 20px;color:var(--muted)}.empty h3{font-weight:550;margin:20px 0 10px;font-size:18px;color:var(--ink)}.empty p{font-size:13px}.page-footer{display:flex;align-items:center;justify-content:space-between;margin-top:50px;padding:25px 0;border-top:1px solid var(--line);gap:20px;color:var(--muted);font-size:10px;line-height:1.6}.page-footer>span:last-child{font-size:8px;letter-spacing:1.8px;white-space:nowrap}.notice{display:flex;align-items:center;gap:10px;background:var(--side);padding:10px 15px;border-radius:9px;margin-bottom:16px;font-size:12px;line-height:1.5}.notice>span{flex:1}.notice.error{background:#b5484010}.mobile-menu,.nav-scrim{display:none}dialog{border:1px solid var(--line);border-radius:20px;padding:0;background:var(--panel);color:var(--ink);width:min(550px,calc(100% - 28px));max-height:90dvh;box-shadow:0 20px 100px #0003}dialog::backdrop{background:#14231e70;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 12px;position:sticky;top:0;background:var(--panel);z-index:1}.dialog-header h2{margin:0;font-size:20px;letter-spacing:-.5px}.dialog-body{padding:8px 24px 24px;display:flex;flex-direction:column;gap:18px}.dialog-body p{font-size:13px;line-height:1.65;margin:0}.dialog-body h3{font-size:14px;margin:8px 0 0}.dialog-actions{display:flex;gap:9px;justify-content:flex-end;align-items:center;flex-wrap:wrap;margin-top:8px}.dialog-actions .danger-text{margin-right:auto}.color-picker{display:flex;gap:11px;flex-wrap:wrap}.color-choice{width:40px;height:40px;border-radius:50%;background:var(--tile);color:var(--tile-ink);border:1px solid #8882}.label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:-12px}.icon-picker{display:flex;gap:6px;flex-wrap:wrap}.icon-picker button{width:39px;height:39px;border-radius:8px;background:var(--side)}.icon-picker button.selected{outline:2px solid var(--accent);background:var(--soft)}.form-columns{display:flex;gap:14px;align-items:flex-end}.form-columns label{flex:1}.form-columns button{margin-bottom:1px}.subtask{display:flex;gap:10px;align-items:center;margin-bottom:7px}.subtask input[type=checkbox]{width:20px;height:20px;flex-shrink:0;accent-color:var(--accent)}.subtask input:not([type=checkbox]){padding:9px;font-size:14px}.subtask-add{display:flex;gap:8px}.segmented{display:flex;gap:6px;background:var(--side);padding:5px;border-radius:10px}.segmented button{flex:1;padding:10px;display:flex;gap:7px;align-items:center;justify-content:center;border-radius:7px;text-transform:capitalize;font-size:12px}.segmented button.active{background:var(--panel);box-shadow:0 2px 5px #0001}.downloads{display:flex;gap:8px;flex-wrap:wrap}.conflict-versions{display:grid;gap:12px}.conflict-versions pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;background:var(--side);padding:12px;border-radius:8px;max-height:180px;overflow:auto}.compact{padding:8px;font-size:11px}.login-wrap{min-height:100dvh;display:flex;align-items:center;justify-content:center;gap:110px;padding:40px;background:radial-gradient(ellipse at 80% 30%,var(--soft),transparent 65%)}.login{max-width:390px;width:100%;padding:35px 0}.login .brand-mark{width:58px;height:58px;display:block;margin-bottom:38px}.login h1{font-size:46px;font-weight:650;letter-spacing:-2px;margin:18px 0}.login h1 span{color:#b99642}.login p{color:var(--muted);font-size:15px;line-height:1.8;margin-bottom:30px}.login form{margin-top:36px;display:flex;flex-direction:column;gap:12px}.login form .primary{width:100%;justify-content:space-between;margin-top:3px;font-size:14px}.login small{display:block;color:var(--muted);font-size:10px;margin-top:28px}.login-art{width:310px;display:flex;flex-direction:column;gap:20px;transform:rotate(6deg)}.mini-tile{padding:30px;border-radius:20px;background:var(--tile);color:var(--tile-ink);display:flex;align-items:center;gap:18px;box-shadow:var(--shadow)}.mini-tile:nth-child(2){transform:translate(25px)}.mini-tile strong{font-size:16px;font-weight:550}@media(min-width:1500px){.category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1150px){.sidebar{width:218px;padding:30px 14px 18px}.workspace{margin-left:218px;width:calc(100% - 218px)}.workspace main{padding:35px 30px 0}.topbar{padding:0 30px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-heading h1{font-size:30px}.tile-main{min-height:185px}.login-wrap{gap:65px}}@media(max-width:760px){.sidebar{transform:translate(-100%);width:260px;transition:transform .2s}.sidebar.open{transform:translate(0)}.nav-scrim{display:block;position:fixed;inset:0;background:#10211977;z-index:20}.workspace{margin:0;width:100%}.topbar{height:62px;padding:env(safe-area-inset-top,0) 17px 0;gap:8px}.mobile-menu{display:inline-flex}.breadcrumb{flex:1;font-size:10px}.breadcrumb span{padding:0 5px}.sync-status{font-size:9px}.workspace main{padding:29px 20px 0}.page-heading{align-items:flex-start;gap:10px;flex-wrap:wrap;margin-bottom:24px}.page-heading h1{font-size:30px;letter-spacing:-1px}.page-heading p{font-size:12px}.page-heading>.primary,.page-heading>.secondary{padding:10px 12px;font-size:11px;min-height:40px}.page-heading .eyebrow{font-size:8px;letter-spacing:1.6px}.category-grid{gap:12px;margin-bottom:30px;grid-template-columns:repeat(2,minmax(0,1fr))}.tile-main{padding:17px 15px 40px;min-height:185px}.tile-icon{padding:8px;border-radius:10px}.tile-icon svg{width:24px;height:24px}.tile-count{font-size:26px}.category-tile h3{font-size:16px;margin-top:20px;min-height:21px}.tile-bottom{font-size:9px}.tile-bottom>span{line-height:1.4}.tile-bottom>svg{display:none}.add-tile{min-height:185px}.add-tile small{font-size:9px}.search{margin-bottom:26px}.search input{font-size:12px}.search-hint{display:none}.section-label h2{font-size:13px}.section-label>span{font-size:8px}.item-row{padding:12px 10px;gap:8px}.item-row .icon-button{width:32px;height:40px}.item-body strong{font-size:13px}.item-body>span{flex-wrap:wrap;gap:5px}.item-category{font-size:8px}.note-preview{max-width:130px}.item-row .check-button{width:21px;height:21px}.starter{align-items:flex-start;flex-wrap:wrap;padding:20px;gap:12px}.starter>svg{display:none}.starter div{flex-basis:100%}.page-footer{margin-top:35px;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px));font-size:9px}.page-footer>span:last-child{display:none}.login-wrap{padding:30px;min-height:100dvh}.login-art{display:none}.login h1{font-size:42px}.login{padding:20px 0}.dialog-body{padding:8px 18px 22px;gap:16px}.dialog-header{padding:16px 18px 10px}.dialog-header h2{font-size:18px}.color-picker{gap:8px}.color-choice{width:32px;height:32px}.form-columns{flex-wrap:wrap}.form-columns label{min-width:100%}.form-columns button{padding:10px}.notice{padding:10px;font-size:11px}.swipe-delete{position:absolute;right:10px;top:8px;bottom:8px;z-index:5}.swipe-delete+.icon-button{position:absolute;right:90px;background:var(--panel);z-index:5}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.category-actions{display:flex;flex-wrap:wrap;gap:8px}