:root{--bg:#f7f6f3;--surface:#fff;--text:#24292f;--muted:#5f6670;--line:#dedbd4;--accent:#3d6b8f;--accent-text:#fff;--soft:#e8eef3;--notice:#6b4e16;--notice-bg:#fbf3df;--ok-bg:#e6f2ea;--radius:10px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.45}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#17191c;--surface:#212429;--text:#e6e6e3;--muted:#a3a8ae;--line:#363a40;--accent:#7fa7c7;--accent-text:#10161b;--soft:#27313a;--notice:#f0d79a;--notice-bg:#3a3221;--ok-bg:#1f3428}}*,:before,:after{box-sizing:border-box}html,body{margin:0}body{min-width:320px}#root{max-width:640px;margin:0 auto;padding:0 16px 96px}h1,h2{margin:0;line-height:1.2}h1{font-size:1.5rem}h2{margin-bottom:8px;font-size:1.05rem}p{margin:0}a{color:var(--accent)}button,input,select,textarea{font:inherit;color:inherit;max-width:100%}button{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);cursor:pointer;min-height:44px;padding:8px 14px}button:disabled{opacity:.55;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}button.quiet{color:var(--muted);background:0 0;border-color:#0000}button.link{min-height:44px;color:var(--accent);background:0 0;border:none;padding:8px 0;text-decoration:underline}input,select,textarea{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:100%;min-height:44px;padding:8px 10px}input[type=checkbox]{width:22px;height:22px;min-height:22px;accent-color:var(--accent);flex:none;margin:0}fieldset{border:1px solid var(--line);border-radius:var(--radius);min-width:0;margin:0;padding:10px 12px}.stack{flex-direction:column;gap:12px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.field{flex-direction:column;gap:4px;min-width:0;display:flex}.field>span{color:var(--muted);font-size:.9rem}.field.inline{flex:140px}.meta{color:var(--muted);font-size:.9rem}.info{color:var(--muted);font-size:.95rem}.notice{background:var(--notice-bg);color:var(--notice);border-radius:var(--radius);padding:8px 12px}.banner{background:var(--soft);border-radius:var(--radius);overflow-wrap:anywhere;margin:8px 0;padding:8px 12px;font-size:.9rem}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 0;display:flex}.brand{color:var(--muted);font-weight:600}.splash,.signin,.settings,.space{flex-direction:column;gap:16px;padding-top:8px;display:flex}.signin{max-width:400px;margin:0 auto;padding-top:48px}.qr{border-radius:var(--radius);background:#fff;align-self:center;max-width:100%;height:auto;padding:8px}.secret code{overflow-wrap:anywhere;word-break:break-all;-webkit-user-select:all;user-select:all}.space-head{flex-direction:column;gap:10px;display:flex}.space-title{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.summary{gap:8px;margin:0;display:flex}.summary>div{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex:1;min-width:0;padding:6px 10px}.summary.met>div:first-child{background:var(--ok-bg)}.summary dt{color:var(--muted);font-size:.8rem}.summary dd{margin:0;font-size:1.25rem;font-weight:600}.celebration{background:var(--ok-bg);border-radius:var(--radius);text-align:center;padding:12px;font-weight:600;animation:.5s ease-out pop}@keyframes pop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.celebration{animation:none}}.quick-add input{font-size:1.05rem}.section{flex-direction:column;gap:8px;display:flex}.toggle{text-align:left;justify-content:space-between;width:100%;font-weight:600;display:flex}.cards{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.card,.done-row{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:8px;min-width:0;padding:10px 12px;display:flex}.card-head{flex-wrap:wrap;align-items:baseline;gap:6px 10px;display:flex}.card-title{overflow-wrap:anywhere;min-width:0;font-weight:600}.due{color:var(--muted);background:var(--soft);border-radius:999px;padding:1px 8px;font-size:.85rem}.notes{color:var(--muted);overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.9rem;display:-webkit-box;overflow:hidden}.steps{align-items:center;gap:10px;min-width:0;display:flex}.pill{background:var(--soft);border-radius:999px;flex:none;padding:1px 8px;font-size:.85rem}.next-step{overflow-wrap:anywhere;cursor:pointer;align-items:center;gap:8px;min-width:0;display:flex}.actions{flex-wrap:wrap;gap:6px;display:flex}.actions button{min-height:40px;padding:6px 10px;font-size:.9rem}.editor,.focus-picker{border-top:1px solid var(--line);padding-top:10px}.step-row{align-items:center;gap:6px;margin-bottom:6px;display:flex}.step-row input:not([type=checkbox]){flex:1;min-width:0}.weekdays{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--line);border-radius:999px;align-items:center;gap:4px;padding:6px 8px;display:inline-flex}.toast{background:var(--text);width:calc(100% - 32px);max-width:480px;color:var(--bg);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:12px;padding:8px 8px 8px 16px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.toast button{background:var(--bg);color:var(--text)}.space-settings{flex-direction:column;gap:10px;display:flex}.focus{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100dvh;padding:24px 0;display:flex}.focus-title{overflow-wrap:anywhere;font-size:1.6rem}.focus-step{color:var(--muted);overflow-wrap:anywhere;font-size:1.1rem}.focus-clock{font-variant-numeric:tabular-nums;font-size:clamp(3rem,18vw,5.5rem);font-weight:600}.focus-up{font-size:1.3rem;font-weight:600}.focus-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.focus-actions button{min-width:110px}