*,*:before,*:after{box-sizing:border-box}:root{--bg: #ffffff;--fg: #111111;--fg-subtle: #666666;--border: #e0e0e0;--hover: #f5f5f5;--accent: #0066cc;--danger: #cc0000}@media(prefers-color-scheme:dark){:root{--bg: #1c1c1e;--fg: #f2f2f7;--fg-subtle: #8e8e93;--border: #38383a;--hover: #2c2c2e;--accent: #0a84ff;--danger: #ff453a}}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.5;background:var(--bg);color:var(--fg);margin:0;padding:0}.screen{max-width:600px;margin:0 auto;padding:16px}.hidden{display:none!important}h1{font-size:1.5rem;font-weight:600;margin:0 0 24px}header{display:flex;align-items:center;gap:8px;padding-bottom:12px;border-bottom:1px solid var(--border);margin-bottom:8px}#list-switcher{font-size:15px;font-weight:500;border:none;background:transparent;color:var(--fg);cursor:pointer;flex:1;padding:4px 0;outline:none}#sync-status{font-size:13px;color:var(--fg-subtle);white-space:nowrap}#btn-manage{font-size:13px;color:var(--fg-subtle);background:none;border:1px solid var(--border);border-radius:6px;padding:4px 10px;cursor:pointer;white-space:nowrap}#btn-manage:hover{background:var(--hover)}#form-add-task{margin-bottom:4px}#input-new-task{width:100%;font-size:15px;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--fg);outline:none}#input-new-task:focus{border-color:var(--accent)}#input-new-task::placeholder{color:var(--fg-subtle)}#task-list{list-style:none;margin:0;padding:0}#task-list li{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--border);min-height:44px}#task-list li:last-child{border-bottom:none}#task-list li.empty{color:var(--fg-subtle);font-size:14px;justify-content:center;border-bottom:none}.check{flex-shrink:0;width:18px;height:18px;cursor:pointer;accent-color:var(--accent)}.task-title{flex:1;cursor:pointer;word-break:break-word;min-width:0}.task-title:hover{text-decoration:underline;text-decoration-style:dotted}.edit-title{flex:1;font-size:15px;font-family:inherit;padding:3px 6px;border:1px solid var(--accent);border-radius:4px;background:var(--bg);color:var(--fg);outline:none;min-width:0}.due{flex-shrink:0;font-size:12px;color:var(--fg-subtle);white-space:nowrap}.due.overdue{color:var(--danger);font-weight:500}#saved-lists{margin-bottom:24px}#saved-lists table{width:100%;border-collapse:collapse;font-size:14px}#saved-lists td{padding:8px 4px;border-bottom:1px solid var(--border);vertical-align:middle}#saved-lists td:last-child{text-align:right}.token-masked{color:var(--fg-subtle);font-family:monospace;font-size:13px}.btn-remove{font-size:13px;color:var(--danger);background:none;border:none;cursor:pointer;padding:4px 8px}.btn-remove:hover{text-decoration:underline}#form-add-list{display:flex;flex-direction:column;gap:10px}#form-add-list input{font-size:15px;font-family:inherit;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--fg);outline:none}#form-add-list input:focus{border-color:var(--accent)}#form-add-list input::placeholder{color:var(--fg-subtle)}#form-add-list button[type=submit]{font-size:15px;font-family:inherit;font-weight:500;padding:10px 16px;background:var(--accent);color:#fff;border:none;border-radius:8px;cursor:pointer}#form-add-list button[type=submit]:hover{opacity:.9}