@charset "UTF-8";
:root{--orange:#f4772b;--orange-dark:#ca5715;--ink:#2e2923;--muted:#817466;--line:#e5d7c4;--cream:#faf4e9;--sand:#ead5b2;--tint:#f9e0c7;--green:#59745c;--red:#a73a39;--radius:25px;font-family:"Segoe UI",Arial,sans-serif;color:var(--ink);background:#f7efdf;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0}button:disabled{cursor:wait;opacity:.6}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b85a22;outline-offset:3px}[hidden]{display:none!important}h1,h2,h3,p{margin:0}svg{flex-shrink:0}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}.sprite{position:absolute;width:0;height:0;overflow:hidden}.muted{color:var(--muted);font-size:13px;line-height:1.8}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.boot{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;padding:30px;text-align:center;color:var(--muted)}
.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:750;letter-spacing:-.7px;white-space:nowrap}.brand-mark{width:42px;height:42px;border-radius:13px;background:var(--orange);display:inline-flex;align-items:center;justify-content:center;color:var(--ink)}.brand-mark .icon{width:24px;height:24px}.brand-light{font-weight:400}.wordmark{display:flex;gap:10px;align-items:center;font-size:26px;letter-spacing:-1px;font-weight:800;white-space:nowrap}.wordmark svg{width:36px;height:23px;fill:none;stroke:var(--orange);stroke-width:5;stroke-linecap:round}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:43px;padding:12px 18px;font-size:12px;font-weight:650;border-radius:13px;white-space:nowrap}.button:hover{filter:brightness(.96)}.primary{background:var(--orange);color:#2e241b}.secondary{background:#fffaf0;border:1px solid #e5d7c4;color:#5d5044}.danger{background:#a73a39;color:white}.small{min-height:34px;font-size:11px;padding:7px 11px}.text-button{background:none;padding:0;color:#a14816;font-weight:600;font-size:12px;display:inline-flex;align-items:center;gap:6px}.text-button:hover{text-decoration:underline}.text-button .icon{width:15px;height:15px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:33px;height:33px;border-radius:10px;background:transparent;color:#817363;flex-shrink:0}.icon-button:hover{background:#f0dfcb;color:#2e2923}.icon-button .icon{width:17px;height:17px}.chip{background:#f0e5d5;color:#74604c;border-radius:9px;padding:6px 9px;font-size:10px;white-space:nowrap}.eyebrow{font-size:9px;letter-spacing:1.6px;font-weight:650;color:#7e6854}.auth-panel{display:flex;align-items:center;justify-content:center;padding:40px 30px}.auth-box{width:100%;max-width:350px}.auth-box h2{font-size:29px;font-weight:700;letter-spacing:-1px;margin-bottom:9px}.auth-box form{margin-top:29px}.auth-submit{width:100%;justify-content:space-between;padding:14px 17px;margin-top:20px}.auth-switch{text-align:center;font-size:12px;margin-top:24px;color:var(--muted)}.auth-switch button{margin-left:5px}
.workspace{position:relative;display:flex;min-height:calc(100vh - 16px);max-width:1640px;margin:8px auto;border-radius:32px;background:var(--sand);overflow:hidden;border:1px solid #fff9}.sidebar{width:90px;flex-shrink:0;display:flex;flex-direction:column;padding:120px 13px 20px;z-index:5;position:relative;background:#f9eddb33}.sidebar>.brand,.workspace-label,.sidebar-subjects,.nav-count,.nav-dot,.little-note,.profile>div{display:none}.sidebar nav{display:flex;flex-direction:column;gap:11px}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;width:64px;min-height:65px;padding:12px 5px;border-radius:16px;background:#fff4;font-size:9px;font-weight:600;color:#61574b}.nav-item .icon{width:21px;height:21px}.nav-item:hover{background:#fff9}.nav-item.active{background:#fff4e4;color:#b34d16;box-shadow:inset 0 0 0 1px #fff6}.sidebar-bottom{margin-top:auto;padding-top:30px}.profile{display:flex;align-items:center;justify-content:center;gap:8px;flex-direction:column}.avatar{width:35px;height:35px;display:grid;place-items:center;background:#fff2da;color:#79604a;border:2px solid #fffa;border-radius:50%;font-size:12px;font-weight:700}.main-area{width:calc(100% - 90px);min-width:0;display:flex;flex-direction:column;padding-top:92px}.topbar{height:92px;display:flex;align-items:center;gap:25px;padding:0 32px;position:absolute;inset:0 0 auto;z-index:10}.global-search{position:relative;max-width:410px;width:35%;margin-left:18px}.global-search>.icon{position:absolute;left:17px;top:15px;color:#7c6a55;width:17px;height:17px}.global-search input{padding:14px 16px 14px 43px;margin:0;background:#fff6;border-color:#fff6;border-radius:18px;font-size:12px}.current-date{margin-left:auto;font-size:11px;white-space:nowrap;color:#75614c}.install-button{background:#fff7;border-color:#fff8;min-height:40px;font-size:10px}.install-button .icon{width:15px;height:15px}.content{padding:14px 30px 25px 12px;min-width:0;outline:none}.page-footer{padding:15px 30px 20px 13px;margin-top:auto;display:flex;justify-content:space-between;color:#7f6b55;font-size:9px}.page-footer>span:first-child{font-weight:650}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;background:#fff8edeb;border:1px solid #fff7;border-radius:var(--radius);padding:23px 10px;margin-bottom:23px}.metric{display:flex;align-items:center;gap:11px;padding:0 15px;min-width:0;border-right:1px dashed #d9c9b3}.metric:last-child{border-right:0}.metric>.icon{width:24px;height:24px;color:#5f5142}.metric strong{font-size:27px;font-weight:750;line-height:1;letter-spacing:-1px;display:block;white-space:nowrap}.metric strong small{font-size:14px;font-weight:450;letter-spacing:0}.metric span{display:block;font-size:9px;color:#7f6d59;margin-top:9px;line-height:1.4}.card{background:#fff9eff0;border:1px solid #fff9;border-radius:var(--radius);min-width:0;overflow:hidden}.card-header{padding:22px 22px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px}.card-header h2{font-size:16px;letter-spacing:-.5px;font-weight:700;line-height:1.4}.card-header p{font-size:10px;color:#84715d;margin-top:5px;line-height:1.5}.dashboard-tasks{grid-column:3;grid-row:1/3;align-self:stretch}.subject-list{padding:0 22px 8px}.subject-row{padding:17px 0;border-top:1px solid #e9decd;display:flex;gap:11px;align-items:center}.subject-icon{width:38px;height:38px;border-radius:12px;background:var(--subject-tint);color:var(--subject-color);display:grid;place-items:center;flex-shrink:0}.subject-icon .icon{width:18px;height:18px}.subject-info{flex:1;min-width:0}.subject-heading{display:flex;align-items:center;gap:9px;justify-content:space-between;margin-bottom:10px}.subject-name{background:none;padding:0;text-align:left;font-size:12px;font-weight:650;overflow-wrap:anywhere}.subject-name:hover{text-decoration:underline}.subject-heading>strong{font-size:11px;font-weight:650}.subject-meta{display:flex;justify-content:space-between;align-items:center;gap:7px;font-size:9px;color:#8c7860;margin-top:8px}.subject-meta button{font-size:9px}.subject-meta .icon{width:11px;height:11px}.progress-track{height:6px;width:100%;border-radius:10px;overflow:hidden;background:#e6d9c6}.palette-0{--subject-color:#ad4d17;--subject-tint:#fae0c6}.palette-1{--subject-color:#87613e;--subject-tint:#ede0ce}.palette-2{--subject-color:#927029;--subject-tint:#f2e7c8}.palette-3{--subject-color:#52705f;--subject-tint:#e1e9db}.palette-4{--subject-color:#956068;--subject-tint:#efdbd7}.palette-5{--subject-color:#626771;--subject-tint:#e4e3df}.subject-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;background:var(--subject-color)}
.activity-card{padding-bottom:20px}.chart-summary{font-size:25px;font-weight:750;letter-spacing:-1px;padding:0 22px}.chart-summary span{font-size:10px;color:#8a765f;font-weight:400;letter-spacing:0;margin-left:9px}.chart{height:180px;display:flex;align-items:flex-end;gap:10px;padding:22px 22px 0}.chart-column{height:100%;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:7px;min-width:0}.chart-bar{background:#efb37f;border-radius:5px 5px 2px 2px;width:100%;min-height:3px;max-width:36px}.chart-bar.today{background:var(--orange)}.chart-label{font-size:9px;line-height:1;color:#88735c}.bar-count{font-size:9px;color:#8f7559;min-height:10px}.activity-full .chart{height:290px;gap:18px;padding-top:30px}.activity-full .chart-bar{max-width:48px}.activity-full .chart-label{font-size:10px}.activity-subjects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:20px}.mini-progress{padding:24px}.mini-progress h3{font-size:13px;margin-bottom:16px;overflow-wrap:anywhere}.mini-progress strong{font-size:27px;display:block;margin-bottom:14px}.mini-progress>span{font-size:10px;color:#87715a;display:block;margin-top:10px}.explanation{font-size:11px;line-height:1.9;color:#826e56;padding:20px 23px;background:#fff5;border-top:1px solid #e6d7c2;margin-top:20px}.standalone-note{border:0;border-radius:16px;background:#fff5}.progress-card .card-header{padding-bottom:8px}.progress-ring{position:relative;width:190px;height:190px;margin:9px auto}.progress-ring>svg,.timer-ring>svg{width:100%;height:100%;transform:rotate(-90deg);fill:none}.ring-track{stroke:#e7d6bd;stroke-width:5}.ring-fill{stroke:var(--orange);stroke-width:5;stroke-linecap:round}.progress-ring>div{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.progress-ring strong{font-size:39px;letter-spacing:-2px}.progress-ring strong small{font-size:23px}.progress-ring span{font-size:8px;color:#7e6a53;letter-spacing:1px}.ring-subtitle{text-align:center;font-size:10px;color:#8b7257;margin-bottom:17px}.reward-strip{display:flex;align-items:center;gap:10px;padding:13px 20px;width:100%;background:#ffecd5;border-top:1px solid #ead6b9;text-align:left}.reward-strip>span{flex:1;min-width:0}.reward-strip strong{font-size:12px;display:block}.reward-strip small{display:block;font-size:9px;color:#8c6a4e;margin-top:4px}.reward-strip>.icon{width:16px;height:16px}
.task-toolbar{padding:0 20px 13px;border-bottom:1px solid #eadecb}.tabs{display:flex;gap:3px;flex-wrap:wrap}.tab{background:transparent;color:#7d6953;font-size:10px;padding:8px 10px;border-radius:9px;min-height:32px}.tab.active{background:#f7ddbd;color:#8c3d13;font-weight:700}.task-list{padding:0 21px}.task-row{display:flex;gap:11px;padding:18px 0;border-bottom:1px solid #e9ddca;align-items:flex-start}.task-group:last-child>.task-row{border-bottom:0}.task-check{width:18px;height:18px;border:1.4px solid #baa78e;appearance:none;-webkit-appearance:none;border-radius:5px;margin:1px 0 0;background:#fff9f1;cursor:pointer;display:grid;place-items:center;flex-shrink:0}.task-check:checked{border-color:var(--orange-dark);background:var(--orange)}.task-check::after{content:"";width:7px;height:4px;border-left:1.7px solid #352a1f;border-bottom:1.7px solid #352a1f;opacity:var(--check-opacity,0);transform:var(--check-transform,rotate(-45deg) translateY(-1px) scale(.5));transition:opacity .15s ease,transform .22s ease}.task-check:checked::after{opacity:var(--check-opacity,1);transform:var(--check-transform,rotate(-45deg) translateY(-1px) scale(1))}.task-check:indeterminate{border-color:#c48651;background:#f6dcc0}.task-check:indeterminate::after{width:7px;height:2px;border:0;background:#a75a24;opacity:var(--check-opacity,1);transform:var(--check-transform,none)}.task-body{min-width:0;flex:1}.task-title{font-size:12px;line-height:1.6;font-weight:600;overflow-wrap:anywhere;cursor:pointer;background:none;padding:0;text-align:left}.task-title:hover{text-decoration:underline}.completed .task-title{text-decoration:line-through;color:#93816b;font-weight:400}.task-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:8px}.tag{font-size:9px;border-radius:7px;padding:4px 6px;display:inline-flex;gap:5px;align-items:center;line-height:1.2;color:var(--subject-color);background:var(--subject-tint);max-width:100%;overflow-wrap:anywhere}.tag .subject-dot{width:4px;height:4px}.due{font-size:9px;display:inline-flex;gap:4px;align-items:center;color:#8b765d}.due .icon{width:11px;height:11px}.due.overdue{color:var(--red)}.due.today{color:#9d571c}.task-actions{display:flex;gap:0;flex-shrink:0}.task-actions .icon-button{width:25px;height:26px}.task-actions .icon{width:13px;height:13px}.dashboard-tasks .task-actions{flex-direction:column}.dashboard-tasks .task-actions .icon-button{width:22px;height:22px}.task-description{font-size:11px;color:#877057;white-space:pre-wrap;line-height:1.8;margin-top:9px;overflow-wrap:anywhere}.subtasks{margin-left:29px;padding-left:11px;border-left:1px solid #d8c3a7;background:#ecd7b522;border-radius:0 0 12px 0}.subtasks .task-row{padding:12px 0}.subtasks .task-title{font-size:11px}.subtasks .task-check{width:16px;height:16px}.subtask-tools{padding:9px 0 15px}.subtask-tools button{font-size:10px}.subtask-tools .icon{width:12px;height:12px}.disclosure{font-size:9px;background:none;color:#8c7355;display:flex;align-items:center;gap:3px;padding:0}.disclosure .icon{width:11px;height:11px}.disclosure.expanded .icon{transform:rotate(90deg)}.card-bottom{border-top:1px solid #e9dcc8;padding:16px 22px;text-align:center}.card-bottom button{font-size:11px}.card-bottom .icon{width:14px;height:14px}.list-limit{font-size:10px;line-height:1.8;padding:13px 0;color:#8f7454}.empty-state{text-align:center;padding:28px 20px}.empty-icon{display:grid;place-items:center;margin:0 auto 13px;width:46px;height:46px;border-radius:16px;background:#f4e4cf;color:#9b7751}.empty-state h3{font-size:13px;font-weight:650;margin-bottom:9px}.empty-state p{font-size:11px;color:#897259;line-height:1.8;max-width:280px;margin:0 auto 18px}.empty-state .button{font-size:11px;min-height:35px}.welcome-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px;margin-top:20px;border-radius:var(--radius);background:#fff7e7d9;border:1px solid #fff7}.welcome-banner h2{font-size:14px;margin-bottom:8px}.welcome-banner p{font-size:11px;color:#887155;line-height:1.8}
.page-header{min-height:210px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 26px;margin-bottom:20px;background:#fff3e033;border-radius:var(--radius);overflow:hidden}.page-header h1{font-size:clamp(28px,3.2vw,44px);letter-spacing:-1.7px;font-weight:750;line-height:1.13;margin:14px 0}.page-header p{font-size:12px;color:#755f48;line-height:1.8;max-width:600px}.page-art{width:200px;height:200px;object-fit:contain;margin:-8px 18px -8px 0;flex-shrink:0}.heading-actions{display:flex;gap:8px;margin-top:20px}.subjects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.subject-tile{padding:24px}.subject-tile-top{display:flex;justify-content:space-between;align-items:center}.subject-tile h2{font-size:18px;line-height:1.5;overflow-wrap:anywhere;margin:22px 0 8px;letter-spacing:-.4px}.subject-tile p{font-size:11px;color:#897157}.subject-tile .progress-track{margin-top:23px}.subject-tile-footer{display:flex;align-items:center;justify-content:space-between;margin-top:15px}.subject-tile-footer strong{font-size:14px}.subject-tile-footer button{font-size:11px}.tile-actions{display:flex;gap:2px}.subject-add-tile{min-height:240px;border:1.5px dashed #bfa582;border-radius:var(--radius);background:#fff3;color:#7d6348;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;font-size:12px}.subject-add-tile:hover{background:#fff6}.subject-add-tile .icon{width:27px;height:27px}.task-filters{display:flex;gap:13px;margin-bottom:18px}.search-box{position:relative;flex:1}.search-box>.icon{position:absolute;left:15px;top:14px;color:#9d8060;width:17px;height:17px}.search-box input{padding-left:41px;background:#fffa;margin:0}.task-filters select{width:220px;background:#fffa;margin:0}.all-tasks .task-row{padding:20px 0}.all-tasks .task-title{font-size:13px}.all-tasks .subtasks .task-title{font-size:12px}.section-title{font-size:19px;font-weight:700;letter-spacing:-.5px;margin:30px 0 20px}.reward-level{display:flex;align-items:center;justify-content:space-between;padding:26px 40px;background:#f6b875}.reward-level>div{max-width:560px;flex:1}.reward-level h2{font-size:39px;letter-spacing:-1.3px;margin:12px 0}.reward-level p{font-size:12px;line-height:1.8;color:#6d4b2f;margin-bottom:22px}.reward-level img{object-fit:contain;margin-left:25px}.badges-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.badge-card{position:relative;padding:23px}.badge-card img{object-fit:contain;display:block;margin:0 0 20px}.badge-card.locked img{filter:saturate(.15);opacity:.6}.badge-state{display:block;font-size:10px;color:#8d7559;margin-bottom:12px}.earned .badge-state{color:#61744c}.badge-state .icon{width:13px;height:13px}.badge-card h3{font-size:15px;margin-bottom:10px;line-height:1.4}.badge-card p{font-size:11px;line-height:1.8;color:#8b7358;min-height:42px;margin-bottom:20px}.badge-card small{display:block;margin-top:10px;font-size:10px;color:#8b7358}.badge-card.earned{border-color:#e4b37c;background:#fff2dc}
.pomodoro-layout{display:grid;grid-template-columns:minmax(350px,1.15fr) 1fr;gap:24px;align-items:start}.timer-card{padding:30px 35px;text-align:center}.timer-modes{display:flex;justify-content:center;gap:7px}.timer-modes .tab{font-size:12px;padding:11px 18px}.timer-ring{position:relative;width:290px;height:290px;max-width:100%;margin:35px auto}.timer-ring .ring-track,.timer-ring .ring-fill{stroke-width:3}.timer-ring>div{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.timer-ring span{font-size:9px;color:#887053;letter-spacing:1.7px}.timer-ring strong{font-variant-numeric:tabular-nums;font-size:65px;letter-spacing:-3px;margin:12px 0;font-weight:650}.timer-ring small{font-size:11px;color:#8f7658}.timer-task-label{text-align:left;display:block;font-size:11px;color:#80694f;max-width:380px;margin:0 auto}.timer-controls{display:flex;justify-content:center;gap:10px;margin-top:23px}.timer-controls .primary{min-width:160px}.retry-focus{margin-top:20px}.focus-note{background:#f8be85;border-radius:var(--radius);padding:27px;position:relative;overflow:hidden;min-height:260px}.focus-note h2{font-size:28px;line-height:1.16;letter-spacing:-1px;margin:17px 0}.focus-note p{font-size:11px;line-height:1.8;max-width:230px;position:relative;z-index:1}.focus-note img{position:absolute;right:-16px;bottom:-25px;opacity:.95;width:180px;height:180px}.focus-note>h2,.focus-note>.eyebrow{position:relative;z-index:1}.focus-history{margin-top:22px;padding-bottom:12px}.focus-history-row{display:flex;align-items:center;gap:12px;margin:0 22px;border-top:1px solid #e8d8c1;padding:15px 0}.focus-history-row>.icon{color:#a17b4f;width:19px;height:19px}.focus-history-row>div{flex:1;min-width:0}.focus-history-row strong{font-size:11px;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.focus-history-row span{font-size:9px;display:block;margin-top:5px;color:#967a58}.focus-history-row b{font-size:11px;white-space:nowrap}.history-empty{font-size:11px;color:#8c7357;padding:0 22px 15px}
.modal{width:450px;max-width:calc(100% - 30px);max-height:calc(100dvh - 40px);border:1px solid #f4e5d0;border-radius:25px;padding:28px;box-shadow:0 20px 80px #382d2425;color:var(--ink);background:#fffbf3}.modal::backdrop{background:#30241670}.modal-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;gap:10px}.modal h2{font-size:22px;font-weight:700;letter-spacing:-.6px}.modal>.muted{font-size:12px;margin-bottom:23px}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:25px}.modal-actions .button{font-size:12px}.modal form label,.auth-box form label{display:block;font-size:12px;font-weight:500;color:#77614b;margin:19px 0 0}input,select,textarea{width:100%;border:1px solid #dbc8ae;border-radius:12px;background:#fffaf1;padding:13px 14px;margin-top:8px;font-size:12px;outline-offset:2px;color:#544332}input::placeholder,textarea::placeholder{color:#9d866a}input:focus,select:focus,textarea:focus{border-color:#c57e43;background:#fffcf6}textarea{resize:vertical;min-height:80px}.optional{color:#9e886d;font-size:10px;margin-left:5px;font-weight:400}.form-error{font-size:11px;color:var(--red);line-height:1.7;margin-top:12px}.form-error:empty{display:none}.color-field{border:0;padding:0;margin:23px 0}.color-field legend{font-size:12px;color:#77614b;margin-bottom:14px}.color-options{display:flex;gap:13px}.color-options label{margin:0!important}.color-options input{position:absolute;opacity:0;width:1px;height:1px}.color-swatch{display:block;width:28px;height:28px;border-radius:50%;background:var(--subject-color);outline:3px solid transparent;outline-offset:3px;cursor:pointer}.color-options input:checked+.color-swatch{outline-color:#bfa17d}.color-options input:focus-visible+.color-swatch{outline-color:#6d5236}.confirm-modal{width:410px}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:#3c3024;color:#fff8ec;border-radius:13px;box-shadow:0 5px 25px #2b203a25;padding:14px 23px;z-index:100;font-size:12px;line-height:1.7;max-width:calc(100% - 35px);text-align:center}.toast.error{background:#8e3732}.noscript{padding:30px;color:var(--red);text-align:center}
@media(min-width:1700px){.content{padding-top:22px}.chart{height:220px}.subject-row{padding:22px 0}.dashboard-tasks .task-row{padding:22px 0}}
@media(max-width:1360px){.workspace{margin:8px 15px;min-height:calc(100vh - 16px)}.sidebar{width:78px;padding-left:9px;padding-right:9px}.nav-item{width:60px}.main-area{width:calc(100% - 78px)}.content{padding-right:22px}.topbar{padding:0 25px;gap:17px}.global-search{margin-left:8px}.metric{padding:0 10px;gap:8px}.metric strong{font-size:23px}.metric>.icon{width:20px;height:20px}.metric span{font-size:8px}.card-header{padding:20px 18px 16px}.card-header h2{font-size:14px}.subject-list,.task-list{padding-left:18px;padding-right:18px}.subject-row{gap:9px}.subject-row .subject-icon{display:none}.subject-name{font-size:11px}.chart{padding-left:18px;padding-right:18px;gap:7px}.chart-summary{padding-left:18px;padding-right:18px}.progress-ring{width:165px;height:165px}.progress-ring strong{font-size:33px}.task-toolbar{padding-left:15px;padding-right:15px}.tab{padding:7px 7px;font-size:9px}.dashboard-tasks .task-title{font-size:11px}.subjects-grid{gap:15px}.badge-card{padding:20px}.badges-grid{gap:15px}}
@media(max-width:1080px){.current-date{display:none}.install-button{margin-left:auto}.dashboard-tasks{grid-column:2;grid-row:1;max-height:400px;overflow:auto}.progress-card .card-header{grid-column:1}.progress-card .progress-ring{grid-column:2;grid-row:1/4;margin:20px auto}.progress-card .ring-subtitle{grid-column:1}.progress-card .reward-strip{grid-column:1;border-top:0;border-radius:0 20px 0 0}.metrics{padding:22px 12px}.metric{padding:0 14px;gap:11px}.metric strong{font-size:26px}.metric span{font-size:9px}.page-header h1{font-size:36px}.page-art{width:170px;height:170px;margin-right:0}.subjects-grid,.activity-subjects{grid-template-columns:repeat(2,minmax(0,1fr))}.badges-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pomodoro-layout{grid-template-columns:minmax(310px,1fr) .85fr;gap:18px}.timer-card{padding:25px 23px}.timer-ring{width:245px;height:245px}.timer-ring strong{font-size:55px}.focus-note{padding:22px}.focus-note h2{font-size:24px}.focus-note img{opacity:.35}.focus-note p{max-width:100%}}
@media(max-width:760px){:root{--radius:22px}.workspace{margin:0;border-radius:0;min-height:100dvh;border:0;overflow:visible}.sidebar{width:100%;height:75px;position:fixed;inset:auto 0 0;background:#fff7eaf8;border-top:1px solid #e6d4b9;z-index:40;padding:7px 8px calc(7px + env(safe-area-inset-bottom));height:calc(75px + env(safe-area-inset-bottom))}.sidebar nav{flex-direction:row;gap:0;justify-content:space-around}.nav-item{min-height:57px;width:58px;gap:5px;font-size:8px;padding:8px 4px;border-radius:13px;background:none}.nav-item .icon{width:20px;height:20px}.nav-item.active{background:#fbe2c3;box-shadow:none}.sidebar-bottom{display:none}.main-area{width:100%;padding-top:82px;padding-bottom:calc(75px + env(safe-area-inset-bottom))}.topbar{height:82px;padding:0 20px;gap:12px;position:absolute}.wordmark{font-size:23px;gap:7px}.wordmark svg{width:29px}.global-search{margin:0;width:auto;flex:1;max-width:none}.global-search input{font-size:11px;padding:13px 10px 13px 34px}.global-search>.icon{left:12px;top:13px;width:15px;height:15px}.install-button{min-width:37px;padding:10px;border-radius:12px}.install-button span{display:none}.install-button .icon{width:18px;height:18px}.content{padding:8px 18px 20px}.page-footer{padding:16px 20px 22px}.dashboard-tasks{max-height:365px}.dashboard-tasks .card-header{padding:19px 15px 12px}.dashboard-tasks .card-header p{display:none}.dashboard-tasks .task-toolbar{padding:0 10px 10px}.dashboard-tasks .tabs{gap:0}.dashboard-tasks .tab{padding:7px;font-size:8px}.dashboard-tasks .task-list{padding:0 13px}.dashboard-tasks .task-row{padding:15px 0;gap:8px}.dashboard-tasks .task-actions{display:none}.dashboard-tasks .task-title{font-size:11px}.dashboard-tasks .tag{display:none}.dashboard-tasks .task-meta{margin-top:5px}.dashboard-tasks .card-bottom{padding:13px}.dashboard-tasks .subtasks{margin-left:14px;padding-left:8px}.dashboard-tasks .empty-state{padding:22px 12px}.dashboard-tasks .empty-state p{font-size:10px}.dashboard-tasks .empty-state h3{font-size:12px}.dashboard-tasks .empty-icon{width:35px;height:35px}.dashboard-tasks .empty-state .button{font-size:10px;padding:10px}.metrics{padding:20px 10px}.metric{padding:0 10px;gap:8px}.metric>.icon{display:none}.metric strong{font-size:24px}.metric span{font-size:8px}.metric strong small{font-size:12px}.page-header{padding:12px 14px;min-height:190px;gap:6px}.page-header h1{font-size:30px;letter-spacing:-1px}.page-header p{font-size:11px}.page-header .eyebrow{font-size:8px;letter-spacing:1px}.page-art{width:130px;height:130px;align-self:center;margin:0}.heading-actions .button{font-size:11px;padding:11px 13px}.subjects-grid{gap:15px}.subject-tile{padding:21px}.subject-tile h2{font-size:16px;margin-top:18px}.subject-add-tile{min-height:220px}.activity-full .chart{gap:9px;height:245px}.activity-full .chart-label{font-size:8px}.pomodoro-layout{grid-template-columns:1fr}.timer-card{padding:25px 30px}.timer-ring{width:280px;height:280px}.timer-ring strong{font-size:64px}.focus-side{display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:start}.focus-note{min-height:240px}.focus-note h2{font-size:23px}.focus-note p{font-size:10px}.focus-history{margin:0}.focus-history .card-header{padding:20px 15px}.focus-history .card-header .chip{display:none}.focus-history-row{margin:0 15px;gap:8px}.focus-history-row>.icon{display:none}.reward-level{padding:22px 25px}.reward-level h2{font-size:33px}.reward-level img{width:130px;height:130px;margin-left:10px}.auth-panel{padding:30px 25px 40px}.auth-box{max-width:400px}.auth-box h2{font-size:25px}.auth-box form{margin-top:20px}input,select,textarea{font-size:16px}.auth-box input{font-size:16px}.global-search input{font-size:16px;width:100%}.global-search input::placeholder{font-size:11px}.task-filters input,.task-filters select{font-size:16px}.timer-task-label select{font-size:14px}.modal{max-height:calc(100dvh - 30px)}.toast{bottom:calc(92px + env(safe-area-inset-bottom));font-size:11px}}
@media(max-width:480px){.content{padding:5px 13px 15px}.topbar{padding:0 15px}.wordmark{font-size:22px}.wordmark svg{width:26px}.global-search input{padding-left:31px}.dashboard-tasks{grid-column:1/-1;grid-row:3;max-height:none}.dashboard-tasks .card-header p{display:block;font-size:10px}.dashboard-tasks .card-header h2{font-size:16px}.dashboard-tasks .card-header{padding:21px 20px 16px}.dashboard-tasks .task-toolbar{padding:0 17px 12px}.dashboard-tasks .tab{font-size:10px;padding:8px 10px}.dashboard-tasks .task-list{padding:0 20px}.dashboard-tasks .task-row{padding:17px 0;gap:11px}.dashboard-tasks .task-title{font-size:12px}.dashboard-tasks .tag{display:inline-flex}.dashboard-tasks .task-actions{display:flex}.dashboard-tasks .subtasks{margin-left:27px;padding-left:11px}.progress-card .progress-ring{margin:12px auto;width:190px;height:190px}.progress-card .reward-strip{border-radius:0;border-top:1px solid #ead6b9}.metric{padding:0 8px}.metric strong{font-size:23px}.metric span{font-size:7px;line-height:1.5}.metric strong small{font-size:11px}.metrics{padding:21px 6px}.card-header{padding:22px 20px 17px}.card-header h2{font-size:16px}.subject-list,.task-list{padding-left:20px;padding-right:20px}.subject-row .subject-icon{display:grid}.subject-name{font-size:12px}.subject-row{padding:18px 0}.chart{height:200px;padding-left:22px;padding-right:22px;gap:12px}.page-header{padding:12px 7px;min-height:160px;align-items:center;margin-bottom:18px;position:relative}.page-header>div{position:relative;z-index:1;max-width:74%}.page-header h1{font-size:30px;margin:13px 0}.page-header p{font-size:11px;max-width:240px}.page-art{position:absolute;right:-9px;top:9px;width:112px;height:112px;opacity:.8}.heading-actions{margin-top:18px}.subjects-grid{grid-template-columns:1fr}.subject-tile{padding:24px}.subject-tile h2{font-size:18px}.subject-add-tile{min-height:140px}.task-filters{flex-direction:column;gap:9px}.task-filters select{width:100%}.task-actions{flex-direction:column}.task-actions .icon-button{min-width:27px;min-height:30px}.task-title{font-size:12px}.all-tasks .task-title{font-size:12px}.all-tasks .task-row{gap:10px}.task-toolbar{padding-left:17px;padding-right:17px}.tab{font-size:10px;padding:8px 9px}.activity-full .chart{height:230px;gap:6px;padding-left:15px;padding-right:15px}.activity-full .chart-label{font-size:7px}.activity-full .chart-summary{padding-left:20px}.activity-subjects{grid-template-columns:1fr}.chart-summary span{font-size:9px}.welcome-banner{flex-direction:column;align-items:flex-start;padding:22px}.welcome-banner h2{font-size:13px}.welcome-banner p{font-size:11px}.reward-level{padding:24px 22px;position:relative}.reward-level>div{position:relative;z-index:1;max-width:75%}.reward-level h2{font-size:35px}.reward-level p{font-size:11px;max-width:170px}.reward-level img{position:absolute;right:-10px;top:20px;opacity:.8;width:120px;height:120px}.reward-level .eyebrow{font-size:8px}.badges-grid{gap:12px}.badge-card{padding:20px 16px}.badge-card img{width:63px;height:63px}.badge-card h3{font-size:14px}.badge-card p{font-size:10px;min-height:50px}.timer-card{padding:25px 20px}.timer-ring{width:260px;height:260px;margin:30px auto}.timer-ring strong{font-size:60px}.focus-side{grid-template-columns:1fr}.focus-note{min-height:245px;padding:25px}.focus-note img{opacity:.8;right:-12px;bottom:-20px}.focus-note p{max-width:210px;font-size:11px}.focus-note h2{font-size:26px}.focus-history .card-header .chip{display:inline}.focus-history{margin-top:0}.focus-history-row{margin:0 20px}.focus-history-row>.icon{display:block}.modal{padding:23px}.modal-actions .button{min-height:44px}.color-options{gap:16px}.page-footer{font-size:8px;padding:16px 18px 20px}.install-button{min-height:38px}}
.global-search{min-width:0}
.focus-history{max-height:470px;overflow-y:auto}
.mobile-profile{display:none}
@media(max-width:760px){.mobile-profile{display:inline-flex;position:absolute;top:26px;right:57px;z-index:11}.topbar{padding-right:56px}.global-search{margin-right:28px}.focus-note img{display:none}.focus-note{min-height:0}.focus-note p{max-width:100%}.focus-note h2 br{display:none}.focus-note h2{max-width:100%;line-height:1.3}}
@media(max-width:760px){}
@media(max-width:480px){.global-search{flex-basis:0;margin-right:0}.topbar{padding-right:57px}.mobile-profile{right:10px}.page-header>div{min-width:0}.page-header h1{overflow-wrap:anywhere}}
@media(min-width:481px) and (max-width:760px){.mobile-profile{right:15px}.topbar{padding-right:62px}.global-search{margin-right:0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Public pages share the app's colors, type and existing static artwork. */
.public-page{background:#f7efdf}
.landing{max-width:1400px;margin:24px auto;background:#ead5b2;border-radius:30px;padding:0 40px;border:1px solid #fff9;overflow:hidden}
.public-header{display:flex;align-items:center;gap:36px;min-height:100px;width:100%;max-width:1320px;margin:0 auto}
.public-header .wordmark{font-size:30px;letter-spacing:-1.4px}
.public-nav,.public-login,.auth-back{font-size:13px;color:#64503e}
.public-nav:hover,.public-login:hover,.auth-back:hover{text-decoration:underline}
.public-header nav{display:flex;align-items:center;gap:25px;margin-left:auto}
.public-header .button{font-size:12px}
.landing-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;padding:55px 25px 65px}
.landing-copy h1{font-size:clamp(58px,6.5vw,93px);letter-spacing:-4.5px;line-height:1.01;font-weight:750;margin:22px 0 26px}
.landing-copy>p{font-size:14px;line-height:1.9;color:#705a44;max-width:360px;margin-bottom:28px}
.landing-copy>.button{font-size:13px;padding:15px 22px}
.landing-app-link{display:block;width:fit-content;font-size:11px;color:#795d40;margin-top:21px;line-height:1.8}
.landing-app-link:hover{text-decoration:underline}
.landing-art{position:relative;display:grid;place-items:center;background:#e6c49a;border-radius:42% 42% 28px 28px;aspect-ratio:1;min-width:0}
.landing-art img{width:94%;height:auto;object-fit:contain;max-width:480px}
.landing-art>span{display:none}
.landing-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:0 0 40px}
.landing-features article{background:#fff6e8cc;border:1px solid #fff9;border-radius:23px;padding:27px}
.feature-number{font-size:11px;color:#8f5b33;display:block;margin-bottom:25px}
.landing-features h2{font-size:18px;letter-spacing:-.5px;margin-bottom:12px}
.landing-features p{font-size:12px;line-height:1.9;color:#7b654e;max-width:300px}
.public-footer{display:flex;align-items:center;gap:22px;padding:24px 3px 28px;border-top:1px solid #d5bfa2;font-size:11px;color:#84674b}
.public-footer>span:first-child{font-weight:700;color:#3b2f23;font-size:14px}
.public-footer a{margin-left:auto}
.auth-page{min-height:100dvh;display:flex;flex-direction:column;padding:0 40px;background:#f4e9d6}
.auth-page .auth-back{margin-left:auto}
.auth-page .auth-panel{flex:1;padding:35px 20px 75px}
.auth-page .auth-box{max-width:420px;padding:37px;background:#fff9ef;border:1px solid #e9d8bd;border-radius:26px}
.auth-page .auth-box h1{font-size:32px;letter-spacing:-1px;margin:15px 0 10px;font-weight:700}
.auth-page .auth-box .eyebrow{font-size:9px}
.auth-page .auth-box form{margin-top:25px}

.auth-page .auth-switch{font-size:11px;line-height:1.9}
.auth-page .auth-switch a{font-size:11px;margin-left:4px}
.dashboard-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px 8px 27px}
.dashboard-heading h1{font-size:34px;letter-spacing:-1px}
.dashboard-heading .heading-actions{margin:0}
.overview-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(290px,1fr);gap:22px;align-items:start}
.overview-main,.overview-side{display:flex;flex-direction:column;gap:22px;min-width:0}
.overview-grid .dashboard-tasks{max-height:none;overflow:hidden}
.overview-side .subject-icon{display:grid}
@media(max-width:1440px){.landing{margin:20px}}
@media(max-width:1000px){.landing{padding:0 27px}.landing-hero{gap:25px;padding:40px 8px 50px}.landing-copy h1{font-size:69px;letter-spacing:-3px}.landing-features article{padding:23px}.landing-features h2{font-size:16px}.overview-grid{grid-template-columns:1fr}.overview-side{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}}
@media(max-width:760px){.landing{margin:0;border-radius:0;border:0;padding:0 24px}.public-header{min-height:85px;gap:20px}.public-header .wordmark{font-size:27px}.public-nav{display:none}.public-header nav{gap:15px}.public-header .button{font-size:11px;padding:12px 14px}.public-login{font-size:12px}.landing-hero{padding:35px 0 40px;gap:22px}.landing-copy h1{font-size:57px;letter-spacing:-2.8px}.landing-copy>p{font-size:12px;line-height:1.8}.landing-copy>.button{font-size:12px;padding:13px 17px}.landing-features{gap:12px}.landing-features article{padding:20px}.landing-features h2{font-size:15px}.landing-features p{font-size:11px}.feature-number{margin-bottom:18px}.auth-page{padding:0 24px}.auth-page .auth-panel{padding:25px 0 50px}.overview-side{display:flex}.dashboard-heading{padding:14px 4px 22px}.dashboard-heading h1{font-size:29px}.overview-grid .dashboard-tasks .task-actions{display:flex}.overview-grid .dashboard-tasks .tag{display:inline-flex}.overview-grid .dashboard-tasks .card-header p{display:block}}
@media(max-width:540px){.landing{padding:0 19px}.public-header{gap:10px}.public-header .wordmark{font-size:25px;gap:7px}.public-header .wordmark svg{width:28px}.public-header nav{gap:12px}.public-header .button{padding:11px 12px;font-size:10px}.landing-hero{grid-template-columns:1fr;padding-top:29px}.landing-copy h1{font-size:64px;letter-spacing:-3px;margin-top:19px}.landing-copy>p{font-size:13px;max-width:330px}.landing-art{aspect-ratio:auto;height:285px;margin-top:9px;border-radius:150px 150px 25px 25px}.landing-art img{width:285px;max-width:90%;max-height:285px}.landing-features{grid-template-columns:1fr;padding-bottom:26px}.landing-features article{padding:23px}.feature-number{margin-bottom:16px}.landing-features h2{font-size:18px}.landing-features p{font-size:12px;max-width:100%}.public-footer{gap:12px;font-size:9px;flex-wrap:wrap}.public-footer a{font-size:10px}.auth-page{padding:0 20px}.auth-page .auth-box{padding:28px 23px}.auth-page .auth-box h1{font-size:29px}.auth-page .auth-panel{align-items:flex-start;padding-top:25px}.auth-back{font-size:11px}.dashboard-heading{flex-wrap:wrap;gap:14px}.dashboard-heading h1{font-size:28px}.dashboard-heading .button{font-size:11px;min-height:40px;padding:11px 13px}.overview-grid{gap:16px}.overview-main,.overview-side{gap:16px}}

.progress-fill{display:block;width:100%;height:100%;background:var(--orange);border-radius:10px;transform:scaleX(0);transform-origin:left center;transition:transform .45s cubic-bezier(.2,.7,.3,1)}
.progress-ring .ring-fill{transition:stroke-dashoffset .45s cubic-bezier(.2,.7,.3,1)}
.chart-bar{transition:height .45s cubic-bezier(.2,.7,.3,1)}
.reward-level .progress-track{background:#ffd7ac}.reward-level .progress-fill{background:#925023}
.task-check{width:17px;height:17px;padding:0;transition:background-color .2s ease,border-color .2s ease}
.subtasks .task-check{width:15px;height:15px}
@media(forced-colors:active){.task-check{appearance:auto}.task-check::after{display:none}}


.page-header.page-header-plain{min-height:0;padding:18px 26px}.page-header-plain>div{max-width:none}.page-header-plain .heading-actions:empty{display:none}

.profile-timezone{margin-top:22px}.profile-timezone .muted{font-size:11px;overflow-wrap:anywhere}
.modal[open]{animation:dialog-enter .2s cubic-bezier(.2,.7,.25,1) both}
.modal[open]::backdrop{animation:dialog-shade .2s ease-out both}
@keyframes dialog-enter{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes dialog-shade{from{opacity:0}to{opacity:1}}
@media(max-width:760px){.more-modal[open]{animation-name:sheet-enter;animation-duration:.24s}@keyframes sheet-enter{from{opacity:0;transform:translateY(36px)}to{opacity:1;transform:translateY(0)}}}
html.no-motion .modal[open]::backdrop{animation:none!important}
@media(prefers-reduced-motion:reduce){.modal[open]::backdrop{animation:none!important}}
.modal[open].dialog-closing{animation:dialog-exit .16s ease-in both;pointer-events:none}
.modal[open].dialog-closing::backdrop{animation:dialog-shade-out .16s ease-in both}
@keyframes dialog-exit{from{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(10px) scale(.98)}}
@keyframes dialog-shade-out{from{opacity:1}to{opacity:0}}
@media(max-width:760px){.more-modal[open].dialog-closing{animation-name:sheet-exit;animation-duration:.18s}@keyframes sheet-exit{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(32px)}}}

.navigation-settings{margin-top:24px;padding-top:22px;border-top:1px solid #e5d7c4}.navigation-settings h4{font-size:13px;margin:0 0 7px}.modal form .mobile-nav-choice{display:flex;align-items:center;gap:11px;margin:12px 0;min-height:30px}.mobile-nav-choice input{width:18px;height:18px;padding:0;margin:0;accent-color:var(--orange);flex-shrink:0}.mobile-nav-choice .icon{width:18px;height:18px;color:#947453}.mobile-nav-choice:has(input:disabled){opacity:.55}.more-link.active{color:#a14816}#timezone-search-status:empty{display:none}

.subtask-tools{padding-right:14px!important;gap:18px}.overview-deadline[data-action="jump-task"] .metric-detail{font-size:16px;font-weight:600}@media(max-width:760px){.overview-deadline[data-action="jump-task"] .metric-detail{font-size:14px}}

.date-format-setting{display:block;font-size:12px;color:#80664c;margin:20px 0}.date-format-setting small{display:block;font-size:10px;color:#9a7c5d;line-height:1.7;margin-top:8px}.date-field{position:relative}.date-field>input{padding-right:50px}.date-picker-button{position:absolute;right:5px;top:13px;bottom:5px;width:35px;border-radius:9px;display:grid;place-items:center;color:#8c7a66}.date-picker-button:hover{background:#f3e6d4}.date-picker-button:focus-within{outline:2px solid #b85a22;outline-offset:2px}.date-picker-button input{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:pointer}

.topbar-profile{flex-direction:row;flex-shrink:0;gap:12px}.topbar-profile .avatar{width:38px;height:38px}.topbar-profile>.icon-button{width:36px;height:38px;color:#856a50}@media(max-width:760px){.topbar-profile{display:none}}