:root{--bg:#f8fafc;--fg:#0f172a;--card:#fff;--muted:#64748b;--accent:#2a7a9b;--line:#e2e8f0}@media (prefers-color-scheme:dark){:root{--bg:#0f172a;--fg:#f1f5f9;--card:#1e293b;--muted:#94a3b8;--line:#334155}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font:16px/1.4 system-ui,sans-serif}.app{max-width:720px;padding:0 12px 40px;padding-top:env(safe-area-inset-top);margin:0 auto}header{flex-wrap:wrap;align-items:center;gap:10px;padding:12px 0;display:flex}header nav{gap:4px;margin-left:auto;display:flex}.who{border-left:4px solid;padding-left:6px;font-size:.9em}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;margin:8px 0;padding:12px;display:block}.card.row,.row{align-items:center;gap:10px;display:flex}.grow{flex:1;min-width:0}.login{flex-direction:column;gap:10px;max-width:380px;margin:12vh auto;display:flex}input,select,button{font:inherit;border:1px solid var(--line);background:var(--card);color:var(--fg);border-radius:8px;padding:10px}input[type=checkbox]{width:22px;height:22px;padding:0}button{cursor:pointer}button.primary{background:var(--accent);color:#fff;border:0;font-weight:600}button.link{color:var(--accent);background:0 0;border:0;padding:6px}button.danger{color:#dc2626}.tabs,header nav{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.tabs button.on,nav button.on{background:var(--accent);color:#fff;border-color:var(--accent)}ul.plain{margin:0;padding:0;list-style:none}.done .grow{color:var(--muted);text-decoration:line-through}small{color:var(--muted);font-size:.8em;display:block}.chip{color:#fff;border-radius:99px;margin-right:4px;padding:1px 8px;font-size:.95em}.dot{border-radius:50%;width:14px;height:14px}.overdue{color:#dc2626;font-weight:600}.error{color:#dc2626;margin:0}.empty,.center{text-align:center;color:var(--muted);padding:24px}.options{flex-direction:column;gap:8px;margin-top:8px;display:flex}.assign{flex-wrap:wrap;gap:12px;display:flex}.assign label{align-items:center;gap:4px;display:flex}.small{color:var(--muted);align-items:center;gap:6px;margin-top:8px;font-size:.85em;display:flex}.muted{color:var(--muted);margin:0 0 8px}h3{margin:20px 0 4px;font-size:1rem}.notice{border-color:var(--accent)}.plan{overflow-x:auto}.plan table{border-collapse:collapse;width:100%}.plan th,.plan td{text-align:left;border-bottom:1px solid var(--line);padding:6px 4px;font-weight:400}.plan thead th{font-size:.85em;font-weight:600}.plan select{max-width:100px;padding:4px}code{background:var(--line);word-break:break-all;border-radius:6px;padding:2px 6px}.mine{color:var(--accent);font-weight:700}.brand{align-items:center;gap:8px;display:flex}.brand img{border-radius:7px}.day{margin-top:12px}.day h3{margin:0 0 4px;font-size:.95rem}.day.today h3{color:var(--accent)}.event{border-left:5px solid var(--accent);cursor:pointer;margin:4px 0;padding:8px 10px}.event .time{min-width:76px}.details{flex-direction:column;gap:4px;margin-top:6px;display:flex}.pre{white-space:pre-wrap}textarea{font:inherit;border:1px solid var(--line);background:var(--card);color:var(--fg);border-radius:8px;padding:10px}a.btn{background:var(--accent);color:#fff;border-radius:8px;padding:10px;text-decoration:none;display:inline-block}details summary{cursor:pointer}.card form.options,form.options{margin-top:8px}form.card>input:not([type=checkbox]),form.card>select,form.card>textarea{width:100%}.row>input[type=date],.row>input[type=time],.row>select{flex:1;min-width:0}.timetable{overflow-x:auto}.timetable table{border-collapse:collapse;width:100%;font-size:.9em}.timetable th,.timetable td{border:1px solid var(--line);text-align:center;min-width:52px;padding:4px}.timetable td input{box-sizing:border-box;width:100%;padding:2px;font-size:.9em}.timetable .today{background:color-mix(in srgb, var(--accent) 12%, transparent)}.card.done{opacity:.55}.card.done .grow{text-decoration:line-through}