:root{--primary: #6366f1;--primary-light: #eef2ff;--bg: #f8fafc;--card: #ffffff;--text-main: #1e293b;--text-muted: #64748b;--success: #10b981;--danger: #ef4444;--warning: #f59e0b;--radius: 16px;--shadow: 0 10px 15px -3px rgba(0,0,0,.1)}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}body{background:var(--bg);color:var(--text-main);line-height:1.5}.app-container{max-width:480px;margin:0 auto;min-height:100vh;padding-bottom:40px;background:#fff;box-shadow:0 0 50px #0000000d}.app-header{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;background:var(--card);border-bottom:1px solid #f1f5f9;position:sticky;top:0;z-index:10}.logo-section{display:flex;align-items:center;gap:8px}.logo-section h1{font-size:1rem;font-weight:800}.icon-main{color:var(--primary)}.sync-badge{font-size:9px;padding:2px 6px;border-radius:20px;display:flex;align-items:center;gap:3px;background:#f1f5f9;color:var(--text-muted);font-weight:600}.sync-badge.synced{color:var(--success);background:#ecfdf5}.points-badge{display:flex;align-items:center;gap:6px;background:#fffbeb;color:#b45309;padding:4px 10px;border-radius:10px;font-size:.85rem;font-weight:800;border:1px solid #fde68a}.dashboard{padding:16px;display:flex;flex-direction:column;gap:16px}.time-banner{background:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--radius);padding:20px;display:flex;justify-content:space-between;align-items:center;overflow:hidden;position:relative}.time-main{position:relative;z-index:2}.digital-clock{font-size:2.2rem;font-weight:800;color:var(--text-main);font-variant-numeric:tabular-nums;letter-spacing:-1px;line-height:1}.date-display{font-size:.75rem;color:var(--text-muted);font-weight:600;margin-top:4px}.time-icon-bg{color:#e2e8f0;position:absolute;right:-10px;top:50%;transform:translateY(-50%);opacity:.5}.hero-card{background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:var(--radius);padding:20px;color:#fff;box-shadow:0 10px 25px -5px #6366f14d}.hero-card.all-clear{background:linear-gradient(135deg,#10b981,#059669)}.hero-content{display:flex;justify-content:space-between;align-items:center}.next-up{display:flex;align-items:center;gap:12px}.next-up .label{font-size:.65rem;opacity:.8;text-transform:uppercase;font-weight:700}.next-up h3{font-size:1.1rem;margin:2px 0;font-weight:700}.time-tag{background:#fff3;padding:1px 6px;border-radius:4px;font-size:.7rem}.focus-section{background:#1e293b;color:#fff;border-radius:var(--radius);padding:20px;box-shadow:0 10px 20px #0000001a}.timer-display{text-align:center;padding:10px 0}.timer-display h2{font-size:3.5rem;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-2px;margin-bottom:10px}.timer-active{color:#818cf8;text-shadow:0 0 20px rgba(129,140,248,.5)}.timer-controls{display:flex;justify-content:center;gap:15px;align-items:center}.play-btn{width:50px;height:50px;border-radius:50%;border:none;background:var(--primary);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s}.play-btn.active{background:var(--danger)}.reset-btn{background:#ffffff1a;border:none;color:#fff;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.quote-section{background:#fff;border-radius:var(--radius);padding:16px;border:1px solid #f1f5f9}.quote-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.quote-bubble{background:#f8fafc;padding:12px;border-radius:12px;position:relative}.quote-bubble p{font-size:.85rem;font-weight:600;color:#475569;text-align:center}.task-list-section{display:flex;flex-direction:column;gap:12px}.section-header{display:flex;justify-content:space-between;align-items:center}.section-header h4{font-size:.85rem;color:var(--text-muted);font-weight:700}.add-btn{background:var(--primary);color:#fff;border:none;width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer}.task-list{display:flex;flex-direction:column;gap:10px}.task-card{background:#fff;padding:14px;border-radius:12px;display:flex;align-items:center;gap:12px;border:1px solid #f1f5f9}.task-card.completed{background:#f8fafc;opacity:.6}.task-card.completed .task-title{text-decoration:line-through}.uncheck{width:20px;height:20px;border:2px solid #cbd5e1;border-radius:6px;cursor:pointer}.checked{color:var(--success);width:20px;height:20px;cursor:pointer}.task-info{flex:1}.task-time{font-size:.7rem;font-weight:800;color:var(--primary)}.task-title{font-weight:700;font-size:.95rem;color:#334155}.priority-高{border-left:4px solid var(--danger)}.priority-中{border-left:4px solid var(--warning)}.priority-低{border-left:4px solid var(--success)}.delete-btn{background:none;border:none;color:#cbd5e1;cursor:pointer}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.modal-content{background:#fff;width:100%;max-width:360px;border-radius:20px;padding:24px}.form-group{margin-bottom:15px;display:flex;flex-direction:column;gap:6px}.form-group label{font-size:.75rem;font-weight:800;color:var(--text-muted)}.form-group input,.form-group select{padding:10px;border:1px solid #e2e8f0;border-radius:10px;font-size:.9rem}.modal-actions{display:flex;gap:10px;margin-top:10px}.submit-btn{flex:2;padding:12px;background:var(--primary);color:#fff;border:none;border-radius:10px;font-weight:700;cursor:pointer}.cancel-btn{flex:1;padding:12px;background:#f1f5f9;border:none;border-radius:10px;font-weight:700;cursor:pointer}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.icon-pulse{animation:pulse 2s infinite}