:root{--ink:#202126;--paper:#f5f6f8;--blue:#3899db;--green:#50c878;--muted:#8f929b;--line:#dfe2e7}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Avenir Next",Avenir,-apple-system,sans-serif}.shell{max-width:720px;margin:auto;min-height:100dvh;padding:calc(22px + env(safe-area-inset-top)) 20px calc(30px + env(safe-area-inset-bottom))}header{display:flex;justify-content:space-between;align-items:start}.eyebrow,.dayline{font:700 11px/1.2 ui-monospace,SFMono-Regular;letter-spacing:.12em;color:var(--blue)}h1{font-size:38px;line-height:.98;letter-spacing:-.045em;margin:12px 0 28px}h1 span{color:var(--muted);font-weight:500}.card{background:white;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 12px 40px #2528330d}.auth p{margin-top:0;line-height:1.5}.auth form,.quick,.composer{display:flex;gap:8px}input,textarea{min-width:0;border:1px solid var(--line);background:white;color:var(--ink);border-radius:12px;padding:13px;font:inherit;outline:none}input:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #3899db20}button{border:0;border-radius:12px;padding:11px 15px;font:700 13px inherit;background:var(--ink);color:white}button:active{transform:scale(.98)}.ghost{background:transparent;color:var(--muted);padding-right:0}nav{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line);margin-bottom:18px}.tab{border-radius:0;background:transparent;color:var(--muted);padding:13px}.tab.active{color:var(--ink);box-shadow:inset 0 -2px var(--blue)}.quick{position:sticky;top:10px;z-index:3;background:var(--ink);padding:9px;border-radius:17px;box-shadow:0 14px 32px #20212625}.quick input{border:0;background:#ffffff10;color:white}.quick input::placeholder{color:#ffffff88}.quick input[type=date]{width:132px}.quick .add{background:var(--blue)}#voice{width:42px;padding:0;background:var(--blue);color:white;font-size:13px;box-shadow:0 0 0 5px #3899db22}.dayline{display:flex;justify-content:space-between;margin:30px 4px 10px}.dayline time{color:var(--muted)}.tomorrow{color:#7359bb}.list{display:grid;gap:8px}.task{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;background:white;border:1px solid var(--line);border-radius:14px;padding:13px}.task.done .text{text-decoration:line-through;color:var(--muted)}.check{width:22px;height:22px;border:1.5px solid var(--blue);border-radius:50%;background:transparent;padding:0}.done .check{background:var(--green);border-color:var(--green)}.delete{background:transparent;color:var(--muted);padding:4px}.empty{color:var(--muted);font-size:14px;padding:16px 4px}.messages{display:flex;flex-direction:column;gap:10px;min-height:52dvh;padding-bottom:82px}.bubble{max-width:86%;padding:12px 14px;border-radius:16px;white-space:pre-wrap;line-height:1.45;background:white;border:1px solid var(--line)}.bubble.user{align-self:flex-end;background:var(--ink);color:white;border-bottom-right-radius:4px}.bubble.assistant{border-bottom-left-radius:4px}.composer{position:fixed;bottom:calc(10px + env(safe-area-inset-bottom));left:max(20px,calc((100vw - 680px)/2));right:max(20px,calc((100vw - 680px)/2));background:var(--paper);padding-top:8px}.composer textarea{flex:1;resize:none}.hidden{display:none!important}#toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:var(--ink);color:white;padding:10px 14px;border-radius:10px;opacity:0;pointer-events:none;transition:.2s}#toast.show{opacity:1}@media(max-width:520px){.quick{display:grid;grid-template-columns:42px 1fr auto}.quick input[type=date]{grid-column:2/4;width:100%}h1{font-size:34px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}