:root{--color-bg:#f7f7f8;--color-surface:#fff;--color-border:#ececed;--color-text:#1c1c1e;--color-text-secondary:#8a8a8e;--color-text-muted:#b5b5b8;--color-accent:#4a90d9;--color-danger:#e0524d;--color-overdue:#e0524d;--radius-md:14px;--radius-lg:18px;--shadow-card:0 1px 3px #0000000d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--color-bg);color:var(--color-text);margin:0;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Yu Gothic,Segoe UI,Roboto,sans-serif}button{font-family:inherit}input,textarea,select{font-family:inherit;font-size:16px}.app-shell{background:var(--color-bg);flex-direction:column;max-width:560px;min-height:100vh;margin:0 auto;display:flex;position:relative}.app-main{flex:1;padding:16px 16px 90px;overflow-y:auto}.page-title{text-align:left;margin:8px 0 20px;font-size:26px;font-weight:700}.section-title{color:var(--color-text-secondary);text-align:left;margin:20px 0 8px;font-size:14px;font-weight:600}.card{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-card);border:1px solid var(--color-border)}.empty-state{text-align:center;color:var(--color-text-secondary);padding:60px 20px;font-size:15px}.bottom-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--color-border);z-index:50;background:#ffffffeb;width:100%;max-width:560px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav-item{padding:10px 0 calc(10px + env(safe-area-inset-bottom));color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:2px;font-size:11px;display:flex}.bottom-nav-item.active{color:var(--color-accent)}.bottom-nav-icon{justify-content:center;align-items:center;display:flex}.bottom-nav-icon svg{width:22px;height:22px}.task-item{border-bottom:1px solid var(--color-border);cursor:pointer;text-align:left;align-items:flex-start;gap:12px;padding:14px 12px;transition:opacity .3s;display:flex}.task-item:last-child{border-bottom:none}.task-item.completed{opacity:.5}.checkbox{border:2px solid var(--color-border);cursor:pointer;background:var(--color-surface);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;min-width:26px;height:26px;margin-top:1px;transition:all .2s;display:flex}.checkbox.checked{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.checkbox svg{opacity:0;width:14px;height:14px;transition:all .2s;transform:scale(.5)}.checkbox.checked svg{opacity:1;transform:scale(1)}.task-body{flex:1;min-width:0}.task-title{color:var(--color-text);word-break:break-word;font-size:15.5px;font-weight:500}.task-item.completed .task-title{color:var(--color-text-muted);text-decoration:line-through}.task-meta{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.tag{background:var(--color-bg);color:var(--color-text-secondary);border-radius:20px;padding:2px 8px;font-size:11px}.tag-icon{align-items:center;gap:3px;display:inline-flex}.tag.overdue{color:var(--color-overdue);background:#fdeceb;font-weight:600}.tag.priority-高{color:#e0524d;background:#fdeceb}.tag.priority-中{color:#b8860b;background:#fff6e5}.tag.priority-低{color:#4a9d4a;background:#eef6ee}.today-jump-btn{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-accent);cursor:pointer;z-index:60;border-radius:20px;padding:8px 14px;font-size:13px;font-weight:600;position:fixed;top:16px;right:max(20px,50vw - 260px);box-shadow:0 2px 8px #00000014}.day-section{border-top:1px solid var(--color-border);padding:14px 0 6px;scroll-margin-top:60px}.day-section:first-of-type{border-top:none}.day-section-header{align-items:center;gap:8px;margin-bottom:8px;font-size:15px;font-weight:700;display:flex}.day-section.is-today .day-section-header{color:var(--color-accent)}.day-today-badge{color:#fff;background:var(--color-accent);border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600}.day-empty{color:var(--color-text-muted);padding:4px 2px 10px;font-size:13px}.today-list-group{margin-bottom:12px}.today-list-header{color:var(--color-text-secondary);align-items:center;gap:6px;padding:4px 4px 6px;font-size:13px;font-weight:600;display:flex}.list-tabs{scrollbar-width:none;gap:8px;padding:4px 0 14px;display:flex;overflow-x:auto}.list-tabs::-webkit-scrollbar{display:none}.list-tab{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);white-space:nowrap;cursor:pointer;border-radius:20px;flex-shrink:0;align-items:center;gap:6px;padding:9px 16px;font-size:14px;font-weight:500;display:flex}.list-tab.active{background:var(--color-text);color:#fff;border-color:var(--color-text)}.list-tab.add{color:var(--color-accent);font-weight:700}.fab{background:var(--color-accent);color:#fff;cursor:pointer;z-index:20;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:28px;display:flex;position:fixed;bottom:90px;right:max(20px,50vw - 260px);box-shadow:0 4px 12px #4a90d966}.modal-overlay{z-index:100;background:#00000059;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal-sheet{background:var(--color-surface);width:100%;max-width:560px;padding:20px 20px calc(24px + env(safe-area-inset-bottom));text-align:left;border-radius:20px 20px 0 0;max-height:88vh;animation:.22s slide-up;overflow-y:auto}@keyframes slide-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.modal-title{margin-bottom:16px;font-size:18px;font-weight:700}.field{margin-bottom:14px}.field label{color:var(--color-text-secondary);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.field input[type=text],.field input[type=date],.field textarea,.field select{border:1px solid var(--color-border);background:var(--color-bg);width:100%;color:var(--color-text);border-radius:12px;padding:12px 14px}.field textarea{resize:vertical;min-height:60px}.title-input{border:1px solid var(--color-border);background:var(--color-bg);border-radius:14px;width:100%;padding:14px 16px;font-size:17px;font-weight:600}.chip-group{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text-secondary);cursor:pointer;border-radius:20px;padding:8px 14px;font-size:13px}.chip.selected{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.icon-picker-row{flex-wrap:wrap;gap:10px;display:flex}.icon-picker-item{background:var(--color-bg);width:44px;height:44px;color:var(--color-text-secondary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.icon-picker-item.selected{background:var(--color-accent);color:#fff}.details-toggle{color:var(--color-accent);cursor:pointer;background:0 0;border:none;padding:6px 0;font-size:14px;font-weight:500}.modal-actions{gap:10px;margin-top:20px;display:flex}.btn{cursor:pointer;border:none;border-radius:12px;flex:1;padding:13px;font-size:15px;font-weight:600}.btn-primary{background:var(--color-accent);color:#fff}.btn-secondary{background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border)}.btn-danger{color:var(--color-danger);background:#fdeceb}.btn-text{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;padding:8px;font-size:14px}.progress-bar-wrap{background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);color:var(--color-text-secondary);align-items:center;gap:10px;margin-bottom:14px;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.progress-bar-track{background:var(--color-bg);border-radius:4px;flex:1;height:6px;overflow:hidden}.progress-bar-fill{background:#27ae60;height:100%;transition:width .3s}.calendar-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.calendar-header h2{margin:0;font-size:17px;font-weight:700}.calendar-nav-btn{background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;border-radius:10px;width:36px;height:36px;font-size:16px}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.calendar-weekday{text-align:center;color:var(--color-text-secondary);padding-bottom:6px;font-size:11px;font-weight:600}.calendar-cell{aspect-ratio:1;background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:13px;display:flex;position:relative}.calendar-cell.empty{cursor:default;background:0 0;border:none}.calendar-cell.today{border-color:var(--color-accent);border-width:2px}.calendar-cell.selected{background:var(--color-text);color:#fff}.calendar-dot-row{gap:2px;display:flex}.calendar-dot{background:var(--color-accent);border-radius:50%;width:5px;height:5px}.calendar-dot.due{background:var(--color-danger)}.settings-row{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.settings-row:last-child{border-bottom:none}.switch{background:var(--color-border);cursor:pointer;border:none;border-radius:20px;flex-shrink:0;width:46px;height:26px;position:relative}.switch.on{background:var(--color-accent)}.switch:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #0003}.switch.on:after{transform:translate(20px)}.list-edit-row{border-bottom:1px solid var(--color-border);align-items:center;gap:12px;padding:12px 14px;display:flex}.list-edit-row:last-child{border-bottom:none}.list-icon-badge{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.icon-btn{cursor:pointer;color:var(--color-text-secondary);background:0 0;border:none;padding:6px;font-size:16px}.color-swatch-row{flex-wrap:wrap;gap:8px;display:flex}.color-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:30px;height:30px}.color-swatch.selected{border-color:var(--color-text)}.confirm-overlay{z-index:200;background:#00000059;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.confirm-box{background:var(--color-surface);text-align:center;border-radius:16px;width:100%;max-width:320px;padding:22px}.confirm-box p{color:var(--color-text);margin:8px 0 18px;font-size:15px}.context-menu-overlay{z-index:150;background:#0003;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.context-menu{background:var(--color-surface);width:100%;max-width:560px;padding:8px 0 calc(20px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0}.context-menu-item{cursor:pointer;text-align:center;padding:16px 24px;font-size:16px}.context-menu-item.danger{color:var(--color-danger)}.context-menu-item+.context-menu-item{border-top:1px solid var(--color-border)}.auth-wrap{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:360px;padding:28px 24px}.auth-title{margin-bottom:4px;font-size:22px;font-weight:700}.auth-subtitle{color:var(--color-text-secondary);margin-bottom:20px;font-size:13px}.auth-error{color:var(--color-danger);margin:-4px 0 14px;font-size:13px}.auth-loading{min-height:100vh;color:var(--color-text-secondary);justify-content:center;align-items:center;font-size:14px;display:flex}.list-share-note{color:var(--color-text-secondary);margin-top:2px;font-size:12px}.share-member-list{margin-bottom:4px}.share-member-row{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:8px 0;font-size:14px;display:flex}.share-member-row:last-child{border-bottom:none}@media (width>=600px){.app-shell{box-shadow:0 0 0 1px var(--color-border);border-radius:20px;min-height:calc(100vh - 40px);margin-top:20px;overflow:hidden}}