:root{color-scheme:light dark;--accent: #4f6ef7;--accent-strong: #3b56d4;--accent-soft: rgba(79, 110, 247, .12);--accent-soft-strong: rgba(79, 110, 247, .2);--bg: #f4f5f7;--surface: #ffffff;--surface-2: #eef0f4;--surface-hover: #e7eaf0;--border: #e3e6ec;--border-strong: #d2d7e0;--text: #1a1d24;--text-dim: #6b7280;--text-faint: #9aa1ab;--danger: #e5484d;--danger-soft: rgba(229, 72, 77, .12);--success: #1faf6e;--prio-low: #9aa1ab;--prio-medium: #4f6ef7;--prio-high: #f59e0b;--prio-urgent: #e5484d;--prio-low-bg: rgba(154, 161, 171, .14);--prio-medium-bg: rgba(79, 110, 247, .14);--prio-high-bg: rgba(245, 158, 11, .16);--prio-urgent-bg: rgba(229, 72, 77, .16);--radius-sm: 8px;--radius: 10px;--radius-lg: 14px;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .05);--shadow-md: 0 8px 24px rgba(16, 24, 40, .1);--shadow-lg: 0 16px 48px rgba(16, 24, 40, .16);--font: -apple-system, "Segoe UI", "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif}@media (prefers-color-scheme: dark){:root{--accent: #6b85ff;--accent-strong: #8a9eff;--accent-soft: rgba(107, 133, 255, .16);--accent-soft-strong: rgba(107, 133, 255, .26);--bg: #0f1115;--surface: #171a21;--surface-2: #1e222b;--surface-hover: #242936;--border: #262b35;--border-strong: #333a47;--text: #e7eaf0;--text-dim: #9aa1ab;--text-faint: #6b7280;--danger: #f2606a;--danger-soft: rgba(242, 96, 106, .16);--success: #34c98b;--prio-low: #7d8590;--prio-medium: #6b85ff;--prio-high: #fbbf24;--prio-urgent: #f2606a;--prio-low-bg: rgba(125, 133, 144, .2);--prio-medium-bg: rgba(107, 133, 255, .22);--prio-high-bg: rgba(251, 191, 36, .2);--prio-urgent-bg: rgba(242, 96, 106, .22);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 8px 24px rgba(0, 0, 0, .45);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .55)}}*{box-sizing:border-box}body{margin:0;font-family:var(--font);color:var(--text);background:var(--bg);line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font-family:inherit}input,select{font-family:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:8px 12px;font-size:14px;transition:border-color .15s,box-shadow .15s,background .15s}input:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}input::placeholder{color:var(--text-faint)}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,var(--accent),#8a63ff);box-shadow:var(--shadow-sm);position:relative;flex-shrink:0}.brand-mark:after{content:"✓";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fff;font-size:15px;font-weight:700}.brand h1{margin:0;font-size:16px;font-weight:650}.app{max-width:720px;margin:0 auto;padding:24px 20px 40px}.app-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border)}.app-header .brand{flex:1;min-width:0}.header-right{display:flex;align-items:center;gap:10px}.user{font-size:13px;color:var(--text-dim);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-header button{cursor:pointer;padding:6px 14px;font-size:13px;background:var(--surface);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--radius-sm);transition:background .15s,border-color .15s}.app-header button:hover{background:var(--surface-hover)}.error{color:var(--danger);background:var(--danger-soft);padding:10px 14px;border-radius:var(--radius-sm);margin-bottom:16px;font-size:13px}.add-task{display:flex;gap:6px;align-items:center;margin-bottom:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:8px;box-shadow:var(--shadow-sm);transition:border-color .15s,box-shadow .15s}.add-task:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.add-task input[type=text]{flex:1;border:none;background:transparent;box-shadow:none;padding:8px 12px;min-width:0}.add-task select,.add-task input[type=date]{border:none;background:var(--surface-2);padding:8px 10px;border-radius:var(--radius-sm);font-size:13px;color:var(--text-dim);transition:background .15s,box-shadow .15s}.add-task select:hover,.add-task input[type=date]:hover{background:var(--surface-hover)}.add-task select:focus,.add-task input[type=date]:focus{background:var(--surface);box-shadow:0 0 0 3px var(--accent-soft)}.add-task button[type=submit]{background:var(--accent);border:none;color:#fff;padding:8px 20px;font-size:14px;font-weight:600;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s}.add-task button[type=submit]:hover{background:var(--accent-strong)}.task-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.task-item{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .12s,box-shadow .12s}.task-item:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.task-item .checkbox{width:20px;height:20px;border-radius:50%;border:2px solid var(--border-strong);cursor:pointer;flex-shrink:0;display:grid;place-items:center;color:transparent;font-size:12px;transition:background .15s,border-color .15s,color .15s;-webkit-user-select:none;user-select:none}.task-item .checkbox:hover{border-color:var(--accent)}.task-item .checkbox.checked{background:var(--accent);border-color:var(--accent);color:#fff}.task-item .checkbox.checked:after{content:"✓";font-weight:700}.task-item .title{flex:1;cursor:pointer;font-size:14px;color:var(--text);overflow-wrap:anywhere;min-width:0}.task-item.done .title{text-decoration:line-through;color:var(--text-faint)}.task-item>button{border:none;background:transparent;color:var(--text-faint);padding:4px 10px;border-radius:var(--radius-sm);font-size:12px;cursor:pointer;flex-shrink:0;transition:background .12s,color .12s}.task-item>button:hover{background:var(--surface-2);color:var(--text)}.task-item>button.danger:hover{background:var(--danger-soft);color:var(--danger)}.prio{font-size:12px;font-weight:600;padding:2px 9px;border-radius:999px;flex-shrink:0}.prio-low{color:var(--prio-low);background:var(--prio-low-bg)}.prio-medium{color:var(--prio-medium);background:var(--prio-medium-bg)}.prio-high{color:var(--prio-high);background:var(--prio-high-bg)}.prio-urgent{color:var(--prio-urgent);background:var(--prio-urgent-bg)}.status{font-size:11px;font-weight:600;padding:2px 8px;border-radius:6px;flex-shrink:0}.status-progress{color:var(--accent);background:var(--accent-soft)}.status-cancelled{color:var(--text-faint);background:var(--surface-2)}.due{font-size:12px;color:var(--text-dim);flex-shrink:0}.due.overdue{color:var(--danger);font-weight:600}.task-item.editing{display:block;padding:14px;background:var(--surface);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.task-item.editing>input{width:100%;padding:8px 10px;font-size:14px;margin-bottom:8px}.task-item.editing .row{display:flex;gap:8px;margin-bottom:8px;flex-wrap:wrap}.task-item.editing .row select,.task-item.editing .row input{padding:6px 10px}.task-item.editing .row button{padding:7px 14px;cursor:pointer}.empty{text-align:center;padding:64px 20px;color:var(--text-faint)}.empty-icon{font-size:38px;display:block;margin-bottom:10px;opacity:.7}.empty p{margin:0}.empty-hint{font-size:13px;color:var(--text-faint);margin-top:4px}.auth{max-width:380px;margin:8vh auto 0;padding:40px 32px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.auth .brand{justify-content:center;margin-bottom:24px}.auth .brand h1{font-size:20px}.auth form{display:flex;flex-direction:column;gap:10px}.auth form input{padding:11px 12px;font-size:14px}.auth form button{padding:11px;cursor:pointer;font-size:14px;font-weight:600;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);transition:background .15s}.auth form button:hover{background:var(--accent-strong)}.auth form button:disabled{opacity:.6;cursor:not-allowed}.auth-switch{text-align:center;font-size:13px;margin-top:14px}.auth-switch span{color:var(--accent);cursor:pointer}.auth-pricing{text-align:center;font-size:13px;margin-top:6px}.auth-pricing span{color:var(--accent);cursor:pointer}.auth-msg{color:var(--danger);font-size:13px;text-align:center;margin-top:10px}.pricing{max-width:1080px;margin:0 auto;padding:48px 20px 60px}.pricing-header{text-align:center;margin-bottom:32px}.pricing-header h1{font-size:28px;margin:0 0 8px}.pricing-header p{color:var(--text-dim);margin:0}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:20px}.plan{border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px;display:flex;flex-direction:column;gap:12px;background:var(--surface)}.plan.highlight{border-color:var(--accent);box-shadow:0 8px 24px var(--accent-soft-strong)}.plan-name{font-size:18px;font-weight:650}.plan-en{margin-left:8px;font-size:13px;color:var(--text-faint);font-weight:400}.plan-mode{font-size:13px;color:var(--text-dim)}.plan-price{font-size:32px;font-weight:700}.plan-price span{font-size:14px;font-weight:400;color:var(--text-dim)}.plan-features{list-style:none;padding:0;margin:0;flex:1;display:flex;flex-direction:column;gap:8px}.plan-features li{font-size:13px;line-height:1.5;padding-left:18px;position:relative;color:var(--text-dim)}.plan-features li:before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:700}.plan button{padding:10px;cursor:pointer;font-size:14px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);transition:background .15s,border-color .15s}.plan button:hover{background:var(--surface-hover)}.plan button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.plan button.primary:hover{background:var(--accent-strong)}.plan button.secondary{border:none;background:transparent;color:var(--accent);font-size:13px;padding:4px 10px}.plan button.secondary:hover{background:var(--accent-soft)}.plan button:disabled{opacity:.6;cursor:not-allowed}.app-header button.upgrade-btn{background:var(--accent);border-color:var(--accent);color:#fff}.app-header button.upgrade-btn:hover{background:var(--accent-strong)}.pricing-error{text-align:center;font-size:13px;color:var(--danger);margin-top:12px}.pricing-note{text-align:center;font-size:13px;color:var(--text-dim)}.pricing-back{text-align:center;color:var(--accent);cursor:pointer;margin-top:12px;font-size:14px}