:root{--text:#4a4453;--bg:#fdfcfb;color:var(--text);background:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font:16px/1.5 system-ui,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#d6d3da;--bg:#1a1820}}body{margin:0}main{text-align:center;place-content:center;gap:4px;min-height:100svh;display:grid}h1{margin:0;font-weight:500}.db-status{opacity:.6;margin:0;font-size:14px}button{font:inherit;color:inherit;cursor:pointer;opacity:.8;background:0 0;border:1px solid;border-radius:999px;justify-self:center;margin-top:16px;padding:8px 20px;font-size:14px}button:hover{opacity:1}.name-input{font:inherit;text-align:center;color:inherit;background:0 0;border:none;border-bottom:2px solid;outline:none;justify-self:center;max-width:220px;margin-top:8px;padding:6px 12px}.swatches{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:20px;display:flex}.swatch{border:none;border-radius:50%;width:40px;height:40px;margin:0;padding:0}.swatch:disabled{opacity:.25;cursor:not-allowed}.swatch-selected{outline-offset:3px;outline:3px solid}button:disabled{opacity:.35;cursor:not-allowed}.pair{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:20px;display:flex}.pair-card{border:2px solid var(--text);border-radius:16px;justify-items:center;gap:4px;padding:20px 28px;display:grid}.pair-card-empty{opacity:.5;border-style:dashed;align-content:center}.pair-dot{border-radius:50%;width:14px;height:14px}.pair-label{opacity:.6;font-size:13px}.pair-clock{font-variant-numeric:tabular-nums;font-size:20px}.home{align-content:start;padding-top:48px}.todos{justify-self:center;width:min(90vw,420px);margin-top:32px}.todo-add{justify-content:center;align-items:center;gap:8px;display:flex}.todo-add button{margin-top:0}.todo-input{text-align:left;flex:1;max-width:none;margin-top:0}.todo-list{gap:10px;margin:20px 0 0;padding:0;list-style:none;display:grid}.todo{text-align:left;align-items:center;gap:12px;display:flex}.todo-check{border:2px solid;border-radius:50%;flex-shrink:0;width:22px;height:22px;margin:0;padding:0}.todo-check:disabled{cursor:default;opacity:1}.todo-body{flex:1;gap:2px;display:grid}.todo-done .todo-text{opacity:.45;text-decoration:line-through}.todo-due{opacity:.55;text-transform:lowercase;font-variant-numeric:tabular-nums;font-size:12px}.todo-late{color:#c96a6a;opacity:1}.todo-when{font:inherit;color:inherit;opacity:.6;background:0 0;border:1px solid;border-radius:8px;justify-self:center;width:fit-content;margin-top:10px;padding:4px 10px;font-size:13px}.todos{display:grid}.views{justify-content:center;gap:4px;margin-top:24px;display:flex}.view-tab{opacity:.5;border:none;margin-top:0}.view-tab-active{opacity:1;border:1px solid}.calendar{justify-self:center;gap:12px;width:min(94vw,460px);margin-top:24px;display:grid}.cal-nav{justify-content:space-between;align-items:center;display:flex}.cal-nav button{border:none;margin-top:0}.cal-title{text-transform:lowercase}.cal-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.cal-dow{opacity:.5;text-align:center;padding-bottom:4px;font-size:11px}.cal-day{border:1px solid #0000;border-radius:8px;align-content:start;justify-items:center;gap:3px;min-height:52px;margin:0;padding:6px 2px 4px;font-size:13px;display:grid}.cal-day-out{opacity:.25}.cal-day-today{border-color:currentColor}.cal-day-selected{background:#7f7f7f26}.cal-marks{flex-wrap:wrap;justify-content:center;gap:3px;display:flex}.cal-mark{border-radius:50%;width:6px;height:6px}.day-panel{text-align:left;gap:10px;display:grid}.day-events{gap:10px;margin:0;padding:0;list-style:none;display:grid}.day-event{align-items:center;gap:10px;display:flex}.cal-time{margin-top:0}.cal-repeat{flex:1;margin-top:0}.repeat-tag{opacity:.55;font-size:12px}.todo-delete{opacity:.4;border:none;margin:0;padding:2px 10px;font-size:13px}.todo-delete:hover{opacity:.9}