@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600&display=swap";:root{color:#243551;font-synthesis:none;background:#e7edf9;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(at 85% 10%,#f4eafa 0,#0000 38%),radial-gradient(at 12% 85%,#d9e8fa 0,#0000 42%),#e7edf9;min-width:320px;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}:focus-visible{outline-offset:3px;outline:3px solid #526faa}.shell{max-width:1440px;min-height:100vh;margin:auto}.top{justify-content:space-between;align-items:center;height:84px;padding:0 4.5%;display:flex}.brand{color:#243551;font-size:17px;font-weight:700;text-decoration:none}.top-label,.eyebrow,.section-kicker,footer{letter-spacing:1px;font-size:10px;font-weight:700}.top-label{color:#72809a}.main{padding:42px 5.5% 64px}.intro{margin-bottom:48px}.eyebrow,.section-kicker{color:#526faa}.intro h1{margin:14px 0 12px;font:500 clamp(30px,3vw,36px)/1.2 Playfair Display,serif}.intro p,.section-description{color:#72809a;margin:0;font-size:15px;line-height:1.6}.dashboard{grid-template-columns:minmax(0,2fr) minmax(280px,1fr);align-items:start;gap:24px;display:grid}.dashboard .intro{grid-column:1/-1;margin:0 0 16px}.dashboard .todos{grid-area:2/1}.dashboard .focus-column{grid-area:2/2}.dashboard .account{grid-area:3/1/auto/-1}.workspace{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb8;border:1px solid #ffffffbf;border-radius:18px;min-width:0;padding:32px;box-shadow:0 12px 32px #45598c1a}.workspace h2{margin:10px 0 12px;font:500 23px Playfair Display,serif}.workspace p{line-height:1.55}.workspace button{color:#fff;background:#526faa;border:0;border-radius:10px;padding:12px 16px;font-size:13px;font-weight:700}.workspace button:hover:not(:disabled){filter:brightness(.95)}.account-form{flex-direction:column;align-items:stretch;gap:8px;max-width:420px;display:flex}.account-form label{margin-top:10px;font-size:13px;font-weight:700}.account-form input,.account-form textarea,.timer-duration input{color:#243551;background:#e7edf9;border:1px solid #0000;border-radius:9px;width:100%;min-width:0;padding:14px}.account-form textarea{resize:vertical}.account-form small,.account-note{color:#647590;font-size:12px;line-height:1.5}.account-form button{margin-top:10px}.account-tabs,.todo-toolbar,.timer-actions{flex-wrap:wrap;gap:8px;margin:20px 0;display:flex}.account-tabs button,.todo-toolbar button,.account>button,.todo-list button{color:#526faa;background:#e7edf9cc}.account-tabs button[aria-pressed=true],.todo-toolbar button[aria-pressed=true]{color:#fff;background:#526faa}.account>button{margin-top:16px}.account-note{margin-top:26px}.signed-out{grid-template-columns:1fr 1fr;gap:32px;display:grid}.signed-out .intro{background:#d9e8fab8;border:1px solid #ffffffbf;border-radius:18px;min-height:450px;padding:64px}.signed-out .intro h1{margin:35px 0 28px;font-size:clamp(32px,4vw,42px)}.signed-out .account{justify-self:center;width:100%;max-width:600px}.signed-out .focus-column{grid-column:1/-1;justify-self:center;width:100%;max-width:600px}.todos{min-height:540px}.todos .section-description{font-size:13px}.todos .account-form{max-width:none}.todo-toolbar[aria-label]{background:#e7edf9;border-radius:10px;padding:4px}.todo-toolbar[aria-label] button{flex:1}.todo-list{gap:10px;padding:0;list-style:none;display:grid}.todo-list li{overflow-wrap:anywhere;background:#ffffffe6;border-radius:10px;padding:16px}.todo-list label{align-items:center;gap:12px;font-weight:700;display:flex}.todo-list input[type=checkbox]{accent-color:#526faa;flex:none;width:20px;height:20px}.todo-list p{white-space:pre-wrap;color:#647590;margin:8px 0 8px 32px;font-size:13px}.todo-list button{margin:8px 8px 0 0;padding:8px 10px}.timer{background:#d9e8fab8}.timer h2{margin-bottom:24px}.timer-clock{text-align:center;font-variant-numeric:tabular-nums;margin:32px 0 12px;font:700 clamp(50px,5vw,62px)/1 DM Sans,sans-serif}.timer-clock+p{text-align:center;color:#647590;font-size:13px}.timer-duration{flex-wrap:wrap;align-items:center;gap:12px;font-size:13px;display:flex}.timer-duration input{width:90px;padding:10px}.timer-actions button{flex:1}.timer>p:not(.timer-clock){color:#647590;font-size:12px}.timer>p button{padding:6px 10px}.reminder{background:#ede5f8b8;margin-top:22px}.reminder .section-kicker{color:#806099}.reminder h2{font-size:20px}.reminder p{color:#647590;margin-bottom:0;font-size:14px}.error{background:#fae7ec;border-radius:8px;padding:12px;color:#9b3448!important}footer{color:#72809a;padding:0 5.5% 32px}@media (width<=760px){.top{height:72px;padding:0 22px}.top-label{font-size:9px}.main{padding:32px 20px 48px}.dashboard,.signed-out{flex-direction:column;gap:20px;display:flex}.dashboard .intro,.signed-out .intro{margin-bottom:4px}.workspace,.focus-column{width:100%}.dashboard .focus-column{order:1}.dashboard .todos{order:2}.dashboard .account{order:3}.dashboard .intro{order:0}.signed-out .intro{min-height:0;padding:32px}.signed-out .intro h1{margin:20px 0}.workspace{padding:24px}.todos{min-height:0}.timer-clock{margin:26px 0 12px}.todo-toolbar[aria-label] button{padding:10px 5px;font-size:12px}}.app-shell{color:#243551;background:#e5edf9;min-height:100vh}.app-header{background:#f3f6fc;justify-content:space-between;align-items:center;height:76px;padding:0 32px;display:flex}.app-header button,.app-nav button,.back-link{color:#526faa;background:#fff;border:0;border-radius:9px;padding:13px 18px;font-weight:700}.app-layout{grid-template-columns:220px minmax(0,1fr);min-height:calc(100vh - 76px);display:grid}.app-nav{background:#f3f6fc;padding:40px 16px}.app-nav small{color:#71819d;margin:0 8px 20px;font-size:10px;font-weight:700;display:block}.app-nav button{text-align:left;width:100%;margin-bottom:8px;display:block}.app-nav button.selected{background:#dbe9fa}.app-content{grid-template-columns:minmax(0,1fr) 290px;align-items:start;gap:40px;padding:26px 32px 60px 40px;display:grid;position:relative}.primary-column{min-width:0}.primary-column h1,.app-content .todos h2{margin:12px 0 8px;font:500 36px Playfair Display,serif}.app-content .section-description{margin-bottom:28px}.app-content .workspace{box-shadow:none;background:#f7f9fd;border:0;border-radius:18px;padding:30px}.app-content .todos{background:0 0;min-height:0;padding:20px 0 0}.app-content .todos .todo-form,.app-content .todos .todo-list,.app-content .todos .todo-toolbar{background:#f7f9fd;margin:0;padding:15px 30px}.app-content .todos .todo-form{border-radius:18px 18px 0 0;padding-top:30px}.app-content .todos .todo-list{border-radius:0 0 18px 18px;min-height:200px}.app-content .todo-list li{background:0 0;border-bottom:1px solid #dce5f4;border-radius:0;padding:12px 0}.app-content .todo-toolbar[aria-label]{border-radius:0}.app-content .todo-toolbar[aria-label] button{flex:0 auto}.app-aside{gap:20px;display:grid}.app-content .timer{background:#dbe9fa}.app-content .timer-clock{margin:24px 0 8px;font-size:42px}.app-content .timer h2{font-size:20px}.app-content .timer-actions{margin-bottom:0}.chat-list{min-height:360px}.chat-list h2{margin:0}.chat-list p,.chat-list small,.journal p{color:#72809a;font-size:12px}.chat-list button{text-align:left;color:#243551;background:0 0;border-top:1px solid #dce5f4;border-radius:0;width:100%;padding:16px 0;display:block}.chat-list small{margin-top:7px;font-weight:400;display:block}.app-content .account,.journal{min-height:350px;margin-top:30px}.back-link{background:0 0;padding:8px 0}.chat-window{z-index:2;background:#fff;border-radius:16px 16px 0 0;width:350px;min-height:280px;padding:18px;position:fixed;bottom:0;right:350px;box-shadow:0 8px 28px #526faa33}.chat-window.minimized{min-height:0}.chat-head{align-items:center;gap:12px;display:flex}.chat-head strong{margin-right:auto}.chat-head button{color:#526faa;background:0 0;border:0;font-size:12px}.chat-window p{color:#72809a;font-size:13px}@media (width<=800px){.app-layout{grid-template-columns:1fr}.app-nav{align-items:center;gap:8px;padding:12px 20px;display:flex}.app-nav small{display:none}.app-nav button{width:auto;margin:0}.app-content{grid-template-columns:1fr;padding:24px 20px}.app-aside{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.chat-window{max-width:calc(100vw - 20px);right:10px}}.todo-card{background:#f7f9fd;border-radius:18px;flex-direction:column;min-height:560px;padding:30px;display:flex}.quick-add{background:#e5edf9;border-radius:10px;display:flex}.quick-add input{color:#243551;background:0 0;border:0;flex:1;min-width:0;padding:16px}.quick-add button,.todo-actions button{color:#526faa;background:#e5edf9;border:0;border-radius:9px;padding:12px 16px;font-size:12px;font-weight:700}.todo-rows{flex:1;margin:14px 0;padding:0;list-style:none}.todo-rows li{border-bottom:1px solid #d8e3f3;align-items:center;gap:14px;min-height:60px;display:flex;position:relative}.todo-rows input[type=checkbox]{accent-color:#526faa;width:20px;height:20px}.todo-title{text-align:left;color:#243551;background:0 0;border:0;flex:1;padding:15px 0;font-weight:700}.todo-title.completed{color:#8190aa;font-weight:400;text-decoration:line-through}.todo-more{color:#526faa;background:0 0;border:0;font-size:20px}.todo-menu{z-index:2;background:#fff;border-radius:8px;position:absolute;top:45px;right:0;box-shadow:0 5px 20px #24355122}.todo-menu button{color:#ad4052;background:0 0;border:0;padding:12px 24px}.inline-edit{border:1px solid #526faa;border-radius:6px;flex:1;padding:8px}.todo-bottom{margin-top:auto}.todo-actions{flex-wrap:wrap;gap:8px;display:flex}.todo-bottom p,.todo-empty{color:#72809a;font-size:12px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}
