:root{--bg:#F7F4EE;--surface:#FFFDF8;--ink:#2C2822;--muted:#8C8477;--line:#E8E2D6;--brand:#322E28;--accent:#B65C3F;--green:#4E7A45;--red:#A83E2B}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--ink)}.center{min-height:100vh;display:grid;place-items:center;padding:20px}.muted{color:var(--muted)}.error{color:var(--red);font-size:13px;margin:6px 0}.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 40px -20px #3c322366;padding:26px}.auth{width:min(380px,92vw)}.auth h1{margin:0 0 4px;font-size:24px}.field{width:100%;font:inherit;font-size:15px;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);margin-top:10px;outline:none}.field:focus{border-color:var(--accent);box-shadow:0 0 0 3px #b65c3f24}.btn{font:inherit;font-weight:600;border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:10px 16px;cursor:pointer}.btn.primary{background:var(--brand);border-color:var(--brand);color:#fbf7ef}.btn.block{width:100%;margin-top:14px}.link{background:none;border:none;color:var(--accent);font:inherit;font-weight:600;cursor:pointer;padding:0}.divider{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px;margin:16px 0;text-transform:uppercase;letter-spacing:.06em}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--line)}.gbtn{display:flex;justify-content:center}.switch{margin-top:16px;font-size:13px;text-align:center;color:var(--muted)}.app{max-width:760px;margin:0 auto;padding:16px}.topbar{display:flex;justify-content:space-between;align-items:center;padding:6px 2px 16px}.brand{font-weight:700;font-size:20px}.syncbar{display:inline-flex;align-items:center;gap:7px;font:inherit;font-size:12px;font-weight:600;border:1px solid var(--line);background:var(--surface);border-radius:20px;padding:6px 12px;cursor:pointer;color:var(--muted)}.syncbar .dot{width:8px;height:8px;border-radius:50%;background:var(--muted)}.syncbar.ok .dot{background:var(--green)}.syncbar.busy .dot{background:var(--accent)}.syncbar.pend .dot{background:#96690f}.syncbar.off .dot{background:#8c8477}.syncbar.err .dot{background:var(--red)}.board-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:13px}.addbar{display:flex;gap:8px;margin-bottom:14px}.addbar .field{margin-top:0}.list{list-style:none;margin:0;padding:0;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}.row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--line)}.row:last-child{border-bottom:none}.row.done .row-title{color:var(--muted);text-decoration:line-through}.row-title{flex:1;font:inherit;border:1px solid transparent;background:transparent;border-radius:8px;padding:6px 8px;outline:none}.row-title:focus{background:#fff;border-color:var(--accent)}.row select,.row-due{font:inherit;font-size:13px;border:1px solid var(--line);border-radius:8px;padding:5px 8px;background:var(--surface)}.del{color:var(--muted)}.del:hover{color:var(--red)}.empty{padding:26px;text-align:center}.note{font-size:12px;margin-top:14px;line-height:1.5}code{background:#efebe1;border-radius:5px;padding:1px 5px;font-size:12px}