:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#1a1a1a;--muted:#8a8a8a;--faint:#c5c5c5;--line:#e8e8e8;font-family:system-ui,Segoe UI,Roboto,sans-serif}body{min-height:100svh;color:var(--ink);background:#fff;margin:0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}input{font:inherit;color:inherit;box-sizing:border-box;border:1px solid var(--line);background:#fff;border-radius:8px;outline:none;width:100%;padding:10px 12px}input::placeholder{color:var(--faint)}input:focus{border-color:var(--ink)}.login{flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100svh;padding:24px;display:flex}.login form{gap:8px;width:min(300px,100%);display:flex}.login button,.modal-actions button[type=submit]{background:var(--ink);color:#fff;border-radius:8px;padding:10px 16px}.login button:disabled,.modal-actions button[type=submit]:disabled{opacity:.35;cursor:default}.error{color:#b3261e;margin:0;font-size:14px}.menu{max-width:560px;margin:0 auto;padding:24px 20px}.menu nav{flex-direction:column;display:flex}.menu-item{color:var(--ink);justify-content:space-between;align-items:center;padding:16px 0;font-size:17px;text-decoration:none;display:flex}.menu-item .chevron{color:var(--faint);font-size:20px;line-height:1}.section{max-width:560px;margin:0 auto;padding:0 20px 40px}.weather-day{margin-top:32px}.weather-day h2{letter-spacing:.3px;color:var(--muted);margin:0;font-size:13px;font-weight:600}.weather-summary{align-items:center;gap:16px;margin:14px 0 10px;display:flex}.weather-icon{font-size:42px;line-height:1}.weather-temps{font-size:26px;font-weight:600}.temp-min{color:var(--muted);font-weight:400}.weather-desc{color:var(--muted);font-size:14px}.weather-row{align-items:baseline;gap:10px;padding:7px 0;font-size:15px;display:flex}.weather-label{color:var(--muted);width:52px}.weather-hour{color:var(--muted);font-size:14px}.dot{border-radius:50%;flex-shrink:0;align-self:center;width:10px;height:10px}.dot.green{background:#4caf50}.dot.yellow{background:#f3b71c}.dot.red{background:#d43f3a}.attribution{text-align:center;color:var(--faint);margin-top:48px;font-size:12px}.board{max-width:560px;margin:0 auto;padding:0 20px 110px}header{z-index:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);background:#ffffffeb;justify-content:space-between;align-items:center;padding:10px 0;display:flex;position:sticky;top:0}.back{color:var(--muted);padding:6px 10px 6px 0;font-size:18px;line-height:1;text-decoration:none}.back:hover{color:var(--ink)}.ghost{color:var(--muted);padding:6px 8px}.ghost:hover{color:var(--ink)}.group{margin-top:32px}.group-head{align-items:center;gap:8px;display:flex}.group-head h2{letter-spacing:.3px;color:var(--muted);margin:0;font-size:13px;font-weight:600}.star{color:var(--faint);padding:4px 0;font-size:15px;line-height:1}.star.active{color:var(--ink)}.mini-add{color:var(--faint);padding:4px 6px;font-size:17px;line-height:1}.mini-add:hover,.star:hover{color:var(--ink)}.group ul{margin:4px 0 0;padding:0;list-style:none}.group-empty{color:var(--faint);padding:8px 0;font-size:14px;font-style:italic}.task{align-items:center;gap:12px;display:flex}.task-name{text-align:left;flex:1;padding:9px 0}.task.done .task-name{color:var(--faint);text-decoration:line-through}.check{cursor:pointer;place-items:center;display:grid}.check input{opacity:0;width:0;height:0;position:absolute}.check span{border:1.5px solid var(--faint);border-radius:50%;place-items:center;width:18px;height:18px;display:grid}.check input:checked+span{background:var(--ink);border-color:var(--ink)}.check input:checked+span:after{content:"✓";color:#fff;font-size:11px}.empty{text-align:center;color:var(--muted);margin-top:80px}.fab{background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:52px;height:52px;font-size:26px;line-height:1;display:grid;position:fixed;bottom:28px;right:max(24px,50vw - 256px);box-shadow:0 6px 20px #0000002e}.overlay{z-index:2;background:#0000002e;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:14px;flex-direction:column;gap:14px;width:min(400px,100%);padding:20px;display:flex;box-shadow:0 12px 40px #00000024}.modal h2{margin:0;font-size:16px;font-weight:600}.chips{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chip{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:4px 12px;font-size:14px}.chip.active{background:var(--ink);border-color:var(--ink);color:#fff}.chip-input{border:1px dashed var(--line);border-radius:999px;width:110px;padding:4px 12px;font-size:14px}.modal-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}@media (width<=480px){.overlay{align-items:end;padding:0}.modal{width:100%;padding-bottom:max(20px, env(safe-area-inset-bottom));border-radius:14px 14px 0 0}}