:root{--bg-primary: #1a1a2e;--bg-secondary: #16213e;--bg-tertiary: #0f3460;--bg-card: #1f2940;--text-primary: #e8e8e8;--text-secondary: #a8a8b8;--text-muted: #6b7280;--accent-primary: #4f7cff;--accent-success: #10b981;--accent-warning: #f59e0b;--accent-danger: #ef4444;--accent-critical: #dc2626;--difficulty-easy: #22c55e;--difficulty-medium: #3b82f6;--difficulty-hard: #f97316;--difficulty-critical: #ef4444;--status-pending: #1e293b;--status-active: #f97316;--status-completed: #22c55e;--status-skipped: #475569;--playhead-color: #ffffff;--danger-none: #10b981;--danger-warning: #f59e0b;--danger-high: #ef4444;--danger-critical: #dc2626;--header-height: 56px;--timeline-row-height: 80px;--border-radius: 6px;--transition-fast: .15s ease;--transition-normal: .25s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5;color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased}#root{height:100%}.app{height:100%;display:flex;flex-direction:column;background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-primary) 100%)}.loading-screen{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:18px}.main-content{flex:1;display:flex;overflow:hidden;padding:16px;gap:16px}.app-header{height:var(--header-height);display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:var(--bg-secondary);border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.header-left,.header-right{display:flex;align-items:center;gap:12px}.app-title{font-size:18px;font-weight:600;color:var(--text-primary)}.header-center{position:absolute;left:50%;transform:translate(-50%);display:flex;flex-direction:row;align-items:center;gap:20px}.current-time{font-size:16px;font-weight:500;color:var(--accent-primary);font-variant-numeric:tabular-nums}.current-points{font-size:24px;font-weight:600;color:var(--accent-warning);letter-spacing:1px}.header-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border:none;border-radius:var(--border-radius);background:var(--bg-tertiary);color:var(--text-primary);font-size:13px;cursor:pointer;transition:all var(--transition-fast)}.header-btn:hover{background:var(--accent-primary)}.add-task-btn .btn-icon{font-size:16px;font-weight:700}.pin-btn.active{background:var(--accent-primary)}.pin-icon{font-size:14px}.timeline-section{flex:2;display:flex;flex-direction:column;background:var(--bg-card);border-radius:var(--border-radius);overflow:hidden}.section-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#0003;border-bottom:1px solid rgba(255,255,255,.05)}.section-header h2{font-size:14px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.task-count{font-size:12px;color:var(--text-muted)}.timeline-view{flex:1;overflow-y:auto;padding:8px}.timeline-row{display:flex;align-items:center;gap:12px;padding:12px;margin-bottom:8px;background:var(--bg-secondary);border-radius:var(--border-radius);border-left:3px solid var(--danger-none);transition:all var(--transition-fast)}.timeline-row:hover{background:#4f7cff1a}.timeline-row.warning{border-left-color:var(--danger-warning)}.timeline-row.danger{border-left-color:var(--danger-high)}.timeline-row.critical{border-left-color:var(--danger-critical);animation:pulse-danger 2s infinite}.timeline-row.completed{opacity:.6}@keyframes pulse-danger{0%,to{background:var(--bg-secondary)}50%{background:#dc262626}}.task-info{width:180px;flex-shrink:0}.task-name-row{display:flex;align-items:center;justify-content:space-between}.task-name{font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.delete-task-btn{width:20px;height:20px;border:none;border-radius:50%;background:transparent;color:var(--text-muted);font-size:16px;cursor:pointer;opacity:0;transition:all var(--transition-fast)}.timeline-row:hover .delete-task-btn{opacity:1}.delete-task-btn:hover{background:var(--accent-danger);color:#fff}.task-actions{display:flex;gap:4px}.edit-task-btn{width:20px;height:20px;border:none;border-radius:50%;background:transparent;color:var(--text-muted);font-size:12px;cursor:pointer;opacity:0;transition:all var(--transition-fast)}.timeline-row:hover .edit-task-btn{opacity:1}.edit-task-btn:hover{background:var(--accent-primary);color:#fff}.view-task-btn{width:20px;height:20px;border:none;border-radius:50%;background:transparent;color:var(--text-muted);font-size:10px;cursor:pointer;opacity:0;transition:all var(--transition-fast)}.timeline-row:hover .view-task-btn{opacity:1}.view-task-btn:hover{background:var(--accent-success);color:#fff}.task-meta{display:flex;align-items:center;gap:8px;margin-top:4px}.time-remaining{font-size:11px;font-weight:500}.time-remaining.none{color:var(--danger-none)}.time-remaining.warning{color:var(--danger-warning)}.time-remaining.danger{color:var(--danger-high)}.time-remaining.critical{color:var(--danger-critical)}.progress-text{font-size:11px;color:var(--text-muted)}.timeline-container{flex:1;height:56px;position:relative;background:#0000004d;border-radius:4px;overflow:visible}.timeline-blocks{display:flex;height:100%;position:relative;z-index:2}.progress-overlay{position:absolute;top:0;left:0;height:100%;background:#ffffff0d;pointer-events:none;z-index:1}.playhead{position:absolute;top:0;height:100%;z-index:10;pointer-events:none;transform:translate(-50%)}.playhead-line{width:3px;height:100%;background:var(--playhead-color);box-shadow:0 0 10px var(--playhead-color)}.playhead-head{position:absolute;top:-6px;left:50%;transform:translate(-50%);width:12px;height:12px;background:var(--playhead-color);border-radius:50%;box-shadow:0 0 8px var(--playhead-color)}.complete-step-btn{width:36px;height:36px;border:none;border-radius:50%;background:var(--accent-success);color:#fff;font-size:18px;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.complete-step-btn:hover{transform:scale(1.1);box-shadow:0 0 12px var(--accent-success)}.pause-task-btn{width:36px;height:36px;border:2px solid rgba(255,255,255,.2);border-radius:50%;background:#ffffff1a;color:var(--text-secondary);font-size:12px;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;display:flex;align-items:center;justify-content:center}.pause-task-btn:hover{background:#fff3;border-color:#ffffff4d;color:var(--text-primary)}.pause-task-btn.paused{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.pause-task-btn.paused:hover{box-shadow:0 0 12px var(--accent-primary)}.pause-btn.active{background:var(--accent-warning)}.pause-icon{font-size:14px}.time-paused{font-size:11px;font-weight:600;color:var(--accent-warning);animation:pulse-paused 1.5s ease-in-out infinite}@keyframes pulse-paused{0%,to{opacity:1}50%{opacity:.5}}.timeline-block{position:relative;height:100%;display:flex;flex-direction:column;justify-content:center;padding:18px 8px 4px;border-right:2px solid rgba(0,0,0,.4);border-left:1px solid rgba(255,255,255,.15);cursor:pointer;transition:all var(--transition-fast);overflow:visible}.timeline-block:first-child{border-left:none}.timeline-block:last-child{border-right:none}.timeline-block:hover{background:#ffffff1a}.timeline-block.status-pending{background:var(--status-pending)}.timeline-block.status-active{background:var(--status-active)}.timeline-block.status-completed{background:var(--status-completed)}.timeline-block.status-skipped{background:var(--status-skipped)}.timeline-block.is-active{z-index:10;box-shadow:0 0 0 3px #fff,0 0 15px #f9731699;animation:active-glow 2s ease-in-out infinite}@keyframes active-glow{0%,to{box-shadow:0 0 0 3px #fff,0 0 15px #f9731699}50%{box-shadow:0 0 0 4px #fff,0 0 20px #f97316cc}}.block-name{font-size:11px;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.block-duration{font-size:10px;color:#ffffffb3}.block-rating{position:absolute;top:3px;right:4px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;font-size:10px;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0006;z-index:5}.difficulty-stripe{position:absolute;bottom:0;left:0;right:0;height:3px}.difficulty-easy .difficulty-stripe{background:var(--difficulty-easy)}.difficulty-medium .difficulty-stripe{background:var(--difficulty-medium)}.difficulty-hard .difficulty-stripe{background:var(--difficulty-hard)}.difficulty-critical .difficulty-stripe{background:var(--difficulty-critical)}.completed-check{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:16px;opacity:.8}.active-pulse{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff3;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:0}50%{opacity:1}}.empty-state,.all-done-state{display:flex;align-items:center;justify-content:center;height:100px;color:var(--text-muted)}.all-done-state{color:var(--accent-success);font-weight:500}.archive-section{margin-top:20px;border-top:2px solid rgba(255,255,255,.1);padding-top:12px}.archive-header{display:flex;align-items:center;margin-bottom:12px;padding:0 4px}.archive-title{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.archive-tasks{opacity:.7}.timeline-row.archived{opacity:.6;transform:scale(.98)}.timeline-row.archived:hover{opacity:.8}.timeline-row.completed{border-left-color:var(--accent-success)!important}.completed-badge{display:flex;align-items:center;justify-content:center;width:50px;height:36px;background:var(--accent-success);color:#fff;border-radius:var(--border-radius);font-size:11px;font-weight:600;flex-shrink:0}.time-completed{font-size:11px;font-weight:500;color:var(--accent-success)}.status-section{flex:1;min-width:300px;max-width:400px}.status-panel{height:100%;display:flex;flex-direction:column;gap:12px}.panel-section{background:var(--bg-card);border-radius:var(--border-radius);overflow:hidden}.panel-title{padding:10px 14px;font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;background:#0003;border-bottom:1px solid rgba(255,255,255,.05)}.next-steps-section{flex:1;display:flex;flex-direction:column}.next-steps-list{flex:1;overflow-y:auto;padding:8px}.next-step-item{padding:10px;margin-bottom:6px;background:var(--bg-secondary);border-radius:4px;border-left:3px solid var(--danger-none)}.next-step-item.warning{border-left-color:var(--danger-warning)}.next-step-item.danger{border-left-color:var(--danger-high)}.next-step-item.critical{border-left-color:var(--danger-critical);background:#dc26261a}.step-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;gap:8px}.step-task-name{font-size:13px;font-weight:600;color:var(--text-primary);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.step-badges{display:flex;align-items:center;gap:6px;flex-shrink:0}.task-points{font-size:10px;font-weight:600;color:var(--accent-primary);background:#4f7cff33;padding:2px 6px;border-radius:3px}.danger-badge{font-size:9px;font-weight:700;padding:2px 6px;border-radius:3px;text-transform:uppercase}.danger-badge.danger-none{background:var(--danger-none);color:#fff}.danger-badge.danger-warning{background:var(--danger-warning);color:#000}.danger-badge.danger-high{background:var(--danger-high);color:#fff}.danger-badge.danger-critical{background:var(--danger-critical);color:#fff}.step-content{display:flex;align-items:center;gap:6px;font-size:12px}.step-rating-badge{min-width:18px;height:18px;padding:0 4px;border-radius:9px;font-size:10px;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.step-arrow{color:var(--accent-primary);font-weight:700}.step-name{color:var(--text-primary);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.step-meta{display:flex;align-items:center;gap:4px;flex-shrink:0}.step-difficulty{color:var(--text-muted);font-size:10px}.step-time{color:var(--text-secondary);font-size:11px}.completed-task{color:var(--accent-success)}.empty-next-steps{padding:20px;text-align:center;color:var(--text-muted)}.danger-section{max-height:150px}.danger-list{padding:8px;max-height:100px;overflow-y:auto}.danger-item{display:flex;align-items:center;gap:8px;padding:6px 8px;margin-bottom:4px;background:var(--bg-secondary);border-radius:4px}.danger-indicator{width:8px;height:8px;border-radius:50%;flex-shrink:0}.danger-indicator.danger-warning{background:var(--danger-warning)}.danger-indicator.danger-high{background:var(--danger-high)}.danger-indicator.danger-critical{background:var(--danger-critical);animation:blink 1s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.danger-task-name{flex:1;font-size:12px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.danger-points{font-size:10px;font-weight:600;color:var(--text-secondary);flex-shrink:0}.danger-level{font-size:10px;font-weight:600}.danger-level.danger-warning{color:var(--danger-warning)}.danger-level.danger-high{color:var(--danger-high)}.danger-level.danger-critical{color:var(--danger-critical)}.no-danger{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;color:var(--accent-success);font-size:12px}.safe-icon{font-size:16px}.changes-section{flex:1;display:flex;flex-direction:column;min-height:150px}.changes-list{flex:1;overflow-y:auto;padding:8px}.change-item{display:flex;align-items:flex-start;gap:8px;padding:6px 8px;margin-bottom:4px;background:var(--bg-secondary);border-radius:4px;font-size:11px}.change-icon{flex-shrink:0;font-size:12px}.change-description{flex:1;color:var(--text-primary);line-height:1.4}.change-time{flex-shrink:0;color:var(--text-muted);font-size:10px}.no-changes{padding:20px;text-align:center;color:var(--text-muted)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{width:90%;max-width:600px;max-height:80vh;background:var(--bg-card);border-radius:var(--border-radius);overflow:hidden;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:var(--bg-secondary);border-bottom:1px solid rgba(255,255,255,.1)}.modal-header h2{font-size:16px;font-weight:600}.modal-title-row{display:flex;align-items:center;gap:20px}.modal-stats{display:flex;gap:12px}.stat-item{font-size:12px;color:var(--text-secondary);background:#ffffff0d;padding:4px 10px;border-radius:4px}.stat-item strong{color:var(--text-primary)}.stat-item.buffer,.stat-item.buffer strong{color:var(--accent-success)}.stat-item.buffer.negative{color:var(--accent-danger);background:#ef44441a}.stat-item.buffer.negative strong{color:var(--accent-danger)}.deadline-inputs{display:flex;gap:12px}.deadline-field{display:flex;align-items:center;gap:6px}.deadline-field input{width:70px;padding:10px;border:1px solid rgba(255,255,255,.1);border-radius:var(--border-radius);background:var(--bg-secondary);color:var(--text-primary);font-size:14px;text-align:center}.deadline-field span{font-size:12px;color:var(--text-muted)}.modal-close{width:32px;height:32px;border:none;border-radius:50%;background:#ffffff1a;color:var(--text-secondary);font-size:22px;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;flex-shrink:0}.modal-close:hover{background:var(--accent-danger);color:#fff}.modal-form{padding:20px;max-height:60vh;overflow-y:auto}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-size:12px;font-weight:500;color:var(--text-secondary)}.form-group input[type=text],.form-group input[type=number]{width:100%;padding:10px 12px;border:1px solid rgba(255,255,255,.1);border-radius:4px;background:var(--bg-secondary);color:var(--text-primary);font-size:14px;transition:border-color var(--transition-fast)}.form-group input:focus{outline:none;border-color:var(--accent-primary)}.subtasks-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.subtasks-header label{margin-bottom:0}.total-points{font-size:12px;font-weight:600;color:var(--accent-primary);background:#4f7cff33;padding:4px 10px;border-radius:4px}.subtasks-group .subtasks-list{margin-bottom:8px}.subtask-input-row{display:flex;align-items:center;gap:8px;margin-bottom:10px;padding:8px;background:#0003;border-radius:6px}.subtask-number{width:24px;color:var(--text-muted);font-size:12px;flex-shrink:0;text-align:center}.subtask-name-input{flex:1;min-width:100px}.subtask-input-row input[type=text]{padding:8px 10px;width:100%}.difficulty-select{width:85px!important;flex-shrink:0}.rating-select{width:65px!important;flex-shrink:0}.status-select{width:95px!important;flex-shrink:0}.subtask-input-row.completed{opacity:.6}.subtask-input-row select{padding:8px 6px;border:1px solid rgba(255,255,255,.1);border-radius:4px;background:var(--bg-secondary);color:var(--text-primary);font-size:11px}.time-input{width:80px!important;flex-shrink:0}.time-label{font-size:12px;color:var(--text-muted);flex-shrink:0}.remove-subtask-btn{width:28px;height:28px;border:none;border-radius:50%;background:#ef444433;color:var(--accent-danger);font-size:18px;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-left:auto}.remove-subtask-btn:hover:not(:disabled){background:var(--accent-danger);color:#fff}.remove-subtask-btn:disabled{opacity:.3;cursor:not-allowed;background:transparent}.add-subtask-btn{padding:8px 12px;border:1px dashed rgba(255,255,255,.2);border-radius:4px;background:transparent;color:var(--accent-primary);font-size:12px;cursor:pointer;transition:all var(--transition-fast)}.add-subtask-btn:hover{border-color:var(--accent-primary);background:#4f7cff1a}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.cancel-btn,.submit-btn{padding:10px 20px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.cancel-btn{background:var(--bg-secondary);color:var(--text-secondary)}.cancel-btn:hover{background:var(--bg-tertiary)}.submit-btn{background:var(--accent-primary);color:#fff}.submit-btn:hover{filter:brightness(1.1)}.view-modal-content{width:90%;max-width:800px;max-height:85vh;background:var(--bg-card);border-radius:var(--border-radius);overflow:hidden;animation:slideUp .3s ease;display:flex;flex-direction:column}.view-modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 24px;background:var(--bg-secondary);border-bottom:1px solid rgba(255,255,255,.1)}.view-title-section{flex:1;min-width:0}.view-task-name{font-size:20px;font-weight:600;color:var(--text-primary);margin:0 0 6px;word-wrap:break-word}.view-task-description{font-size:14px;color:var(--text-secondary);margin:0}.view-header-actions{display:flex;align-items:center;gap:12px;flex-shrink:0;margin-left:16px}.view-edit-btn{padding:8px 16px;border:none;border-radius:4px;background:var(--accent-primary);color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.view-edit-btn:hover{filter:brightness(1.1)}.view-modal-body{padding:24px;overflow-y:auto;flex:1}.view-stats-row{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.view-stat{background:var(--bg-secondary);padding:12px 16px;border-radius:8px;flex:1;min-width:120px}.view-stat-label{display:block;font-size:11px;color:var(--text-muted);text-transform:uppercase;margin-bottom:4px}.view-stat-value{font-size:16px;font-weight:600;color:var(--text-primary)}.view-stat-value.danger{color:var(--danger-high)}.view-stat-value.critical{color:var(--danger-critical)}.view-stat-value.warning{color:var(--danger-warning)}.view-subtasks-section h3{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 16px;text-transform:uppercase;letter-spacing:.5px}.view-subtasks-list{display:flex;flex-direction:column;gap:12px}.view-subtask-item{display:flex;gap:16px;padding:16px;background:var(--bg-secondary);border-radius:8px;border-left:4px solid var(--text-muted)}.view-subtask-item.in-progress{border-left-color:var(--accent-warning);background:#f59e0b0d}.view-subtask-item.completed{border-left-color:var(--accent-success);opacity:.7}.view-subtask-item.skipped{opacity:.5}.view-subtask-number{width:28px;height:28px;background:#ffffff1a;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:var(--text-secondary);flex-shrink:0}.view-subtask-content{flex:1;min-width:0}.view-subtask-name{font-size:15px;font-weight:500;color:var(--text-primary);margin-bottom:8px;word-wrap:break-word}.view-subtask-meta{display:flex;flex-wrap:wrap;gap:16px;font-size:12px}.view-subtask-difficulty{font-weight:500;text-transform:capitalize}.view-subtask-rating{color:var(--text-secondary)}.view-subtask-time{color:var(--text-muted)}.view-subtask-status{font-weight:500;text-transform:capitalize}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0f0f1a}.login-card{background:#1a1a2e;border:1px solid #2d2d4e;border-radius:12px;padding:2rem;width:100%;max-width:400px}.login-title{font-size:1.4rem;font-weight:700;color:#e0e0e0;text-align:center;margin:0 0 .375rem}.login-subtitle{color:#888;text-align:center;font-size:.875rem;margin:0 0 1.75rem}.login-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.375rem}.form-label{color:#ccc;font-size:.8125rem}.form-input{background:#0f0f1a;border:1px solid #2d2d4e;border-radius:6px;color:#e0e0e0;padding:.625rem .75rem;font-size:.875rem;outline:none;transition:border-color .2s}.form-input:focus{border-color:#4a9eff}.login-btn{background:#4a9eff;color:#fff;border:none;border-radius:6px;padding:.75rem;font-size:.875rem;font-weight:600;cursor:pointer;margin-top:.25rem;transition:background .2s}.login-btn:hover:not(:disabled){background:#3a8eef}.login-btn:disabled{opacity:.6;cursor:not-allowed}.login-error{background:#ff44441f;border:1px solid rgba(255,68,68,.3);border-radius:6px;color:#ff6b6b;padding:.625rem .75rem;font-size:.8125rem}.login-toggle{text-align:center;color:#777;font-size:.8125rem;margin-top:1.25rem}.login-toggle-btn{background:none;border:none;color:#4a9eff;cursor:pointer;font-size:.8125rem;padding:0;margin-left:.25rem}.login-toggle-btn:hover{text-decoration:underline}.save-status{font-size:.72rem;font-weight:500;padding:2px 8px;border-radius:4px;transition:opacity .3s ease}.save-status--idle{opacity:0}.save-status--saving{opacity:1;color:#888}.save-status--saved{opacity:1;color:#4caf50}.save-status--error{opacity:1;color:#f44336}.user-email{color:#888;font-size:.75rem;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-btn{background:transparent;border:1px solid #3d3d5e;color:#aaa}.logout-btn:hover{background:#ffffff0f;color:#e0e0e0}