/* Original Little Checklists design system: Modern and Classic Journal. */
:root{--app-font:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--journal-heading:Georgia,'Times New Roman',serif;--ink:var(--c-2b4137);--accent:var(--c-375d49);--paper:var(--c-ffffff);--line:var(--c-e1e6da);font-family:var(--app-font);-webkit-font-smoothing:antialiased}body{background:transparent;color:var(--ink)}main{max-width:1420px;padding:24px 42px 35px}aside{width:248px;padding:30px 23px;background:color-mix(in srgb,var(--c-eef1e8) 70%,var(--paper));border-color:var(--line)}.brand{display:flex;align-items:center;gap:9px;font-size:20px;letter-spacing:-.7px;white-space:normal;line-height:1.2}.brand span{flex-shrink:0;width:38px;height:38px;border-radius:12px;font-size:24px;margin:0}aside>.primary{font-size:13px;margin-top:30px;border-radius:14px;padding:14px 16px}.overview{margin-top:29px;border-radius:14px;font-size:14px;padding:14px;gap:12px}aside h2{margin:29px 10px 10px;text-transform:none;font-size:12px;letter-spacing:0;font-weight:500}nav button{padding:12px 14px;border-radius:12px;font-size:13px}.settings-nav{margin-top:35px;font-size:13px;padding:12px 14px}.aside-bottom{padding-top:24px}header{border:0;padding-bottom:0;min-height:32px;align-items:center}header>span{font-weight:600;letter-spacing:1.7px;font-size:9px}header .date{display:none}.header-right{margin-left:auto}.storage-notice{padding-top:5px;font-size:9px;opacity:.8}.intro{padding:26px 0 24px;align-items:center;gap:20px}h1{font-family:var(--app-font);font-size:45px;letter-spacing:-1.8px;font-weight:720;margin:0;color:var(--ink);line-height:1.08}.page-date{font-size:16px;color:var(--c-7c8873);margin:10px 0 0}.profile{font-size:11px;margin-top:13px}.profile input{font-size:11px;width:135px}.appearance-button{border:1px solid var(--line);border-radius:99px;padding:10px 17px;font-size:12px;white-space:nowrap;background:var(--paper);color:var(--accent)}.planner{margin:0 0 24px;padding:13px 17px;border-radius:21px;box-shadow:0 3px 14px #25342604;background:var(--paper)}.calendar-top{margin-bottom:5px}.month-controls select,.month-controls input{font-size:11px}.subtle{border-radius:20px}.week{gap:12px}.day{padding:9px 5px 8px;border-radius:18px;gap:4px}.day .weekday{font-size:11px;color:var(--c-7c8873)}.day .daynum{font-family:var(--app-font);font-size:21px;font-weight:600}.day .dot{height:3px}.day.chosen{background:var(--accent)}section[aria-labelledby=trackersHeading]{background:color-mix(in srgb,var(--c-eef1e8) 65%,transparent);border-radius:23px;padding:15px;margin-bottom:25px}.section-heading{margin-bottom:13px;gap:12px}#toggleSnapshot{font-size:20px;letter-spacing:-.5px;line-height:1.25;gap:7px;font-weight:650}.snapshot-actions{gap:10px}.snapshot-actions>span{font-size:8px}.snapshot-actions>button{background:var(--c-dfe7d7);padding:8px 12px;font-size:11px;border-radius:20px}.metric,.metric:nth-child(n){background:var(--paper);border:1px solid color-mix(in srgb,var(--line) 65%,transparent);border-radius:18px;padding:18px 19px;box-shadow:0 3px 14px #25342603}.metric-top{gap:12px}.metric-label{font-size:12px;font-weight:500;color:var(--ink)}.metric-value{margin-top:15px}.metric-value input{font-family:var(--app-font);font-size:35px;font-weight:650;letter-spacing:-1px;color:var(--ink)}.metric-value span{font-size:11px}.metric-target{font-size:10px;margin-top:14px;border-color:var(--line)}.metric-target strong{font-size:11px}.metric-foot{font-size:9px;margin-top:11px}.daily-heading{margin:26px 0 17px}.daily-heading h2{font-family:var(--app-font);font-size:25px;font-weight:650;letter-spacing:-.7px;margin:4px 0 0}.daily-heading .eyebrow{font-size:8px}.daily-summary{width:195px}.track{height:6px}.list-toolbar{margin-bottom:10px}.repeat-note{margin:6px 0 17px;font-size:9px}#checklists{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px}.card{margin:0;border-radius:22px;padding:21px 20px;background:var(--paper);box-shadow:0 4px 18px #25342604;border-color:var(--line)}.card-top{gap:9px}.list-title{font-family:var(--app-font);font-size:21px;font-weight:650;letter-spacing:-.5px}.list-number{font-size:10px;font-weight:600;color:var(--c-87917f);border:1px solid var(--line);border-radius:8px;padding:5px;min-width:25px;text-align:center}.tools{gap:0}.tools button{font-size:10px;padding:5px}.card-meta{font-size:9px;margin-top:10px}.task{gap:10px;padding:8px 0;border-color:var(--line)}.task input[type=checkbox]{appearance:none;-webkit-appearance:none;display:grid;place-content:center;width:22px;height:22px;flex:0 0 22px;border:1.4px solid var(--c-87917f);border-radius:50%;background:transparent;margin:0}.task input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}.task input[type=checkbox]:checked:after{content:'✓';font-size:14px;font-weight:600;color:#fff}.task .text{font-size:13px;padding:9px 0;color:var(--ink)}.task.done .text{color:var(--c-87917f)}.task .move{font-size:10px;padding:2px}.task>button:last-child{padding:3px}.add-task{border:0;background:var(--c-eef1e8);border-radius:13px;padding:7px 10px;margin-top:15px}.add-task input{font-size:11px}.add-task button{border-radius:10px;font-size:10px;padding:8px}.card footer{margin-top:7px;min-height:20px}.add-checklist{width:auto;border:1px solid var(--line);border-radius:15px;margin-top:20px;padding:11px 18px;color:var(--accent);font-size:12px}dialog{border-radius:24px;background:var(--paper);border-color:var(--line)}#settingsDialog{max-width:620px}.settings-top h2{font-family:var(--app-font);font-size:28px;font-weight:650;letter-spacing:-.6px}.design-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0 18px}.design-choice{border:1px solid var(--line);border-radius:14px;padding:12px;text-align:left;background:var(--c-fafbf7)}.design-choice[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:-2px}.design-choice>strong{display:block;font-size:13px;margin:9px 0 4px}.design-choice>span:last-child{font-size:10px;color:var(--c-7c8873)}.design-mini{height:59px;display:flex;align-items:center;gap:5px;border-radius:8px;background:var(--c-eef1e8);padding:10px}.design-mini i{height:36px;border-radius:7px;background:var(--paper);flex:1;border:1px solid var(--line)}.classic-mini{background:#eee4d3;border-radius:3px}.classic-mini i{border-radius:3px;border-left:2px solid #b47a56;background:#fffaf0}.design-mini:before{content:'';width:14px;align-self:stretch;border-radius:5px;background:var(--accent)}.classic-mini:before{background:#816a4b;border-radius:2px}
/* Classic Journal uses a warmer paper foundation while retaining the chosen palette. */
:root[data-style=classic]{background-color:color-mix(in srgb,var(--c-f7f8f2) 55%,#eee3cf);background-image:repeating-linear-gradient(0deg,transparent,transparent 3px,#8b795504 4px)}:root[data-style=classic] aside{background:color-mix(in srgb,var(--c-eef1e8) 50%,#f2e8d6)}:root[data-style=classic] h1{font-family:var(--journal-heading);font-weight:500;font-size:48px;letter-spacing:-1.7px}:root[data-style=classic] .daily-heading h2,:root[data-style=classic] #toggleSnapshot,:root[data-style=classic] .list-title{font-family:var(--journal-heading);font-weight:500}:root[data-style=classic] .card,:root[data-style=classic] .metric,:root[data-style=classic] .planner{background:color-mix(in srgb,var(--paper) 70%,#fff9ec);border-radius:14px;box-shadow:0 4px 16px #65563c07}:root[data-style=classic] section[aria-labelledby=trackersHeading]{background:transparent;padding:0;border-radius:0}:root[data-style=classic] .section-heading{padding-bottom:11px;border-bottom:1px solid var(--line)}:root[data-style=classic] .card-top{border-left:3px solid #ad795b;padding-left:10px}:root[data-style=classic] .list-number{border:0;letter-spacing:2px;padding-left:0;min-width:auto}:root[data-style=classic] .task input[type=checkbox]:checked{background:#a66d50;border-color:#a66d50}:root[data-style=classic] .appearance-button,:root[data-style=classic] .add-checklist{background:transparent}:root[data-style=classic] .add-task{background:transparent;border:1px dashed var(--line)}:root[data-style=classic] .brand{font-family:var(--journal-heading);font-size:23px}:root[data-style=classic] .metric-value input{font-family:var(--journal-heading);font-weight:500}
:root[data-journal-font=journal] .task .text,:root[data-journal-font=journal] .profile,:root[data-journal-font=journal] .profile input{font-family:var(--journal-heading)}:root[data-style=modern][data-journal-font=journal] h1,:root[data-style=modern][data-journal-font=journal] .list-title,:root[data-style=modern][data-journal-font=journal] .daily-heading h2{font-family:var(--journal-heading)}
@media(min-width:1500px){main{padding-left:55px;padding-right:55px}}@media(max-width:1100px){aside{width:220px;padding:25px 18px}main{padding:23px 27px}.brand{font-size:18px}#checklists{gap:13px}.card{padding:17px 15px}.task{gap:7px}.task .text{font-size:12px}.tools button{font-size:9px}.list-title{font-size:19px}.metric{padding:15px}.metric-value input{font-size:29px}.snapshot-actions>span{display:none}}@media(max-width:850px){aside{width:195px;padding:22px 15px}main{padding:20px}#checklists{grid-template-columns:1fr}.brand{font-size:17px}.brand span{width:30px;height:30px;font-size:20px}h1{font-size:37px}.metric-value input{font-size:26px}#toggleSnapshot{font-size:17px}.week{gap:4px}.day .daynum{font-size:19px}.day .weekday{font-size:9px}.metric-target strong{font-size:10px}}@media(max-width:600px){body{padding-bottom:15px}aside{width:100%;height:auto;padding:19px 18px;position:static;background:var(--c-eef1e8)}.brand{font-size:18px;max-width:210px}.brand span{width:31px;height:31px;border-radius:10px}aside>.primary{margin-top:0;padding:10px 12px;font-size:10px;position:absolute;right:18px;top:20px;width:auto}.overview{font-size:11px;padding:9px 13px;margin-top:18px}.settings-nav{margin-top:12px;padding:9px 13px;font-size:11px}nav{gap:5px}nav button{font-size:11px;padding:8px 12px;min-width:90px}.aside-bottom{padding-top:12px}.aside-bottom button{font-size:8px}main{padding:19px 18px}.intro{padding:22px 0 20px;gap:10px;align-items:flex-start}h1{font-size:36px;letter-spacing:-1.5px}.page-date{font-size:13px;margin-top:8px}.profile{font-size:10px;margin-top:12px}.profile input{font-size:10px;width:95px}.appearance-button{font-size:10px;padding:9px 12px;margin-top:5px}.planner{padding:11px 9px;margin-bottom:19px;border-radius:18px}.week{gap:3px}.day{padding:9px 2px;border-radius:15px}.day .weekday{font-size:9px}.day .daynum{font-size:20px}.week-arrow{font-size:14px;padding:6px}.calendar-top{padding:0 5px}.metrics{gap:8px}section[aria-labelledby=trackersHeading]{padding:12px;border-radius:20px;margin-bottom:21px}#toggleSnapshot{font-size:17px;gap:4px}.snapshot-actions{display:block}.snapshot-actions>button{padding:7px 10px;font-size:10px}.metric,.metric:nth-child(n){padding:12px 10px;border-radius:14px}.metric-label{font-size:10px}.metric-top{gap:3px}.metric-edit{padding:3px;font-size:11px}.metric-value{margin-top:12px}.metric-value input{font-size:25px}.metric-value span{font-size:10px}.metric-target{font-size:9px;margin-top:10px}.metric-target strong{font-size:9px}.metric-foot{font-size:8px}.daily-heading{margin-top:23px}.daily-heading h2{font-size:24px}.daily-summary{width:130px}.daily-summary>span{font-size:9px}#checklists{grid-template-columns:1fr;gap:15px}.card{padding:18px;border-radius:20px}.list-title{font-size:21px}.task .text{font-size:13px}.task{padding:8px 0;gap:10px}.task input[type=checkbox]{width:22px;height:22px;flex-basis:22px}.add-task input{font-size:12px}.add-checklist{font-size:11px;margin-top:16px}.design-choice{padding:10px}.design-choice>strong{font-size:12px}.design-choice>span:last-child{font-size:9px}.design-mini{height:52px;padding:7px}:root[data-style=classic] h1{font-size:37px}.storage-notice{font-size:8px}}