:root{--bg: #ffffff;--surface: #f6f7f9;--text: #16181d;--muted: #6b7280;--line: #e5e7eb;--accent: #8b5cf6;--danger: #ef4444}@media (prefers-color-scheme: dark){:root{--bg: #101114;--surface: #191b20;--text: #e8eaed;--muted: #9aa0a6;--line: #2a2d34;--accent: #a78bfa;--danger: #f87171}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.today{max-width:680px;margin:0 auto;padding:24px 16px 96px}.quick-add input{width:100%;padding:14px 16px;font-size:17px;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:12px}.quick-add input:focus{outline:2px solid var(--accent);outline-offset:-1px}.group{margin-top:32px}.group h2{margin:0 0 12px;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.group-overdue h2{color:var(--danger)}.group ul{list-style:none;margin:0;padding:0}.task-row{display:flex;align-items:center;gap:12px;padding:4px;border-bottom:1px solid var(--line)}.task-hit-area{display:flex;align-items:center;gap:12px;flex:1;min-height:44px;padding:12px 0;margin:-4px 0;cursor:pointer}.task-row input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent);flex:none}.task-priority{width:6px;height:6px;border-radius:50%;flex:none}.task-title{flex:1}.task-subcount{font-size:13px;color:var(--muted)}.task-due{font-size:13px;color:var(--muted);white-space:nowrap}.empty,.loading{color:var(--muted);text-align:center;margin-top:48px}.error{color:var(--danger)}.login{max-width:320px;margin:15vh auto;display:flex;flex-direction:column;gap:12px;padding:0 16px}.login h1{text-align:center;margin:0 0 12px}.login input,.login button{padding:12px 14px;font-size:16px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--text)}.login button{background:var(--accent);color:#fff;border:none;cursor:pointer}.panel{position:fixed;inset:auto 0 0 0;max-height:85vh;overflow-y:auto;background:var(--surface);border-top:1px solid var(--line);border-radius:16px 16px 0 0;padding:20px 16px 32px;box-shadow:0 -8px 32px #00000040}@media (min-width: 720px){.panel{inset:10vh 50% auto auto;transform:translate(50%);width:480px;border-radius:16px;border:1px solid var(--line)}}.panel h2{margin:0 0 16px;font-size:18px}.field{display:block;margin-bottom:14px}.field>span{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}.field input,.field select{width:100%;min-height:44px;padding:10px 12px;font-size:16px;border-radius:10px;border:1px solid var(--line);background:var(--bg);color:var(--text)}.field small{display:block;margin-top:6px;font-size:12px;color:var(--muted)}.weekdays{display:flex;gap:6px;flex-wrap:wrap}.day{min-width:44px;min-height:44px;border-radius:10px;cursor:pointer;border:1px solid var(--line);background:var(--bg);color:var(--text)}.day.on{background:var(--accent);color:#fff;border-color:var(--accent)}.panel-actions{display:flex;gap:10px;margin-top:20px}.panel-actions button{flex:1;min-height:44px;border-radius:10px;font-size:16px;cursor:pointer;border:1px solid var(--line);background:var(--bg);color:var(--text)}.panel-actions button[type=submit]{background:var(--accent);color:#fff;border-color:var(--accent)}.reminder-list{list-style:none;padding:0;margin:0 0 16px}.reminder-list li{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--line)}.reminder-list li em{color:var(--accent);font-style:normal;font-size:13px}.reminder-list li button{margin-left:auto;min-height:44px;padding:0 12px}.task-remind{background:none;border:none;cursor:pointer;font-size:18px;min-width:44px;min-height:44px}.tabs{display:flex;gap:4px;align-items:center;padding:10px 16px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--bg);z-index:5}.tabs a{padding:8px 12px;border-radius:8px;text-decoration:none;color:var(--muted);font-size:15px;min-height:44px;display:flex;align-items:center}.tabs a.active{color:var(--text);background:var(--surface)}.tabs .logout{margin-left:auto;background:none;border:none;color:var(--muted);cursor:pointer;min-height:44px}.page-title{font-size:20px;margin:0 0 20px}.hint{color:var(--muted);font-size:14px;line-height:1.5;background:var(--surface);padding:12px;border-radius:10px}.missed-list,.device-list{list-style:none;padding:0;margin:0}.missed-list button{margin-left:auto;min-height:44px;border-radius:8px;border:1px solid var(--line);background:var(--bg);color:var(--text);cursor:pointer;padding:0 14px}.device{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.device small{display:block;color:var(--muted);font-size:12px}.device-state{margin-left:auto;font-size:13px;color:var(--muted);text-align:right}.device.dead{opacity:.75}