:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#242831;--bg:#f6f7f4;--panel:#fffefb;--subtle:#eef2ee;--line:#e1e5dc;--line-strong:#ccd4ca;--text:#242831;--muted:#7f8884;--blue:#3f66f2;--blue-soft:#edf3ff;--green:#16a982;--green-soft:#e6f7ef;--red:#e75f65;--amber:#d79b22;--ink-soft:#505867;--mint:#dff4eb;--lilac:#f1efff;--rail:#eef1ec;--paper:#fffefbf0;--focus-ring:0 0 0 4px #3f66f21c;--shadow:0 18px 48px #24283117;--shadow-soft:0 10px 26px #2428310f;background:#f6f7f4;font-family:Avenir Next,PingFang SC,Hiragino Sans GB,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(110deg, #ffffffb8, #eef2eec7), linear-gradient(160deg, #3f66f20b, transparent 42%), linear-gradient(24deg, transparent 58%, #16a9820d), var(--bg);min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:var(--focus-ring), 0 0 0 1px #3f66f229;outline:none}.app-frame{grid-template-columns:72px minmax(0,1fr);min-height:100vh;display:grid;overflow:hidden}.app-rail{border-right:1px solid var(--line);background:linear-gradient(90deg, #ffffff70, transparent 62%), linear-gradient(180deg, #ffffff94, #eef1eceb), var(--rail);grid-template-rows:auto auto 1fr auto;gap:24px;padding:12px 10px 18px;display:grid}.traffic{gap:7px;display:flex}.traffic i{border-radius:50%;width:13px;height:13px}.traffic i:first-child{background:#ff5f57}.traffic i:nth-child(2){background:#febc2e}.traffic i:nth-child(3){background:#28c840}.avatar{color:#fff;background:linear-gradient(145deg,#3f66f2 0%,#16a982 100%),#3f66f2;border:1px solid #ffffff8c;border-radius:14px;place-items:center;width:42px;height:42px;margin:0 auto;font-weight:800;display:grid;box-shadow:0 12px 26px #3f66f233}.app-rail nav,.rail-bottom{align-content:start;justify-items:center;gap:14px;display:grid}.rail-bottom{align-content:end}.app-rail button,.mobile-nav button,.icon-button,.ghost-button{color:#8f8f8f;background:0 0;border:0}.app-rail button{border:1px solid #0000;border-radius:12px;place-items:center;width:42px;height:42px;transition:background .16s,border-color .16s,color .16s,transform .16s,box-shadow .16s;display:grid}.app-rail button.active{background:linear-gradient(145deg, var(--blue), #2fb090);color:#fff;border-color:#ffffff70;box-shadow:0 10px 24px #3f66f238}.app-rail button:focus-visible{border-color:#3f66f247}.app-rail button:hover{color:var(--text);background:#ffffff94;border-color:#ccd4cab8;transform:translateY(-1px)}.app-rail button.active:hover{background:linear-gradient(145deg, var(--blue), #2fb090);color:#fff;border-color:#ffffff70;box-shadow:0 10px 24px #3f66f238}.screen{background:linear-gradient(135deg,#ffffffb3,#f6f7f4c7),#fffefbb8;min-width:0;min-height:100vh}.tasks-layout{grid-template-columns:292px minmax(440px,1fr) 420px;min-height:100vh;display:grid}.list-sidebar{border-right:1px solid var(--line);background:linear-gradient(#ffffff6b,#eff4efbd),#fafbf7db;padding:18px 14px;overflow-y:auto}.list-sidebar button{width:100%;min-height:44px;color:var(--text);text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;grid-template-columns:26px 1fr auto auto;align-items:center;gap:10px;padding:0 12px;font-weight:700;transition:background .14s,border-color .14s,color .14s,box-shadow .14s,transform .14s;display:grid}.list-sidebar button.active{background:linear-gradient(90deg, #3f66f212, transparent 68%), var(--panel);box-shadow:inset 3px 0 0 var(--blue), var(--shadow-soft);border-color:#e1e5dcbd}.list-sidebar button:hover{background:#ffffffb8;border-color:#e1e5dcb8;transform:translate(1px)}.list-sidebar em{color:#64716b;text-align:center;background:linear-gradient(#ffffffdb,#f5f7f3cc);border-radius:999px;min-width:24px;padding:2px 8px;font-size:12px;font-style:normal;font-weight:800;box-shadow:inset 0 0 0 1px #e1e5dc8a}.list-sidebar p{color:#8d9891;letter-spacing:0;align-items:center;gap:8px;margin:24px 12px 10px;font-size:12px;font-weight:800;display:flex}.list-sidebar p:after{content:"";background:linear-gradient(90deg,#ccd4cac7,#0000);flex:1;height:1px}.list-sidebar hr{border:0;border-top:1px solid #e1e5dcb8;margin:18px 0}.dot{border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 3px #ffffffad,0 4px 10px #24283114}.c0{background:#f4c542}.c1{background:#68c7d0}.c2{background:#f8bd8d}.c3{background:#85c87a}.c4{background:#aebeff}.page-pane{background:linear-gradient(#ffffff9e,#f9faf6c7),#fffefbad;min-width:0;padding:26px 34px}.task-center{border-right:1px solid var(--line)}.page-header{justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px;display:flex}.page-header>div:first-child{align-items:center;gap:12px;min-width:0;display:flex}.page-header>div:first-child>svg{box-sizing:content-box;color:#26313a;width:22px;height:22px;box-shadow:var(--shadow-soft);background:#ffffffa3;border:1px solid #e1e5dcc7;border-radius:11px;padding:6px}h1{letter-spacing:0;color:#1f2530;margin:0;font-size:28px;line-height:1.1}h3{color:var(--text);margin:22px 0 10px;font-size:17px}h3 span{color:var(--muted);font-weight:500}.page-actions{align-items:center;gap:10px;display:flex}.icon-button,.select-button,.sync-pill,.primary-button,.soft-button,.segmented button{border:1px solid var(--line-strong);min-height:38px;color:var(--text);background:#ffffffdb;border-radius:10px;justify-content:center;align-items:center;transition:transform .14s,border-color .14s,box-shadow .14s;display:inline-flex;box-shadow:0 1px #ffffffe6,0 8px 18px #2428310a}.icon-button:hover,.select-button:hover,.sync-pill:hover,.soft-button:hover,.segmented button:hover{box-shadow:var(--shadow-soft);border-color:#c9c2b4;transform:translateY(-1px)}.primary-button:focus-visible{box-shadow:var(--focus-ring), 0 12px 22px #3f66f238}.icon-button{width:38px}.select-button{padding:0 18px}.sync-pill,.primary-button,.soft-button{gap:8px;padding:0 14px}.soft-button{color:#46515d;background:linear-gradient(#ffffffb8,#f7f9f5e0);justify-self:start;font-weight:800}.primary-button{border-color:var(--blue);background:linear-gradient(145deg, var(--blue), #3554d6);color:#fff;box-shadow:0 12px 22px #3f66f238}.primary-button.is-running{background:linear-gradient(145deg,#e7a33a,#d27a4e);border-color:#e7a33a;box-shadow:0 12px 22px #d79b2233}.segmented{border:1px solid #d8d8d5;border-radius:9px;display:flex;overflow:hidden}.segmented button{border:0;border-right:1px solid #d8d8d5;border-radius:0;min-width:48px}.segmented button:last-child{border-right:0}.composer{color:#aab0aa;background:linear-gradient(#ffffffdb,#eff3eeeb),#eef2eed1;border:1px solid #e1e5dcb8;border-radius:14px;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;min-height:52px;padding:0 18px;transition:background .14s,border-color .14s,box-shadow .14s,transform .14s;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffbd,0 10px 24px #24283109}.composer:before{content:"";opacity:0;background:linear-gradient(#3f66f273,#16a98252);width:3px;transition:opacity .14s;position:absolute;inset:0 auto 0 0}.composer>*{z-index:1;position:relative}.composer>svg{box-sizing:content-box;color:#9da7a1;background:#ffffffc2;border-radius:9px;width:16px;height:16px;padding:5px;box-shadow:inset 0 0 0 1px #e1e5dca8}.composer:focus-within{box-shadow:var(--focus-ring), var(--shadow-soft);background:linear-gradient(#fffffffa,#fafcf9f0);border-color:#4267ff47;transform:translateY(-1px)}.composer:focus-within:before{opacity:1}.composer:focus-within>svg{background:var(--blue-soft);color:var(--blue);box-shadow:inset 0 0 0 1px #3f66f21f}.composer.narrow{max-width:760px;margin:0 0 22px}.composer input{min-width:0;color:var(--text);background:0 0;border:0;outline:0;font-weight:700}.composer input::placeholder{color:#909a94;font-weight:700}.composer span{color:#8f9993;white-space:nowrap;font-size:12px;font-weight:700}.task-group{max-width:780px}.task-line{--priority:transparent;border:1px solid #0000;border-bottom-color:var(--line);min-height:56px;box-shadow:inset 3px 0 0 var(--priority);background:linear-gradient(90deg,#ffffff9e,#ffffff2e),0 0;border-radius:12px;grid-template-columns:34px 1fr 36px;align-items:center;gap:10px;padding:0 8px;transition:background .14s,box-shadow .14s,transform .14s;display:grid}.task-line.high{--priority:#e75f65c2}.task-line.medium{--priority:#3f66f294}.task-line.low{--priority:#16a9828f}.task-line:hover{box-shadow:inset 3px 0 0 var(--priority), 0 10px 22px #2428310d;background:#ffffffdb;border-color:#ccd4ca9e;transform:translateY(-1px)}.task-line.selected{box-shadow:inset 3px 0 0 var(--priority), inset 0 0 0 1px #3f66f214, 0 16px 30px #24283112;background:linear-gradient(90deg,#edf3ffd1,#ffffffb8),#ffffffe6;border-color:#3f66f22e}.task-line.selected .check-button{border-color:color-mix(in srgb, var(--priority) 72%, var(--blue));background:#fffffff5}.check-button{background:var(--panel);color:#fff;border:2px solid #b8c0b7;border-radius:9px;place-items:center;width:26px;height:26px;transition:border-color .14s,background .14s,transform .14s;display:grid}.check-button:hover{border-color:var(--blue);transform:scale(1.03)}.task-line.done{--priority:transparent;opacity:.45}.task-line.done .check-button{border-color:var(--green);background:var(--green)}.task-line.done strong{text-decoration:line-through}.task-content{min-width:0;color:var(--text);text-align:left;background:0 0;border:0;gap:4px;display:grid}.task-content strong{text-overflow:ellipsis;white-space:nowrap;font-size:17px;overflow:hidden}.task-meta{flex-wrap:wrap;gap:5px;display:flex}.task-meta i{color:#7e8983;background:#ffffff6b;border:1px solid #e1e5dcb8;border-radius:999px;align-items:center;min-height:20px;padding:0 6px;font-size:12px;font-style:normal;font-weight:700;line-height:1;display:inline-flex}.tag-chip{border:1px solid color-mix(in srgb, var(--tag) 78%, #fff);background:linear-gradient(180deg, color-mix(in srgb, var(--tag) 82%, white), var(--tag));color:#4d5857;border-radius:999px;justify-self:start;align-items:center;gap:5px;padding:3px 10px 3px 8px;font-size:12px;font-style:normal;font-weight:800;line-height:1.1;display:inline-flex}.tag-chip:before{content:"";background:color-mix(in srgb, var(--tag) 48%, #40504b);border-radius:50%;width:6px;height:6px}.detail-pane{background:linear-gradient(132deg, transparent 0 58%, #3f66f20e), linear-gradient(180deg, #dff4eb38, transparent 34%), linear-gradient(180deg, #fffffff5, #fffefbfa), var(--panel);padding:28px;overflow-y:auto}.detail-top{color:#74807a;align-items:center;gap:14px;min-height:44px;margin-bottom:20px;font-size:13px;font-weight:800;display:flex}.close-detail{color:var(--blue);margin-left:auto;font-weight:800;display:none}.title-input{width:100%;color:var(--text);background:0 0;border:0;outline:0;margin-bottom:14px;font-size:24px;font-weight:800}.detail-summary{flex-wrap:wrap;gap:8px;margin:0 0 22px;display:flex}.detail-summary span{color:#6f7973;background:linear-gradient(#ffffffbd,#f6f7f4d6);border:1px solid #e1e5dcd1;border-radius:999px;align-items:center;gap:5px;min-height:30px;padding:0 11px;font-size:12px;font-weight:800;display:inline-flex}.detail-pane label,.settings-card label{color:var(--muted);grid-template-columns:auto 1fr;align-items:center;gap:8px;margin-bottom:14px;font-size:13px;display:grid}.detail-pane label{color:#68756e;background:linear-gradient(#ffffffc7,#fafbf7a8);border:1px solid #e1e5dcc7;border-radius:13px;padding:12px;font-weight:800;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffb8}.detail-pane label:before{content:"";opacity:0;background:linear-gradient(90deg,#3f66f22e,#16a9821f,#0000);height:2px;transition:opacity .14s;position:absolute;inset:0 0 auto}.detail-pane label:focus-within:before{opacity:1}.detail-pane label>svg{color:#71817a}.detail-pane label input,.detail-pane label select,.settings-card label input{grid-column:1/-1}.detail-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.detail-pane input,.detail-pane select,.detail-pane textarea,.settings-card input{border:1px solid var(--line);width:100%;min-height:40px;color:var(--text);background:linear-gradient(#fffffff0,#f9faf7d1);border-radius:10px;padding:0 12px;font-weight:800;transition:border-color .14s,box-shadow .14s,background .14s}.detail-pane input:focus,.detail-pane select:focus,.detail-pane textarea:focus,.settings-card input:focus{box-shadow:var(--focus-ring), inset 0 1px 0 #ffffffdb;background:#fff;border-color:#4267ff73;outline:none}.detail-pane textarea{resize:vertical;min-height:130px;margin-top:2px;padding:12px}.subtasks-panel{box-shadow:var(--shadow-soft);background:linear-gradient(#ffffffd1,#f6f7f4e6),#f6f7f4b8;border:1px solid #e1e5dcd1;border-radius:14px;margin:16px 0;padding:14px}.subtasks-panel h3{align-items:center;gap:8px;margin:0 0 10px;font-size:15px;display:flex}.subtask-row,.subtask-add{border-radius:10px;grid-template-columns:28px 1fr 28px;align-items:center;gap:8px;min-height:38px;display:grid}.subtask-row{border:1px solid #0000;padding:2px 4px;transition:background .14s,border-color .14s}.subtask-row:hover{background:#ffffff94;border-color:#e1e5dcc2}.subtask-row input,.subtask-add input{background:0 0;border:0;min-height:32px}.subtask-row.done input{color:var(--muted);text-decoration:line-through}.subtask-row.done .check-button{border-color:var(--blue);background:var(--blue)}.subtask-add{color:var(--muted);grid-template-columns:28px 1fr}.empty-detail{color:#9fa9a4;text-align:center;background:linear-gradient(#ffffff94,#f9faf7c7),#fffefbbd;align-content:center;place-items:center;padding:36px;display:grid;position:relative;overflow:hidden}.empty-detail:before{content:"";aspect-ratio:1;opacity:.72;background:linear-gradient(145deg,#ffffffb8,#edf3ff61),#ffffff6b;border:1px solid #e1e5dc9e;border-radius:26px;width:min(330px,72%);position:absolute;transform:rotate(8deg);box-shadow:0 28px 80px #2428310f}.empty-detail>*{z-index:1;position:relative}.empty-detail p{color:#9ca7a1;max-width:276px;margin:0;font-weight:800;line-height:1.7}.empty-illustration{color:#b9c8bf;background:linear-gradient(145deg,#eef5ef,#fff);border:1px solid #e1e5dcb8;border-radius:50%;place-items:center;width:86px;height:86px;margin-bottom:12px;font-size:48px;font-weight:900;display:grid;box-shadow:0 16px 34px #24283112,inset 0 0 0 8px #ffffff6b}.empty-tools{box-shadow:var(--shadow-soft);background:#ffffff9e;border:1px solid #e1e5dcb8;border-radius:999px;gap:8px;margin-bottom:14px;padding:8px;display:inline-flex}.empty-tools svg{box-sizing:content-box;color:#7f8d86;background:#f6f7f4d1;border-radius:50%;width:16px;height:16px;padding:6px}.habits-layout{grid-template-columns:minmax(560px,1fr) minmax(300px,44vw);min-height:100vh;display:grid}.habits-pane{border-right:1px solid var(--line)}.week-strip{grid-template-columns:repeat(7,minmax(54px,1fr));gap:18px;max-width:920px;margin:28px 0;display:grid}.week-strip button{color:var(--muted);background:#ffffff52;border:1px solid #0000;border-radius:14px;justify-items:center;gap:5px;padding:8px 0;font-weight:800;transition:background .14s,border-color .14s,color .14s,box-shadow .14s,transform .14s;display:grid}.week-strip button.active{color:var(--blue);box-shadow:var(--shadow-soft);background:linear-gradient(#edf3ffd6,#ffffff9e);border-color:#3f66f224}.week-strip button:hover{background:#ffffffa8;border-color:#e1e5dcd1;transform:translateY(-1px)}.week-strip i{background:conic-gradient(var(--blue) var(--pct), #e1e7df 0);border-radius:50%;width:28px;height:28px;box-shadow:inset 0 0 0 5px #ffffffc7}.habit-group{max-width:920px}.habit-card{background:linear-gradient(90deg, color-mix(in srgb, var(--habit) 15%, transparent), transparent 58%), linear-gradient(180deg, #fffffff5, #fffefbe0);border:1px solid #e1e5dccc;border-radius:16px;grid-template-columns:54px minmax(150px,1fr) minmax(250px,340px) 34px;align-items:center;gap:18px;min-height:92px;margin-bottom:12px;padding:16px 20px;transition:transform .15s,box-shadow .15s;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 46px #24283113}.habit-card:before{content:"";background:color-mix(in srgb, var(--habit) 82%, var(--blue));opacity:.62;width:3px;position:absolute;inset:0 auto 0 0}.habit-card:hover{transform:translateY(-1px);box-shadow:0 22px 56px #2428311c}.habit-badge{background:linear-gradient(145deg, color-mix(in srgb, var(--habit) 58%, white), color-mix(in srgb, var(--habit) 32%, white));width:44px;height:44px;box-shadow:inset 0 -8px 16px #ffffff4d, 0 10px 20px color-mix(in srgb, var(--habit) 22%, transparent);z-index:1;border-radius:50%;place-items:center;display:grid;position:relative}.habit-copy{gap:6px;display:grid}.habit-copy strong{font-size:18px}.habit-copy span{color:var(--muted);font-size:14px}.streak-pills{flex-wrap:wrap;gap:7px;display:flex}.streak-pills i{color:#6a7470;background:linear-gradient(#ffffffc7,#f8faf6a8);border:1px solid #e1e5dcc7;border-radius:999px;align-items:center;gap:4px;min-height:24px;padding:0 8px;font-size:12px;font-style:normal;font-weight:800;display:inline-flex}.habit-checks{grid-template-columns:repeat(7,36px);justify-content:end;gap:12px;display:grid}.habit-checks button{color:#fff;background:#e4e9e2;border:1px solid #ffffff94;border-radius:50%;place-items:center;width:36px;height:36px;transition:transform .14s,background .14s,border-color .14s,box-shadow .14s;display:grid;box-shadow:inset 0 0 0 1px #b8c3b938}.habit-checks button.filled{background:linear-gradient(145deg, var(--blue), #3458ef);border-color:#ffffff7a;box-shadow:0 10px 18px #3f66f233,inset 0 0 0 1px #ffffff38}.habit-checks button:hover{transform:scale(1.05)}.habit-empty{color:#e4ebe4;background:linear-gradient(140deg,#f1efff8f,#0000 42%),linear-gradient(#ffffffb8,#f6f7f4c2);place-items:center;display:grid}.habit-empty div{opacity:.45;font-size:64px}.calendar-page{min-height:100vh;padding-bottom:0}.calendar-weekdays,.calendar-board{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.calendar-weekdays{border-bottom:1px solid var(--line);color:#7d8882;text-align:center;background:linear-gradient(#ffffffbd,#f6f8f4b8);align-items:center;height:34px;font-size:12px;font-weight:800}.calendar-board{border-left:1px solid var(--line);background:#d4dbd294;gap:1px;min-height:calc(100vh - 124px)}.calendar-cell{min-height:128px;color:var(--text);text-align:left;background:linear-gradient(#ffffffe6,#fafbf7c2),#ffffffc7;border:0;align-content:start;gap:5px;padding:10px;transition:background .14s,box-shadow .14s,transform .14s;display:grid;position:relative}.calendar-cell.has-tasks:after{content:"";background:linear-gradient(145deg, var(--green), #6cc9d4);border-radius:50%;width:8px;height:8px;position:absolute;top:10px;right:10px;box-shadow:0 0 0 3px #16a9821a}.calendar-cell:hover{background:#fff;transform:translateY(-1px);box-shadow:inset 0 0 0 1px #3f66f221}.calendar-cell.active{background:linear-gradient(180deg, #edf3fffa, #ffffffe0), var(--blue-soft);box-shadow:inset 0 0 0 1px #3f66f238,inset 0 3px #3f66f2b8}.calendar-cell.muted{color:#a7afaa;background:#fafbf78a}.calendar-cell>strong{color:#27303a;border-radius:999px;justify-self:start;place-items:center;min-width:30px;height:30px;padding:0 7px;font-size:16px;display:inline-grid}.calendar-cell.active>strong{background:var(--blue);color:#fff;box-shadow:0 8px 18px #3f66f22e}.calendar-task{color:#557184;white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(#ffffff5c,#0000),#e6f2f8;border:1px solid #0000;border-radius:8px;align-items:center;gap:5px;min-height:25px;padding:0 8px;display:flex;overflow:hidden;box-shadow:inset 0 1px #ffffff9e}.calendar-task.high{color:#985653;background:linear-gradient(#ffffff57,#0000),#ffe8e6;border-color:#ffd0cc}.calendar-task.medium{background:linear-gradient(#ffffff5c,#0000),#eaf4fb;border-color:#cddcff}.calendar-task.low{color:#597c61;background:linear-gradient(#ffffff5c,#0000),#e7f6eb;border-color:#cbead0}.calendar-cell em{color:var(--muted);background:#ffffffa8;border-radius:999px;justify-self:start;padding:2px 7px;font-size:12px;font-style:normal;font-weight:800}.focus-page{background:linear-gradient(#ffffffc2,#f8faf7d1),linear-gradient(135deg,#3f66f20e,#0000 48%),#fffefbb8;min-height:100vh}.pomo-card{background:linear-gradient(#edf3ffb8,#0000 38%),linear-gradient(145deg,#dff4eb94,#0000 60%),#ffffffeb;border:1px solid #e1e5dcd1;border-radius:24px;justify-items:center;max-width:580px;margin:46px auto 24px;padding:34px;display:grid;box-shadow:0 26px 68px #2428311a}.timer-mode{background:linear-gradient(#ffffffbd,#f6f8f4c7);border:1px solid #e1e5dcc7;border-radius:999px;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:18px;padding:4px;display:inline-grid;box-shadow:inset 0 1px #ffffffc7}.timer-mode button{color:#7b8781;background:0 0;border:0;border-radius:999px;min-width:78px;min-height:32px;font-weight:800;transition:background .14s,color .14s,box-shadow .14s,transform .14s}.timer-mode button.active{background:linear-gradient(145deg, var(--blue), #2fb090);color:#fff;box-shadow:0 8px 16px #3f66f229}.timer-mode button:hover{transform:translateY(-1px)}.timer-face{aspect-ratio:1;background:conic-gradient(var(--blue) var(--progress), #e1e9e2 0);border-radius:50%;place-items:center;width:min(280px,72vw);display:grid;box-shadow:inset 0 0 0 1px #ffffffbf,0 24px 48px #3f66f21f}.timer-face>div{aspect-ratio:1;background:linear-gradient(#fff,#fafbf7);border-radius:50%;place-items:center;width:78%;display:grid;box-shadow:inset 0 0 0 1px #e1e5dcb8}.timer-face span{color:var(--muted);font-weight:800}.timer-face strong{font-size:54px}.timer-actions{gap:12px;margin:24px 0;display:flex}.timer-settings{grid-template-columns:1fr 1fr;gap:14px;width:min(360px,100%);display:grid}.timer-settings label{color:var(--muted);background:#ffffff8f;border:1px solid #e1e5dcc2;border-radius:12px;gap:6px;padding:12px;font-size:13px;font-weight:800;display:grid;box-shadow:inset 0 1px #ffffffa3}.timer-settings input{border:1px solid var(--line);min-height:38px;color:var(--text);background:#ffffffd1;border-radius:8px;padding:0 10px;font-weight:800}.focus-stats{grid-template-columns:repeat(2,minmax(0,220px));justify-content:center;gap:14px;display:grid}.focus-stats article,.settings-card{box-shadow:var(--shadow);background:linear-gradient(#fffffff0,#fafbf7db),#ffffffe6;border:1px solid #e1e5dcd1;border-radius:16px;padding:22px}.focus-stats article{box-shadow:var(--shadow-soft);grid-template-columns:36px 1fr;align-items:center;gap:2px 12px;display:grid;position:relative;overflow:hidden}.focus-stats article>svg{box-sizing:content-box;width:18px;height:18px;color:var(--blue);background:#ffffffb8;border-radius:13px;grid-row:span 3;padding:9px;box-shadow:inset 0 0 0 1px #e1e5dcb8}.focus-stats article:first-child{background:linear-gradient(135deg,#dff4eb9e,#0000 62%),#ffffffe6}.focus-stats article:last-child{background:linear-gradient(135deg,#edf3ffb8,#0000 62%),#ffffffe6}.focus-stats span,.focus-stats em{color:var(--muted);font-style:normal}.focus-stats strong{margin:2px 0;font-size:32px;line-height:1;display:block}.settings-card{gap:12px;max-width:none;margin-top:0;display:grid}.settings-card label{color:#66716b;background:#ffffff94;border:1px solid #e1e5dcc7;border-radius:12px;margin-bottom:0;padding:14px;font-weight:800}.settings-card .primary-button{justify-self:start;min-width:132px;margin-top:4px}.settings-shell{grid-template-columns:minmax(360px,560px) minmax(260px,320px);align-items:start;gap:18px;max-width:920px;display:grid}.sync-overview{box-shadow:var(--shadow-soft);background:linear-gradient(135deg,#edf3ffbd,#0000 58%),linear-gradient(#fffffff0,#fafbf7db);border:1px solid #e1e5dcd1;border-radius:16px;gap:16px;padding:20px;display:grid;position:relative;overflow:hidden}.sync-overview:before{content:"";background:linear-gradient(90deg, var(--blue), var(--green));height:3px;position:absolute;inset:0 0 auto}.sync-overview-head{grid-template-columns:32px 1fr;align-items:center;gap:2px 10px;display:grid}.sync-overview-head svg{width:32px;height:32px;color:var(--blue);background:#ffffffb3;border-radius:11px;grid-row:span 2;padding:7px;box-shadow:inset 0 0 0 1px #e1e5dcc2}.sync-overview-head span{color:var(--muted);font-size:12px;font-weight:800}.sync-overview-head strong{color:var(--text);font-size:18px}.sync-overview dl{gap:8px;margin:0;display:grid}.sync-overview dl div{background:#ffffff94;border:1px solid #e1e5dcb8;border-radius:12px;gap:4px;padding:11px 12px;display:grid}.sync-overview dt{color:var(--muted);font-size:12px;font-weight:800}.sync-overview dd{color:#29313b;overflow-wrap:anywhere;margin:0;font-weight:800}.mobile-nav{display:none}@media (width<=1180px){.tasks-layout{grid-template-columns:240px minmax(0,1fr)}.detail-pane.empty-detail{display:none}.detail-pane.task-sheet{z-index:30;border-left:1px solid var(--line);width:min(440px,100vw - 72px);display:block;position:fixed;top:0;bottom:0;right:0;box-shadow:-18px 0 42px #2021241f}.close-detail{display:inline-flex}.habits-layout{grid-template-columns:1fr}.habit-empty{display:none}}@media (width<=820px){.app-frame{min-height:100vh;padding-bottom:70px;display:block}.app-rail,.list-sidebar{display:none}.tasks-layout{display:block}.page-pane{min-height:calc(100vh - 70px);padding:18px 16px 96px}.composer{grid-template-columns:28px 1fr}.composer span{white-space:normal;grid-column:2;margin-top:-7px;padding-bottom:8px}.task-center{border-right:0}.detail-pane.task-sheet{border-left:0;width:100vw;padding:18px 16px 88px}.detail-grid{grid-template-columns:1fr}h1{font-size:25px}.page-actions{gap:6px}.calendar-board{border-top:1px solid var(--line);min-height:auto}.calendar-cell{min-height:96px;padding:7px}.calendar-task{font-size:11px}.week-strip{grid-template-columns:repeat(7,minmax(0,1fr));gap:clamp(3px,1.2vw,7px);overflow-x:visible}.week-strip button{min-width:0;padding:7px 0;font-size:12px}.habit-card{grid-template-columns:48px 1fr;gap:12px;min-height:112px}.habit-checks{grid-column:1/-1;grid-template-columns:repeat(7,minmax(30px,36px));justify-content:space-between;gap:clamp(6px,1.8vw,12px)}.habit-checks button{aspect-ratio:1;border-radius:50%;width:clamp(30px,8vw,36px);height:clamp(30px,8vw,36px)}.habit-card .ghost-button{display:none}.focus-stats{grid-template-columns:1fr 1fr}.mobile-nav{z-index:20;height:calc(66px + env(safe-area-inset-bottom));padding:5px 8px max(7px, env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(18px)saturate(1.1);backdrop-filter:blur(18px)saturate(1.1);background:linear-gradient(#fffffff7,#f6f8f5f5),#fffffff5;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -16px 34px #24283113}.mobile-nav button{color:#8f8f8f;border-radius:14px;align-content:center;place-items:center;gap:3px;font-size:11px;font-weight:800;transition:color .14s,transform .14s;display:grid;position:relative}.mobile-nav button svg{z-index:1;position:relative}.mobile-nav button:before{content:"";background:0 0;border-radius:999px;width:42px;height:32px;transition:background .14s,box-shadow .14s,transform .14s;position:absolute;top:6px;left:50%;transform:translate(-50%)}.mobile-nav button.active{color:var(--blue)}.mobile-nav button.active:before{background:linear-gradient(#edf3fff5,#e2eaffdb);box-shadow:inset 0 0 0 1px #3f66f221,0 8px 16px #3f66f21a}.mobile-nav button:focus-visible:before{box-shadow:inset 0 0 0 1px #3f66f22e, var(--focus-ring);background:#3f66f21f}.mobile-nav button:active{transform:translateY(1px)}}@media (width<=520px){.page-header{align-items:flex-start;margin-bottom:18px}.page-actions{flex-wrap:wrap;justify-content:flex-end}.icon-button,.select-button,.sync-pill,.primary-button,.soft-button,.segmented button{min-height:34px}.week-strip{grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;margin:20px 0}.week-strip i{width:22px;height:22px;box-shadow:inset 0 0 0 3px #ffffffc7}.week-strip button{gap:4px;font-size:11px}.habit-card{border-radius:14px;padding:14px}.habit-checks{grid-template-columns:repeat(7,minmax(28px,1fr))}.habit-checks button{aspect-ratio:1;justify-self:center;width:min(32px,100%);max-width:32px;height:auto}.calendar-weekdays{font-size:12px}.calendar-cell{min-height:82px;padding:6px 4px}.calendar-cell.has-tasks:after{display:none}.calendar-cell>strong{white-space:nowrap;font-size:14px}.calendar-task{color:#0000;border-radius:999px;gap:0;width:24px;height:7px;min-height:7px;padding:0;font-size:0}.calendar-task svg{display:none}.timer-face strong{font-size:42px}.focus-stats{grid-template-columns:1fr 1fr;gap:10px}.focus-stats article{grid-template-columns:30px minmax(0,1fr);gap:2px 8px;padding:14px}.focus-stats article>svg{border-radius:11px;width:16px;height:16px;padding:7px}.focus-stats span{white-space:nowrap}.focus-stats strong{font-size:28px}.settings-shell{grid-template-columns:1fr}.sync-overview{padding:16px}}@media (width<=360px){.page-header{gap:8px}.page-header h1{white-space:nowrap;font-size:22px}.sync-pill{white-space:nowrap;padding:0 10px;font-size:13px}.calendar-page .page-header{grid-template-columns:1fr;display:grid}.calendar-page .page-actions{flex-wrap:nowrap;justify-content:flex-start;gap:4px}.calendar-page .select-button{padding:0 12px}.calendar-page .segmented button{min-width:36px}.mobile-nav button{gap:2px;font-size:10px}.mobile-nav button svg{width:19px;height:19px}.mobile-nav button:before{width:36px;height:28px;top:7px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.app-rail button:hover,.list-sidebar button:hover,.icon-button:hover,.select-button:hover,.sync-pill:hover,.soft-button:hover,.segmented button:hover,.task-line:hover,.check-button:hover,.week-strip button:hover,.habit-card:hover,.habit-checks button:hover,.calendar-cell:hover,.mobile-nav button:active{transform:none}}