:root{--bg: #f4f1ea;--bg-elev: #fffdf9;--card: #fffdf9;--card-border: #e2dbcd;--text: #1f2a2b;--text-dim: #6b7270;--text-faint: #9a9c95;--accent: #1f6360;--accent-soft: #e2ebe7;--accent-deep: #164a48;--terracotta: #b4553a;--terracotta-soft: #f6e6df;--red: #a83a32;--red-soft: #f7e3e0;--amber: #b8863c;--green: #5c7f5a;--plum: #6b4a6e;--radius: 14px;--radius-sm: 10px;--shadow: 0 10px 30px rgba(31, 42, 43, .12);--shadow-soft: 0 1px 2px rgba(31, 42, 43, .06), 0 4px 14px rgba(31, 42, 43, .05);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,system-ui,sans-serif;font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased;overflow:hidden}button{font-family:inherit;font-size:inherit;color:inherit;background:none;border:none;cursor:pointer}input,textarea{font-family:inherit;font-size:inherit;color:var(--text);background:none;border:none;outline:none}.app{display:flex;flex-direction:column;height:100%;max-width:900px;margin:0 auto}.topbar{display:flex;align-items:center;gap:12px;padding:calc(var(--safe-top) + 14px) 18px 12px;background:#f4f1eae6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:20}.brand{font-weight:700;font-size:17px;letter-spacing:-.01em}.brand{text-transform:none}.brand .dot{color:var(--terracotta)}.tabs{display:flex;gap:4px;margin-left:auto;background:#1f636014;padding:3px;border-radius:11px}.tab{padding:7px 14px;border-radius:11px;color:var(--text-dim);font-weight:600;font-size:13px;transition:all .18s}.tab.active{background:var(--accent);color:#fffdf9}.conn{width:8px;height:8px;border-radius:50%;background:var(--red);transition:background .3s;flex-shrink:0}.conn.on{background:var(--green)}.scroll{flex:1;overflow-y:auto;padding:8px 18px calc(var(--safe-bottom) + 120px);-webkit-overflow-scrolling:touch}.widgets{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:8px 0 18px}@media (max-width: 560px){.widgets{grid-template-columns:repeat(2,1fr)}}.widget{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);padding:14px;display:flex;flex-direction:column;gap:2px;box-shadow:var(--shadow-soft)}.widget .num{font-size:27px;font-weight:650;letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--text)}.widget .lbl{font-size:11px;color:var(--text-dim);font-weight:500;letter-spacing:.02em}.widget.accent .num{color:var(--accent)}.widget.red .num{color:var(--red)}.widget.amber .num{color:var(--amber)}.widget.green .num{color:var(--green)}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;background:var(--card);border:1px solid var(--card-border);color:var(--text-dim);font-size:13px;font-weight:500;transition:all .18s}.chip .cdot{width:8px;height:8px;border-radius:50%}.chip .count{color:var(--text-faint);font-size:12px}.chip.active{color:#fffdf9;border-color:var(--accent);background:var(--accent)}.chip.active .count{color:#fffdf9b3}.chip.add{color:var(--text-faint);border-style:dashed}.group-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);margin:18px 4px 8px}.group-title.overdue{color:var(--red)}.tasklist{display:flex;flex-direction:column;gap:8px}.task{display:flex;align-items:flex-start;gap:12px;background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);padding:13px 14px;box-shadow:var(--shadow-soft);transition:background .18s,opacity .2s}.task:hover{border-color:#d3c9b6}.task:active{background:var(--accent-soft)}.task.done{opacity:.55}.check{width:22px;height:22px;border-radius:50%;border:2px solid var(--text-faint);flex-shrink:0;margin-top:1px;display:grid;place-items:center;transition:all .18s}.check.on{background:var(--green);border-color:var(--green)}.check svg{width:12px;height:12px;opacity:0}.check.on svg{opacity:1}.task-main{flex:1;min-width:0}.task-title{font-weight:500;word-break:break-word}.task.done .task-title{text-decoration:line-through}.task-meta{display:flex;align-items:center;gap:8px;margin-top:7px;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--text-dim);font-weight:500}.badge .cdot{width:7px;height:7px;border-radius:50%}.badge.due-over{color:var(--red)}.badge.due-today{color:var(--amber)}.status-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;border:1px solid var(--card-border);font-size:11px;font-weight:600;background:var(--bg);transition:transform .12s}.status-pill:active{transform:scale(.94)}.status-pill .cdot{width:6px;height:6px;border-radius:50%}.star{color:var(--text-faint)}.star.on{color:var(--amber)}.task-del{color:var(--text-faint);padding:2px 6px;font-size:18px;line-height:1;align-self:flex-start}.empty{text-align:center;color:var(--text-faint);padding:60px 20px;font-size:14px}.archive-toggle{display:flex;align-items:center;gap:8px;margin:24px 4px 8px;color:var(--text-dim);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.archive-toggle .count{color:var(--text-faint)}.link-btn{color:var(--accent);font-size:12px;font-weight:600}.hint{color:var(--text-dim);font-size:12px;line-height:1.6;margin:20px 4px 8px;padding:12px 0 12px 14px;border-left:2px solid var(--accent);background:none}.fab{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:calc(var(--safe-bottom) + 22px);width:56px;height:56px;border-radius:20px;background:var(--terracotta);color:#fffdf9;font-size:28px;display:grid;place-items:center;box-shadow:var(--shadow);z-index:30}.app>.fab{right:max(18px,calc((100vw - 900px)/2 + 18px))}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#786e9147;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:40;display:flex;align-items:flex-end;justify-content:center;animation:fade .15s}@media (min-width: 640px){.overlay{align-items:center}}@keyframes fade{0%{opacity:0}}.sheet{background:var(--bg-elev);border:1px solid var(--card-border);border-radius:24px 24px 0 0;width:100%;max-width:520px;padding:20px 20px calc(var(--safe-bottom) + 20px);box-shadow:var(--shadow);animation:slideup .2s ease}@media (min-width: 640px){.sheet{border-radius:24px;margin:20px}}@keyframes slideup{0%{transform:translateY(30px);opacity:.4}}.sheet h3{font-size:17px;margin-bottom:16px}.field{margin-bottom:14px}.field label{display:block;font-size:12px;color:var(--text-dim);margin-bottom:6px;font-weight:600}.field input[type=text],.field input[type=password],.field textarea,.field input[type=date],.field input[type=datetime-local]{width:100%;background:var(--bg);border:1px solid var(--card-border);border-radius:var(--radius-sm);padding:11px 12px;color:var(--text);color-scheme:light}.field textarea{resize:vertical;min-height:60px}.cat-picker{display:flex;gap:8px;flex-wrap:wrap}.cat-opt{padding:7px 12px;border-radius:20px;border:1px solid var(--card-border);color:var(--text-dim);font-size:13px;display:inline-flex;align-items:center;gap:6px;background:var(--bg)}.cat-opt.active{color:var(--text);border-color:var(--accent);background:var(--accent-soft)}.cat-opt .cdot{width:8px;height:8px;border-radius:50%}.sheet-actions{display:flex;gap:10px;margin-top:20px}.btn{flex:1;padding:13px;border-radius:var(--radius-sm);font-weight:600;text-align:center;transition:opacity .15s}.btn:active{opacity:.85}.btn.primary{background:var(--accent);color:#fffdf9}.btn.ghost{background:var(--bg);border:1px solid var(--card-border);color:var(--text-dim)}.btn.danger{background:var(--red-soft);color:var(--red)}.priority-toggle{display:flex;align-items:center;gap:8px;padding:11px 12px;background:var(--bg);border:1px solid var(--card-border);border-radius:var(--radius-sm);color:var(--text-dim);width:100%}.priority-toggle.on{color:var(--terracotta);border-color:var(--terracotta);background:var(--terracotta-soft)}.cat-list{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.cat-row{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--bg);border:1px solid var(--card-border);border-radius:var(--radius-sm)}.cat-row .cdot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.cat-row-name{flex:1;font-weight:500}.cat-row-count{color:var(--text-faint);font-size:12px}.cat-row-btn{padding:4px 8px;font-size:12px;font-weight:600;color:var(--text-dim);border-radius:8px}.cat-row-btn:active{background:var(--accent-soft)}.swatches{display:flex;gap:8px;flex-wrap:wrap}.swatch{width:30px;height:30px;border-radius:50%;border:2px solid transparent}.swatch.active{border-color:var(--text-dim)}.mail{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);padding:13px 14px;box-shadow:var(--shadow-soft)}.mail.seen{opacity:.65}.mail.pinned{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent)}.mail-top{display:flex;align-items:center;gap:8px}.unread-dot{width:7px;height:7px;border-radius:50%;background:var(--terracotta);flex-shrink:0}.pin-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--accent);border:1px solid var(--accent);border-radius:5px;padding:1px 5px}.mail-from{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-date{margin-left:auto;color:var(--text-faint);font-size:12px;flex-shrink:0}.mail-subject{color:var(--text-dim);font-size:13px;margin:4px 0 10px;word-break:break-word}.ai-verdict{display:flex;align-items:center;gap:8px;margin:0 0 10px;flex-wrap:wrap}.ai-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border:1px solid;border-radius:20px;font-size:11px;font-weight:700}.ai-reason{font-size:11px;color:var(--text-faint)}.mail-actions{display:flex;gap:6px;flex-wrap:wrap}.mail-actions button{padding:6px 11px;border-radius:9px;background:var(--bg);border:1px solid var(--card-border);color:var(--text-dim);font-size:12px;font-weight:500}.mail-actions button:active{background:var(--accent-soft)}.mail-actions button:disabled{opacity:.45}.mail-actions button.teach.up{color:var(--terracotta);border-color:var(--terracotta)}.mail-actions button.draft{color:var(--accent);border-color:var(--accent)}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--safe-bottom) + 26px);background:var(--bg-elev);border:1px solid var(--accent);color:var(--text);padding:11px 18px;border-radius:14px;font-size:13px;font-weight:600;box-shadow:var(--shadow);z-index:50;animation:slideup .2s ease}.placeholder{text-align:center;padding:80px 24px;color:var(--text-dim)}.placeholder .big{font-size:40px;margin-bottom:12px}.placeholder h2{font-size:18px;margin-bottom:8px;color:var(--text)}