@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{font-family:Noto Sans SC,system-ui,sans-serif;color:#292d29;background:#f5f3ed;font-synthesis:none;--green: #315c4c;--deep: #183c31;--cream: #f5f3ed;--paper: #fffefa;--line: #deddd5}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{color:inherit;cursor:pointer}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:19px;letter-spacing:-.3px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;color:#fff;background:var(--green);border-radius:11px 11px 11px 4px}.brand-light .brand-mark{color:var(--deep);background:#dbe4b5}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}.auth-story{position:relative;min-height:100vh;padding:46px clamp(40px,6vw,90px);display:flex;flex-direction:column;overflow:hidden;color:#fff;background:var(--deep)}.story-copy{position:relative;z-index:1;margin:auto 0;max-width:590px}.eyebrow{width:max-content;display:flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid rgba(220,231,181,.22);border-radius:20px;color:#dbe4b5;font-size:12px;letter-spacing:.7px}.story-copy h1{margin:28px 0 24px;font:clamp(52px,5.8vw,82px)/1.04 "DM Serif Display",serif;letter-spacing:-1.4px}.story-copy h1 em{color:#dbe4b5;font-weight:400}.story-copy p{max-width:480px;color:#b7c9c1;font-size:16px;line-height:1.9}.quote-card{position:relative;z-index:1;max-width:450px;padding:19px 22px;border:1px solid rgba(255,255,255,.12);border-radius:15px;background:#ffffff0f;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.quote-card span{color:#dbe4b5;font-size:11px;letter-spacing:1px}.quote-card blockquote{margin:8px 0;color:#e8efeb;font-family:"DM Serif Display",serif;font-size:18px}.quote-card small{color:#8fa79e}.story-orb{position:absolute;border-radius:50%;border:1px solid rgba(219,228,181,.09)}.orb-one{width:480px;height:480px;right:-230px;top:-150px;box-shadow:0 0 0 70px #dbe4b506,0 0 0 140px #dbe4b505}.orb-two{width:260px;height:260px;left:-130px;bottom:-110px}.auth-panel{min-height:100vh;display:grid;place-items:center;padding:42px;background:var(--paper)}.auth-card{width:min(420px,100%)}.mobile-brand{display:none}.auth-heading{margin-bottom:30px}.mini-icon{width:42px;height:42px;display:grid;place-items:center;margin-bottom:22px;border-radius:13px;color:var(--green);background:#e6ecdf}.auth-heading h2{margin:0 0 8px;font:38px "DM Serif Display",serif;letter-spacing:-.5px}.auth-heading p{margin:0;color:#858981;font-size:14px}.auth-card form label{display:block;margin-bottom:19px;color:#565c56;font-size:14px;font-weight:600}.auth-card input{width:100%;margin-top:8px;padding:13px 14px;outline:0;border:1px solid var(--line);border-radius:10px;background:#fffefa;transition:.2s}.auth-card input:focus,.task-form input:focus,.task-form select:focus{border-color:#8da393;box-shadow:0 0 0 3px #315c4c17}.primary-button{width:100%;height:49px;display:flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:10px;color:#fff;background:var(--green);font-weight:600;transition:.2s}.primary-button:hover{background:var(--deep);transform:translateY(-1px)}.primary-button:disabled{opacity:.6;cursor:wait}.auth-switch{margin-top:23px;text-align:center;color:#8a8d87;font-size:13px}.auth-switch button{padding:5px;border:0;color:var(--green);background:none;font-weight:700}.privacy-note{margin-top:34px;display:flex;align-items:center;justify-content:center;gap:6px;color:#a5a7a1;font-size:11px}.form-message{margin:-3px 0 15px;padding:10px 12px;border-radius:8px;color:#a64e42;background:#f9e5e0;font-size:13px}.form-message.success{color:var(--green);background:#e5ecdf}.config-notice{margin:-11px 0 22px;padding:12px;display:flex;gap:10px;color:#8e662c;background:#fcf2dc;border-radius:9px}.config-notice strong,.config-notice span{display:block}.config-notice strong{font-size:13px}.config-notice span{margin-top:3px;font-size:12px;line-height:1.5}.app-shell{min-height:100vh;background:var(--cream)}.topbar{height:74px;padding:0 clamp(24px,5vw,74px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e2e0d8;background:#f5f3eddb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.account{display:flex;align-items:center;gap:10px;color:#71766f;font-size:12px}.avatar{width:33px;height:33px;display:grid;place-items:center;border-radius:10px;color:var(--green);background:#dfe8da;font-weight:700}.account button{width:33px;height:33px;display:grid;place-items:center;border:0;border-radius:9px;color:#8e928b;background:transparent}.account button:hover{color:#a64e42;background:#eee9e2}.dashboard{width:min(900px,calc(100% - 42px));margin:0 auto;padding:54px 0 70px}.welcome-row{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:32px}.date-line{margin:0 0 7px;color:#718871;font-size:12px;font-weight:700;letter-spacing:.7px}.welcome-row h1{margin:0;font:42px "DM Serif Display",serif;letter-spacing:-.6px}.welcome-row>div>p:last-child{margin:9px 0 0;color:#81847e;font-size:14px}.progress-card{min-width:220px;display:flex;align-items:center;gap:13px;padding:12px 15px;border-radius:15px;background:#e9ebe1}.progress-ring{position:relative;width:47px;height:47px;display:grid;place-items:center;flex:none;border-radius:50%;background:conic-gradient(var(--green) var(--progress),#d2d6ca 0)}.progress-ring:after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:50%;background:#e9ebe1}.progress-ring span{position:relative;z-index:1;font-weight:700;font-size:13px}.progress-ring small{font-size:9px}.progress-card>div:last-child strong,.progress-card>div:last-child span{display:block}.progress-card strong{font-size:13px}.progress-card>div:last-child span{margin-top:4px;color:#858a82;font-size:11px}.task-form{margin-bottom:32px;padding:14px;border:1px solid #e0ded5;border-radius:14px;background:var(--paper);box-shadow:0 8px 30px #2530290a}.task-input-row{display:flex;align-items:center;gap:10px}.input-plus{width:34px;height:34px;display:grid;place-items:center;flex:none;color:#76907c;border-radius:9px;background:#edf0e7}.task-input-row>input{flex:1;min-width:0;padding:9px 4px;border:0;outline:0;background:transparent}.add-button{min-width:70px;height:40px;display:grid;place-items:center;padding:0 17px;border:0;border-radius:9px;color:#fff;background:var(--green);font-size:13px;font-weight:600}.add-button:disabled{opacity:.45;cursor:default}.icon-button{width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:8px;background:#f0eee8}.task-options{display:flex;gap:8px;margin:10px 0 0 44px}.task-options label{position:relative;display:flex;align-items:center;margin:0;padding:5px 8px;color:#8c9089;border-radius:7px;background:#f5f3ed;font-size:9px}.task-options label>span{display:flex;align-items:center;gap:4px;white-space:nowrap}.task-options input,.task-options select{width:93px;margin:0 0 0 5px;padding:0;border:0;outline:0;color:#656a64;background:transparent;font-size:9px}.task-options select{width:30px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.task-options label>svg{margin-left:-8px;pointer-events:none}.edit-form{margin:0;border-color:#9caf9f}.time-view-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:18px}.time-view-bar button{min-width:0;height:46px;padding:0 12px;display:flex;align-items:center;gap:7px;border:1px solid #dfded6;border-radius:11px;color:#7f847d;background:#fffefaad;font-size:12px;transition:.18s ease}.time-view-bar button:hover{color:var(--deep);border-color:#c9cec4;background:var(--paper);transform:translateY(-1px)}.time-view-bar button.active{color:#fff;border-color:var(--green);background:var(--green);box-shadow:0 6px 16px #315c4c24}.time-view-bar button>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.time-view-bar button>strong{min-width:22px;margin-left:auto;padding:2px 6px;border-radius:10px;color:#858a83;background:#e9e9e2;text-align:center;font-size:10px}.time-view-bar button.active>strong{color:var(--deep);background:#dbe4b5}.list-toolbar{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid #deddd5}.list-toolbar nav{display:flex;gap:20px}.list-toolbar nav button{position:relative;padding:6px 0;border:0;color:#969992;background:none;font-size:13px}.list-toolbar nav button.active{color:var(--deep);font-weight:700}.list-toolbar nav button.active:after{content:"";position:absolute;left:0;right:0;bottom:-13px;height:2px;background:var(--green)}.list-toolbar nav button span{margin-left:5px;padding:1px 6px;border-radius:8px;background:#e6e7df;font-size:10px}.secure-label{display:flex;align-items:center;gap:5px;color:#a3a69f;font-size:11px}.toolbar-tools{display:flex;align-items:center;gap:13px}.backup-button{height:30px;display:flex;align-items:center;gap:6px;padding:0 10px;border:1px solid #d8d9d1;border-radius:8px;color:#6f776f;background:#faf9f5;font-size:11px}.backup-button:hover{color:var(--green);border-color:#bfc9bf;background:#f0f3eb}.task-list{min-width:0;display:grid;gap:9px;padding-top:15px}.task-list>*{min-width:0;max-width:100%}.task-item{min-height:78px;padding:15px 16px;display:flex;align-items:center;gap:12px;border:1px solid #e3e1d9;border-radius:12px;background:#fbfaf7;transition:.2s}.task-item:hover{transform:translateY(-1px);border-color:#cbd1c6;box-shadow:0 6px 19px #232f270d}.check-button{width:28px;height:28px;display:grid;place-items:center;flex:none;padding:0;border:0;color:#89a08f;background:none}.is-complete .check-button{color:var(--green)}.task-main{flex:1;min-width:0}.task-main h3{margin:0 0 8px;overflow-wrap:anywhere;font-size:15px;line-height:1.45;font-weight:600}.task-meta{display:flex;align-items:center;gap:14px;color:#969a94;font-size:11px}.task-meta span{display:flex;align-items:center;gap:4px}.priority-dot i{width:6px;height:6px;border-radius:50%;background:var(--dot)}.task-meta .overdue{color:#c55e51}.task-meta .repeat-badge{padding:2px 7px;border-radius:8px;color:#657d69;background:#e8ede3}.task-actions{display:flex;opacity:0;transition:.2s}.task-item:hover .task-actions{opacity:1}.task-actions button{width:31px;height:31px;display:grid;place-items:center;border:0;border-radius:8px;color:#979b95;background:transparent}.task-actions button:hover{color:var(--green);background:#ecefe8}.task-actions button:last-child:hover{color:#b14f47}.is-complete{opacity:.62}.is-complete h3{color:#898c86;text-decoration:line-through}.state-card{padding:60px 20px;display:grid;justify-items:center;color:#8d908a;text-align:center}.state-card.empty>span{width:60px;height:60px;display:grid;place-items:center;margin-bottom:12px;border-radius:19px;color:#668170;background:#e5e9dc}.state-card h3{margin:0;color:#545953;font:23px "DM Serif Display",serif}.state-card p{margin:7px 0;font-size:13px}.inline-error{margin-top:14px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;border-radius:8px;color:#a64e42;background:#fae6e1;font-size:12px}.inline-error button{display:grid;border:0;background:none}footer{padding:0 20px 24px;color:#a7aaa4;text-align:center;font-size:11px;letter-spacing:.7px}footer span{margin:0 6px}.boot-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:18px;color:var(--green)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:20px;background:#14231c6b;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade-in .16s ease-out}@keyframes fade-in{0%{opacity:0}}.backup-modal{position:relative;width:min(470px,100%);padding:29px;border:1px solid rgba(255,255,255,.55);border-radius:19px;background:#fffefa;box-shadow:0 24px 80px #14261d38;animation:modal-in .18s ease-out}@keyframes modal-in{0%{opacity:0;transform:translateY(8px) scale(.98)}}.modal-close{position:absolute;right:17px;top:17px;width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:9px;color:#8c918b;background:transparent}.modal-close:hover{color:var(--deep);background:#f0efe9}.backup-icon{width:43px;height:43px;display:grid;place-items:center;margin-bottom:17px;border-radius:13px;color:var(--green);background:#e6ecdf}.backup-modal h2{margin:0;color:#394139;font:29px "DM Serif Display",serif}.backup-modal>p{margin:8px 34px 22px 0;color:#888d86;font-size:13px;line-height:1.7}.backup-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.backup-actions>button{min-width:0;padding:15px;display:grid;justify-items:start;border:1px solid #e0e0d8;border-radius:12px;color:#596159;background:#faf9f5;text-align:left;transition:.18s ease}.backup-actions>button:hover{border-color:#bdc8bd;background:#f0f3eb;transform:translateY(-1px)}.backup-actions>button:disabled{opacity:.6;cursor:wait;transform:none}.backup-actions>button>span{width:31px;height:31px;display:grid;place-items:center;margin-bottom:11px;border-radius:9px;color:var(--green);background:#e4eadf}.backup-actions strong,.backup-actions small{display:block}.backup-actions strong{font-size:13px}.backup-actions small{margin-top:4px;color:#9b9e98;font-size:10px;line-height:1.45}.backup-file-input{display:none}.backup-status{margin-top:14px;padding:10px 12px;border-radius:9px;font-size:12px}.backup-status.success{color:var(--green);background:#e7ede2}.backup-status.error{color:#a64e42;background:#fae6e1}.backup-note{margin-top:18px;padding-top:15px;display:flex;align-items:center;gap:6px;border-top:1px solid #ebe9e2;color:#a1a49e;font-size:10px}@media(max-width:760px){.auth-shell{display:block}.auth-story{display:none}.auth-panel{padding:30px 22px}.mobile-brand{display:flex;position:absolute;left:24px;top:24px}.auth-card{padding-top:70px}.topbar{padding:0 20px}.account-email{display:none}.dashboard{width:min(100% - 30px,900px);padding-top:35px}.welcome-row{align-items:flex-start}.welcome-row h1{font-size:34px}.progress-card{min-width:0;padding:8px}.progress-card>div:last-child{display:none}}@media(max-width:500px){.welcome-row{display:block}.progress-card{width:max-content;margin-top:18px}.progress-card>div:last-child{display:block}.task-options{margin-left:0;flex-wrap:wrap}.task-input-row{gap:6px}.input-plus{display:none}.task-actions{opacity:1}.task-meta{gap:8px;flex-wrap:wrap}.time-view-bar{grid-template-columns:repeat(2,1fr);gap:8px}.time-view-bar button{height:44px;padding:0 10px}.list-toolbar nav{gap:13px}.secure-label{display:none}.toolbar-tools{gap:0}.backup-modal{padding:24px 20px}.backup-actions{grid-template-columns:1fr}.backup-actions>button{grid-template-columns:35px 1fr;column-gap:10px;align-items:center}.backup-actions>button>span{grid-row:1 / 3;margin:0}.backup-actions small{grid-column:2}}.task-options{position:relative;align-items:center;overflow:visible}.pretty-picker{position:relative}.picker-trigger{height:36px;display:flex;align-items:center;gap:6px;padding:0 10px;border:1px solid transparent;border-radius:9px;color:#757b74;background:#f3f2ec;font-size:12px;transition:.18s ease}.picker-trigger:hover,.picker-trigger.open{color:var(--deep);border-color:#d6dbd1;background:#ecefe8}.picker-trigger .picker-caption{color:#999d97}.picker-trigger strong{font-size:12px;font-weight:700}.picker-trigger>i{width:7px;height:7px;margin-left:2px;border-radius:50%;background:var(--picker-color)}.picker-trigger>svg:last-child{margin-left:2px;transition:transform .18s}.picker-trigger.open>svg:last-child{transform:rotate(180deg)}.date-trigger strong{min-width:36px;color:#59615a}.picker-menu{position:absolute;left:0;top:calc(100% + 8px);z-index:50;padding:8px;border:1px solid #e0e1da;border-radius:14px;background:#fffefa;box-shadow:0 18px 50px #1b2c2226,0 3px 12px #1b2c220f;animation:picker-in .16s ease-out}@keyframes picker-in{0%{opacity:0;transform:translateY(-4px) scale(.98)}}.picker-menu-title{padding:7px 9px 8px;color:#a0a49d;font-size:11px;font-weight:700;letter-spacing:.6px}.priority-menu{width:238px}.priority-menu>button{width:100%;display:flex;align-items:center;gap:10px;padding:9px;border:0;border-radius:9px;background:transparent;text-align:left}.priority-menu>button:hover{background:#f3f4ee}.priority-menu>button.selected{background:#edf1e8}.priority-menu>button>span:nth-child(2){flex:1}.priority-menu strong,.priority-menu small{display:block}.priority-menu strong{color:#4d554e;font-size:13px}.priority-menu small{margin-top:2px;color:#a1a49e;font-size:11px}.priority-menu>button>svg{color:var(--green)}.priority-symbol{width:27px;height:27px;display:grid;place-items:center;border-radius:9px;background:color-mix(in srgb,var(--picker-color) 13%,white)}.priority-symbol i{width:8px;height:8px;border-radius:50%;background:var(--picker-color)}.repeat-menu{width:238px}.repeat-menu>button{width:100%;display:flex;align-items:center;gap:10px;padding:9px;border:0;border-radius:9px;background:transparent;text-align:left}.repeat-menu>button:hover{background:#f3f4ee}.repeat-menu>button.selected{background:#edf1e8}.repeat-menu>button>span:nth-child(2){flex:1}.repeat-menu strong,.repeat-menu small{display:block}.repeat-menu strong{color:#4d554e;font-size:13px}.repeat-menu small{margin-top:2px;color:#a1a49e;font-size:11px}.repeat-menu>button>svg{color:var(--green)}.repeat-symbol{width:27px;height:27px;display:grid;place-items:center;border-radius:9px;color:#668170;background:#e8ede3}.calendar-menu{width:306px;left:auto;right:0;padding:13px}.calendar-head{display:flex;align-items:center;justify-content:space-between;padding:2px 1px 11px}.calendar-head strong{color:#4e554f;font-size:14px}.calendar-head button{width:30px;height:30px;display:grid;place-items:center;border:0;border-radius:8px;color:#7a817a;background:transparent}.calendar-head button:hover{color:var(--deep);background:#edf0e9}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.calendar-grid.weekdays{margin-bottom:4px}.calendar-grid.weekdays span{padding:5px 0;color:#aaada7;text-align:center;font-size:11px}.calendar-grid.days button,.calendar-grid.days>span{height:34px}.calendar-grid.days button{position:relative;border:0;border-radius:9px;color:#59605a;background:transparent;font-size:12px}.calendar-grid.days button:hover{color:var(--deep);background:#edf0e9}.calendar-grid.days button.today:after{content:"";position:absolute;left:50%;bottom:3px;width:3px;height:3px;border-radius:50%;background:#7c9681;transform:translate(-50%)}.calendar-grid.days button.selected{color:#fff;background:var(--green);font-weight:700}.calendar-grid.days button.selected:after{background:#fff}.calendar-foot{display:flex;justify-content:space-between;margin-top:9px;padding-top:9px;border-top:1px solid #ebe9e2}.calendar-foot button{padding:7px 9px;border:0;border-radius:7px;color:#8c918b;background:transparent;font-size:11px}.calendar-foot button:hover{color:var(--green);background:#edf1e8}@media(max-width:500px){.picker-trigger .picker-caption{display:none}.calendar-menu{position:fixed;left:15px;right:15px;top:50%;width:auto;max-width:360px;margin:auto;transform:translateY(-50%);animation:mobile-picker-in .18s ease-out}@keyframes mobile-picker-in{0%{opacity:0;transform:translateY(-47%) scale(.98)}}.calendar-grid.days button,.calendar-grid.days>span{height:38px}.repeat-menu{position:fixed;left:15px;right:15px;top:50%;width:auto;max-width:360px;margin:auto;transform:translateY(-50%);animation:mobile-picker-in .18s ease-out}}