:root{--bg:#111318;--panel:#1a1d24;--line:#2a2e38;--fg:#e8eaf0;--dim:#9aa1b0;--accent:#5b9dff;--danger:#ff6b6b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);-webkit-tap-highlight-color:transparent;margin:0;font-family:system-ui,-apple-system,Hiragino Sans,sans-serif;font-size:16px}.app,.login{max-width:32rem;padding:1rem 1rem calc(2rem + env(safe-area-inset-bottom));padding-top:calc(1rem + env(safe-area-inset-top));margin:0 auto}header{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}h1{margin:0;font-size:1.25rem}.center{text-align:center;color:var(--dim);padding:3rem 1rem}input,button{font:inherit;color:inherit}input[type=text],input[type=password],input[type=datetime-local],.title{background:var(--panel);border:1px solid var(--line);border-radius:.6rem;width:100%;padding:.7rem .8rem}.form{flex-direction:column;gap:.6rem;margin-bottom:1.25rem;display:flex}.form .row{align-items:center;gap:.6rem;display:flex}.form .row input[type=datetime-local]{flex:1;min-width:0}.check{white-space:nowrap;color:var(--dim);align-items:center;gap:.3rem;display:flex}button{background:var(--accent);color:#08101f;cursor:pointer;border:none;border-radius:.6rem;padding:.7rem 1rem;font-weight:600}button:disabled{opacity:.45;cursor:default}.push{background:var(--panel);color:var(--dim);border:1px solid var(--line);padding:.4rem .7rem;font-size:.85rem}.push.on{color:var(--fg);border-color:var(--accent)}.hint{color:var(--dim);text-align:right;font-size:.8rem}.hint.left{text-align:left;flex:1}select.repeat{background:var(--panel);border:1px solid var(--line);color:inherit;font:inherit;border-radius:.6rem;flex:1;padding:.6rem .7rem}.row.weekdays{gap:.3rem}button.day{background:var(--panel);border:1px solid var(--line);color:var(--dim);border-radius:.5rem;flex:1;padding:.45rem 0;font-size:.85rem;font-weight:400}button.day.on{background:var(--accent);border-color:var(--accent);color:#08101f;font-weight:600}.monthday{background:var(--panel);border:1px solid var(--line);text-align:center;border-radius:.6rem;width:4.5rem;padding:.6rem .5rem}.row.shortcuts{gap:.4rem}button.small{flex:1;padding:.4rem .3rem;font-size:.8rem;font-weight:400}.inbox{flex-direction:column;gap:.5rem;margin-bottom:1.25rem;display:flex}.draft{background:var(--panel);border:1px solid var(--accent);border-radius:.6rem;overflow:hidden}.draft-head{width:100%;color:inherit;font:inherit;text-align:left;background:0 0;justify-content:space-between;align-items:center;gap:.5rem;padding:.7rem .8rem;font-weight:400;display:flex}.draft-title{overflow-wrap:anywhere}.draft-count{color:var(--dim);white-space:nowrap;font-size:.78rem}.draft-body{flex-direction:column;gap:.7rem;padding:0 .8rem .8rem;display:flex}.draft-summary{color:var(--dim);white-space:pre-wrap;margin:0;font-size:.8rem}.candidates{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.candidates li{background:var(--bg);border:1px solid var(--line);border-radius:.5rem;padding:.5rem .6rem}.candidates label{cursor:pointer;align-items:flex-start;gap:.6rem;display:flex}.candidates input[type=checkbox]{width:1.2rem;height:1.2rem;accent-color:var(--accent);flex-shrink:0;margin-top:.15rem}.cand-body{flex-direction:column;gap:.2rem;min-width:0;display:flex}.quote{color:var(--dim);opacity:.85;overflow-wrap:anywhere;font-size:.72rem}textarea{background:var(--panel);border:1px solid var(--line);width:100%;font:inherit;color:inherit;resize:vertical;border-radius:.6rem;padding:.7rem .8rem}.form.paste{text-align:left;margin-top:.5rem}.list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.list li{background:var(--panel);border:1px solid var(--line);border-radius:.6rem;align-items:center;gap:.5rem;padding:.7rem .8rem;display:flex}.list input[type=checkbox]{width:1.25rem;height:1.25rem;accent-color:var(--accent);flex-shrink:0}.body{min-width:0;font:inherit;color:inherit;text-align:left;background:0 0;border:none;flex-direction:column;flex:1;align-items:flex-start;gap:.15rem;padding:.2rem 0;display:flex}.text{overflow-wrap:anywhere}.when{color:var(--dim);font-size:.78rem}.when.overdue{color:var(--danger)}.when.repeat{opacity:.75;font-size:.72rem}footer{text-align:center;margin-top:2.5rem}.health{color:var(--dim);margin:0 0 .4rem;font-size:.75rem}.health.warn,.health.down{text-align:left;border-radius:.6rem;padding:.6rem .8rem;font-size:.85rem}.health.down{border:1px solid var(--danger);color:#ffd7d7;background:#3a1f24}.health.warn{color:#ffe9c2;background:#3a3320;border:1px solid #d9a441}button.link{color:var(--dim);background:0 0;padding:.5rem;font-size:.8rem;font-weight:400;text-decoration:underline}.list.done{opacity:.5}.list.done .text{text-decoration:line-through}.remove{color:var(--dim);background:0 0;padding:.2rem .5rem;font-size:1.1rem}.list li.highlight{border-color:var(--accent);box-shadow:0 0 0 3px #5b9dff33}.list li.editing{border-color:var(--accent);padding:.8rem;display:block}.list li.editing .form{margin-bottom:0}.row.buttons button{flex:1}button.ghost{border:1px solid var(--line);color:var(--dim);background:0 0}.section{color:var(--dim);margin:1.5rem 0 .5rem;font-size:.85rem;font-weight:600}.empty{color:var(--dim);text-align:center;padding:2rem 0}.error{border:1px solid var(--danger);color:#ffd7d7;background:#3a1f24;border-radius:.6rem;margin:0 0 1rem;padding:.6rem .8rem;font-size:.9rem}.login{flex-direction:column;gap:.8rem;padding-top:25vh;display:flex}
