@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&family=Roboto+Mono:wght@400;500&display=swap";.sprint-timer.compact{padding:1.5rem}.timer-compact-layout{display:flex;gap:2rem;align-items:center}.timer-left{display:flex;flex-direction:column;gap:.5rem}.timer-time-compact{font-size:56px;font-weight:800;line-height:1;color:var(--text-primary);font-variant-numeric:tabular-nums}.timer-type-label{font-size:11px;font-weight:700;color:var(--text-secondary);letter-spacing:1.5px}.timer-right{flex:1;display:flex;flex-direction:column;gap:1rem}.energy-selection-container{display:flex;flex-direction:column;gap:.5rem}.energy-label{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.energy-selector{display:flex;gap:.5rem;flex-wrap:nowrap;width:100%}.energy-pill{background:var(--surface-elevated);color:var(--text-secondary);border:1px solid var(--border-medium);padding:.5rem .75rem;font-size:12px;font-weight:600;border-radius:4px;cursor:pointer;transition:all .3s ease;white-space:nowrap;flex:1;text-align:center}.energy-pill:hover:not(:disabled){border-color:var(--accent-blue);color:var(--text-primary);background:var(--surface-raised)}.energy-pill.active{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue);box-shadow:0 2px 6px var(--accent-blue-glow)}.energy-pill:disabled{opacity:.5;cursor:not-allowed}.timer-controls-compact{display:flex;gap:.5rem;width:100%}.btn-compact{flex:1;min-width:0;padding:.5rem .75rem;font-size:11px;font-weight:700;letter-spacing:.08em}.btn-small{padding:.5rem 1rem;font-size:12px;min-width:auto}.timer-progress{width:100%;height:6px;background:var(--bg-elevated);border-radius:3px;overflow:hidden;margin-top:1rem}.timer-progress-bar{height:100%;background:linear-gradient(90deg,var(--accent-blue),var(--accent-green));transition:width .3s ease}.timer-prompt-inline{margin-top:1rem;padding-top:1rem;border-top:2px solid var(--border-heavy);display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.prompt-text{font-size:14px;font-weight:700;color:var(--text-primary)}.prompt-buttons-inline{display:flex;gap:.5rem;flex-wrap:wrap}@media (max-width: 1024px){.timer-compact-layout{flex-direction:column;align-items:flex-start;gap:1.5rem}.timer-right{width:100%}}@media (max-width: 768px){.timer-time-compact{font-size:48px}.energy-selector{flex-direction:column}.energy-pill{width:100%;text-align:center}.timer-controls-compact{flex-direction:column}.btn-compact{width:100%}.timer-prompt-inline{flex-direction:column;align-items:flex-start}.prompt-buttons-inline{width:100%;flex-direction:column}.btn-small{width:100%}}.task-stats{font-size:14px;font-weight:700;color:var(--accent-green)}.section-label{font-size:16px;font-weight:800;letter-spacing:.8px;color:var(--text-primary);margin-bottom:1rem;text-transform:uppercase}.brain-dump-section{margin-bottom:2.5rem;padding-bottom:2.5rem;border-bottom:2px solid var(--border-heavy)}.brain-dump-input{width:100%;background:var(--bg-elevated);border:2px solid var(--border-heavy);color:var(--text-primary);padding:1rem;font-size:14px;border-radius:6px;font-family:inherit;resize:vertical;margin-bottom:1rem}.brain-dump-input:focus{outline:none;border-color:var(--accent-blue)}.btn-add{width:100%}.holding-area{margin-bottom:2rem;padding:1.5rem;border:2px dashed var(--border-heavy);border-radius:6px;background:var(--bg-elevated);transition:all .2s}.holding-area:hover{border-color:var(--accent-blue);background:var(--bg-secondary)}.holding-hint{font-size:12px;color:var(--text-muted);margin:.5rem 0 1rem;font-style:italic}.fatigue-warning{background:var(--accent-red);color:#fff;padding:1rem;border-radius:4px;margin-bottom:1rem;font-weight:600;font-size:14px}.holding-list{display:flex;flex-direction:column;gap:.5rem}.task-categories{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem}.task-category{background:var(--bg-elevated);border:2px solid var(--border-heavy);border-radius:6px;padding:1rem;min-height:250px}.task-category.urgent{border-left:4px solid #F45B07}.task-category.deepwork{border-left:4px solid var(--accent-blue)}.task-category.strategic{border-left:4px solid var(--accent-green)}.category-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;margin-bottom:1rem;border-bottom:2px solid var(--border-heavy)}.category-header h3{font-size:14px;font-weight:800;letter-spacing:.5px;color:var(--text-primary)}.category-count{background:var(--bg-secondary);color:var(--text-secondary);padding:.25rem .75rem;border-radius:4px;font-size:12px;font-weight:700}.task-list{display:flex;flex-direction:column;gap:.75rem}.task-item.aging{animation:taskPulse 2s ease-in-out infinite;border-color:var(--accent-red)}@keyframes taskPulse{0%,to{box-shadow:0 0 #ef444400}50%{box-shadow:0 0 0 4px #ef444466}}.task-item{background:var(--bg-secondary);border:2px solid var(--border-heavy);border-radius:4px;padding:.5rem;display:flex;flex-direction:column;gap:.5rem;cursor:move;transition:all .2s;position:relative}.task-item:hover{border-color:var(--accent-blue);transform:translate(2px)}.task-item.completed{opacity:.6;cursor:default}.task-item.completed .task-text{text-decoration:line-through;color:var(--text-muted)}.task-content{display:flex;align-items:flex-start;gap:.5rem;width:100%;padding-right:1.5rem}.task-checkbox{width:16px;height:16px;cursor:pointer;accent-color:var(--accent-green);margin-top:2px;flex-shrink:0}.task-text{font-size:13px;font-weight:600;color:var(--text-primary);word-wrap:break-word;overflow-wrap:break-word;white-space:normal;line-height:1.4;flex:1}.task-footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding-top:.25rem;border-top:1px solid var(--border-subtle)}.sprint-selector{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:4px;transition:all .2s}.sprint-selector:hover{background:var(--surface-raised);border-color:var(--accent-blue)}.sprint-icon{font-size:13px}.sprint-value{font-size:11px;font-weight:700;color:var(--text-primary);min-width:14px;text-align:center}.sprint-arrows{display:flex;flex-direction:column;gap:0;margin-left:.15rem}.sprint-arrow{background:none;border:none;color:var(--text-muted);font-size:8px;line-height:.6;cursor:pointer;padding:0;transition:color .2s;display:flex;align-items:center;justify-content:center;width:12px;height:8px}.sprint-arrow:hover{color:var(--accent-blue)}.sprint-arrow:active{transform:scale(.9)}.sprint-counter{display:flex;align-items:center;gap:.25rem;background:var(--bg-elevated);padding:.25rem .5rem;border-radius:4px;white-space:nowrap}.sprint-btn{background:none;border:none;color:var(--text-secondary);font-size:16px;cursor:pointer;padding:0 .25rem;line-height:1;transition:color .2s}.sprint-btn:hover{color:var(--accent-blue)}.sprint-count{font-size:12px;font-weight:700;color:var(--text-primary);min-width:32px;text-align:center}.task-delete{background:none;border:none;color:var(--text-muted);font-size:18px;cursor:pointer;padding:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;transition:color .2s;position:absolute;top:.5rem;right:.5rem}.task-delete:hover{color:var(--accent-red)}.empty-message{text-align:center;color:var(--text-muted);font-size:12px;padding:2rem 0}.wins-section{padding:2rem;margin-top:2rem;border-top:3px solid var(--accent-green);background:var(--bg-elevated);border-radius:6px}.wins-section .section-label{color:var(--accent-green);font-size:16px;margin-bottom:1rem}.wins-list{display:flex;flex-direction:column;gap:.5rem}@media (max-width: 1200px){.task-categories{grid-template-columns:1fr}.task-category{min-height:200px}}@media (max-width: 768px){.task-content{flex-direction:column;align-items:flex-start}.sprint-counter{width:100%;justify-content:center}}.distraction-logger.collapsed{padding:0;background:transparent;border:none;box-shadow:none}.distraction-bar{display:flex;align-items:center;gap:.75rem;background:var(--bg-secondary);border:2px solid var(--border-heavy);padding:.75rem 1rem;border-radius:6px}.distraction-count-inline{font-size:13px;font-weight:700;color:var(--text-secondary)}.expand-btn{background:none;border:none;color:var(--text-muted);font-size:20px;cursor:pointer;padding:0;margin-left:auto;transition:color .2s}.expand-btn:hover{color:var(--text-primary)}.distraction-logger.expanded{padding:2rem}.header-actions{display:flex;align-items:center;gap:1rem}.distraction-count{background:var(--accent-red);color:#fff;padding:.5rem 1rem;border-radius:4px;font-size:18px;font-weight:800;min-width:48px;text-align:center}.collapse-btn{background:none;border:none;color:var(--text-muted);font-size:32px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s}.collapse-btn:hover{color:var(--text-primary)}.distraction-controls{margin-bottom:1rem}.distraction-btn-main{font-size:14px;padding:.75rem 1.5rem;width:100%}.distraction-input-area{display:flex;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:2px solid var(--border-heavy)}.distraction-input-area input{flex:1}.distraction-list{margin-top:1.5rem}.list-title{font-size:12px;font-weight:700;color:var(--text-secondary);letter-spacing:1px;margin-bottom:1rem}.distraction-item{background:var(--bg-elevated);padding:.75rem;border-radius:4px;margin-bottom:.5rem;display:flex;flex-direction:column;gap:.25rem}.distraction-time{font-size:11px;color:var(--text-muted);font-family:Roboto Mono,monospace}.distraction-note{font-size:13px;color:var(--text-primary);font-weight:500}.distraction-warning{margin-top:1.5rem;padding:1rem;background:#ef44441a;border:2px solid var(--accent-red);border-radius:4px;color:var(--accent-red);font-size:13px;text-align:center}.distraction-warning strong{font-weight:800}.agent-status{background:var(--accent-green);color:#fff;padding:.25rem .75rem;border-radius:4px;font-size:11px;font-weight:700;letter-spacing:1px}.agent-display-compact{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:var(--bg-elevated);border-radius:6px;margin-bottom:1rem}.agent-icon-small{font-size:16px;color:var(--accent-blue);flex-shrink:0}.agent-message-compact{font-family:Roboto Mono,monospace;font-size:14px;line-height:1.7;color:var(--text-primary);font-weight:500;letter-spacing:.01em}.reflection-section{margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid var(--border-heavy)}.reflection-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.reflection-label{font-size:12px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.btn-generate-reflection{background:var(--bg-elevated);border:2px solid var(--border-heavy);color:var(--text-primary);padding:.5rem 1rem;font-size:12px;font-weight:700;border-radius:4px;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.5px}.btn-generate-reflection:hover{border-color:var(--accent-blue);background:var(--bg-secondary)}.reflection-content{background:var(--bg-elevated);padding:1.5rem;border-radius:6px;border-left:4px solid var(--accent-blue)}.reflection-text{font-family:Georgia,serif;font-size:15px;line-height:1.8;color:var(--text-primary);margin:0;white-space:pre-line}.reflection-scripture{color:var(--accent-blue);font-style:italic;margin-bottom:1rem;display:block}.reflection-commentary{font-family:Roboto Mono,monospace;font-weight:500}padding: 2rem; background: var(--bg-elevated); border: 2px solid var(--border-heavy); border-radius: 6px; text-align: center; margin-bottom: 1.5rem; } .agent-icon{font-size:48px;color:var(--accent-blue);margin-bottom:1rem;animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.agent-message{font-family:Roboto Mono,monospace;font-size:14px;font-weight:500;line-height:1.6;color:var(--text-primary);min-height:60px;display:flex;align-items:center;justify-content:center}.pacing-section{margin:2rem 0;padding:2rem 0;border-top:2px solid var(--border-heavy);border-bottom:2px solid var(--border-heavy)}.pacing-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.pacing-label{font-size:12px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.pacing-status{font-size:13px;font-weight:800}.pacing-bar{width:100%;height:12px;background:var(--bg-elevated);border-radius:6px;overflow:hidden;margin-bottom:.5rem}.pacing-fill{height:100%;transition:width .5s ease,background-color .3s ease;border-radius:6px}.pacing-info{font-size:11px;color:var(--text-muted);text-align:right}.agent-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;padding:2rem 0;border-top:2px solid var(--border-heavy);border-bottom:2px solid var(--border-heavy);margin:1.5rem 0}.stat-item{display:flex;flex-direction:column;align-items:center;gap:.75rem}.stat-label{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.stat-value{font-size:32px;font-weight:800;color:var(--text-primary);line-height:1;letter-spacing:-.02em}.distraction-stat{color:var(--accent-red)}.agent-note{margin-top:1rem;text-align:center;color:var(--text-muted);font-size:11px;font-style:italic}.view-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:2px solid var(--border-subtle)}.view-tab{flex:1;padding:.75rem 1rem;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--text-secondary);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;letter-spacing:.5px}.view-tab:hover{color:var(--text-primary);background:var(--surface-muted)}.view-tab.active{color:var(--accent-blue);border-bottom-color:var(--accent-blue);font-weight:700}.charts-view{margin-top:1rem}.chart-container{margin-bottom:2rem}.chart-title{font-size:14px;font-weight:700;color:var(--text-secondary);margin-bottom:1rem;text-transform:uppercase;letter-spacing:1px}.bar-chart{display:flex;align-items:flex-end;justify-content:space-between;height:200px;gap:.5rem;padding:1rem;background:var(--surface-muted);border-radius:8px;border:1px solid var(--border-subtle)}.bar-group{flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem}.bar-container{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center}.bar{width:100%;max-width:48px;min-height:4px;background:var(--accent-blue);border-radius:4px 4px 0 0;position:relative;transition:all .3s ease;display:flex;align-items:flex-start;justify-content:center;padding-top:.25rem}.bar:hover{opacity:.8;transform:translateY(-2px)}.bar-value{font-size:11px;font-weight:700;color:#fff}.bar-label{font-size:11px;color:var(--text-muted);text-align:center}.chart-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.5rem}.summary-item{display:flex;flex-direction:column;gap:.25rem;padding:1rem;background:var(--surface-muted);border-radius:6px;border:1px solid var(--border-subtle)}.summary-label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.summary-value{font-size:18px;font-weight:800;color:var(--text-primary)}@media (max-width: 768px){.chart-summary{grid-template-columns:1fr}.bar-chart{height:160px}}.toughness-selector{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;background:var(--surface-muted);border:1px solid var(--border-subtle);border-radius:6px;margin-bottom:1rem}.toughness-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.toughness-buttons{display:flex;gap:.5rem}.toughness-btn{padding:.4rem .75rem;font-size:11px;font-weight:700;border:2px solid var(--border-medium);border-radius:4px;background:var(--surface-elevated);color:var(--text-secondary);cursor:pointer;transition:all .2s;white-space:nowrap}.toughness-btn:hover{border-color:var(--accent-blue);transform:translateY(-1px)}.toughness-btn.active{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff;box-shadow:0 2px 4px #2563eb4d}@media (max-width: 768px){.toughness-selector{flex-direction:column;align-items:flex-start;gap:.5rem}.toughness-buttons{width:100%;justify-content:space-between}.toughness-btn{flex:1;font-size:10px;padding:.35rem .5rem}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.modal{background:var(--bg-secondary);border:2px solid var(--border-heavy);border-radius:8px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #000c}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;border-bottom:2px solid var(--border-heavy)}.modal-header h2{font-size:24px;font-weight:800;letter-spacing:.5px}.modal-close{background:none;border:none;color:var(--text-muted);font-size:32px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s}.modal-close:hover{color:var(--text-primary)}.grade-display{padding:2rem;text-align:center;background:var(--bg-elevated);margin:2rem;border:2px solid var(--border-heavy);border-radius:6px}.grade-letter{font-size:96px;font-weight:800;line-height:1;margin-bottom:1rem}.grade-message{font-size:16px;font-weight:600;color:var(--text-secondary)}.daily-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:0 2rem 2rem}.stat-box{background:var(--bg-elevated);border:2px solid var(--border-heavy);border-radius:6px;padding:1.5rem 1rem;text-align:center}.stat-number{font-size:36px;font-weight:800;color:var(--text-primary);margin-bottom:.5rem}.stat-label{font-size:12px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.reflection-section{padding:0 2rem 2rem}.reflection-group{margin-bottom:1.5rem}.reflection-group label{display:block;font-size:14px;font-weight:700;color:var(--text-primary);margin-bottom:.75rem}.modal-actions{display:flex;gap:1rem;padding:2rem;border-top:2px solid var(--border-heavy)}.modal-actions .btn{flex:1}.submission-success{padding:4rem 2rem;text-align:center}.success-icon{width:80px;height:80px;background:var(--accent-green);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:48px;margin:0 auto 2rem}.submission-success h2{font-size:28px;font-weight:800;margin-bottom:1rem}.submission-success p{font-size:16px;color:var(--text-secondary);margin-bottom:.5rem}.success-message{font-family:Roboto Mono,monospace;color:var(--text-muted);font-style:italic;margin-top:1.5rem}@media (max-width: 768px){.modal-overlay{padding:1rem}.modal-header{padding:1.5rem}.grade-display{margin:1rem}.grade-letter{font-size:72px}.daily-stats{grid-template-columns:1fr;padding:0 1rem 1rem}.reflection-section{padding:0 1rem 1rem}.modal-actions{flex-direction:column;padding:1.5rem}}.grade-label-small{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-top:.5rem;font-weight:700}.self-grade-section{background:var(--surface-muted);border:2px solid var(--border-medium);border-radius:8px;padding:1.5rem;margin:1.5rem 0}.self-grade-title{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:1rem;color:var(--text-primary)}.self-grade-buttons{display:flex;gap:.75rem;justify-content:center;margin-bottom:.75rem}.self-grade-btn{width:60px;height:60px;font-size:24px;font-weight:800;border:3px solid var(--border-medium);border-radius:8px;background:var(--surface-elevated);color:var(--text-primary);cursor:pointer;transition:all .2s}.self-grade-btn:hover{border-color:var(--accent-blue);transform:scale(1.05)}.self-grade-btn.active{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff;box-shadow:0 4px 12px #2563eb66;transform:scale(1.1)}.self-grade-hint{font-size:11px;color:var(--text-muted);text-align:center;font-style:italic}.grade-comparison-display{margin:2rem 0}.grade-pair{display:flex;align-items:center;justify-content:center;gap:2rem}.grade-item{display:flex;flex-direction:column;align-items:center;gap:.5rem}.grade-label{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);font-weight:700}.grade-letter{font-size:72px;font-weight:800;line-height:1}.grade-separator{font-size:18px;font-weight:700;color:var(--text-muted)}.comparison-insight{background:var(--surface-muted);border-left:4px solid var(--accent-blue);border-radius:4px;padding:1.5rem;margin:1.5rem 0;text-align:left}.comparison-message{font-size:14px;font-weight:700;color:var(--text-primary);margin-bottom:.75rem}.comparison-detail{font-size:13px;line-height:1.6;color:var(--text-secondary)}@media (max-width: 768px){.self-grade-buttons{gap:.5rem}.self-grade-btn{width:50px;height:50px;font-size:20px}.grade-pair{gap:1rem}.grade-letter{font-size:56px}}.accountability-check{background:var(--surface-muted);border:2px solid var(--border-medium);border-radius:8px;padding:1.5rem;margin:1.5rem 0}.accountability-check.success{border-color:#22c55e;background:#22c55e0d}.accountability-check.partial{border-color:#f59e0b;background:#f59e0b0d}.accountability-check.failed{border-color:#ef4444;background:#ef44440d}.accountability-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.accountability-icon{font-size:24px}.accountability-title{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-primary)}.accountability-commitment{font-size:14px;margin-bottom:1rem;padding:.75rem;background:var(--surface-elevated);border-radius:4px;font-style:italic}.accountability-result{font-size:13px;margin-bottom:1rem}.accountability-result ul{margin:.5rem 0 0 1.5rem}.accountability-result li{margin:.25rem 0;color:var(--text-secondary)}.accountability-verdict{font-size:14px;font-weight:700;padding:.75rem;border-radius:4px;text-align:center}.accountability-verdict.success{color:#22c55e;background:#22c55e1a}.accountability-verdict.partial{color:#f59e0b;background:#f59e0b1a}.accountability-verdict.failed{color:#ef4444;background:#ef44441a}.reflection-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:2000;padding:2rem}.reflection-panel{background:var(--bg-secondary);border:2px solid var(--border-heavy);border-radius:8px;max-width:600px;width:100%;box-shadow:0 25px 50px -12px #000c}.reflection-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;border-bottom:2px solid var(--border-heavy)}.reflection-header h2{font-size:24px;font-weight:800;color:var(--text-primary)}.reflection-close{background:none;border:none;color:var(--text-muted);font-size:32px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s}.reflection-close:hover{color:var(--text-primary)}.reflection-content{padding:2rem;min-height:200px}.reflection-text{font-family:Roboto Mono,monospace;font-size:16px;line-height:1.8;color:var(--text-primary);font-weight:500}.faith-reflection{font-family:Georgia,serif}.scripture{font-size:15px;line-height:1.8;color:var(--accent-blue);font-style:italic;margin-bottom:1.5rem;padding-left:1rem;border-left:3px solid var(--accent-blue)}.commentary{font-family:Roboto Mono,monospace;font-size:15px;line-height:1.8;color:var(--text-primary);font-weight:500}.reflection-actions{padding:2rem;border-top:2px solid var(--border-heavy)}.reflection-actions .btn{width:100%;padding:1rem;font-size:16px}.pro-hint{padding:0 2rem 2rem;text-align:center;color:var(--text-muted);font-size:12px}@media (max-width: 768px){.reflection-overlay{padding:1rem}.reflection-header,.reflection-content{padding:1.5rem}.reflection-text,.commentary{font-size:14px}.scripture{font-size:13px}}.yesterday-commitment{background:linear-gradient(135deg,#f59e0b1a,#fbbf240d);border-left:4px solid #F59E0B;border-radius:8px;padding:1.5rem;margin-bottom:2rem}.commitment-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#f59e0b;margin-bottom:.75rem}.commitment-text{font-size:16px;font-weight:600;line-height:1.6;color:var(--text-primary);margin-bottom:.75rem;font-style:italic}.commitment-challenge{font-size:13px;color:var(--text-secondary);font-weight:500}.tracker-average{font-size:18px;font-weight:800;padding:.5rem 1rem;background:var(--bg-elevated);border-radius:4px}.tracker-empty{padding:3rem 2rem;text-align:center;color:var(--text-muted);font-size:14px}.grades-chart{display:flex;align-items:flex-end;justify-content:space-around;padding:2rem 1rem;height:200px;gap:.5rem}.grade-bar-container{display:flex;flex-direction:column;align-items:center;flex:1;min-height:100%}.grade-bar{width:100%;max-width:60px;min-height:40px;border-radius:4px 4px 0 0;display:flex;align-items:flex-start;justify-content:center;padding-top:.5rem;transition:all .3s ease;position:relative}.grade-bar:hover{transform:translateY(-4px);opacity:.9}.grade-letter{font-size:16px;font-weight:800;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.grade-day{font-size:11px;font-weight:700;color:var(--text-secondary);margin-top:.5rem;text-transform:uppercase;letter-spacing:.5px}.tracker-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;padding:1.5rem;border-top:2px solid var(--border-heavy)}.tracker-stat{display:flex;flex-direction:column;align-items:center;gap:.5rem}.tracker-stat .stat-label{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.tracker-stat .stat-value{font-size:24px;font-weight:800;color:var(--text-primary)}@media (max-width: 768px){.grades-chart{height:150px}.grade-bar{max-width:40px}.grade-letter{font-size:14px}}*{margin:0;padding:0;box-sizing:border-box}:root{--surface-base: #0a0e14;--surface-muted: #111827;--surface-elevated: #1a202c;--surface-raised: #1f2937;--text-primary: #e0e0e0;--text-secondary: #a8a8a8;--text-muted: #6b7280;--text-disabled: #4b5563;--font-size-xs: 11px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 24px;--font-size-2xl: 32px;--font-size-3xl: 42px;--font-weight-normal: 400;--font-weight-medium: 600;--font-weight-bold: 800;--line-height-tight: 1.2;--line-height-base: 1.5;--line-height-relaxed: 1.8;--accent-red: #e3302f;--accent-red-glow: rgba(227, 48, 47, .15);--accent-red-hover: #c72827;--accent-blue: #2563EB;--accent-blue-glow: rgba(37, 99, 235, .15);--accent-green: #22C55E;--accent-green-glow: rgba(34, 197, 94, .15);--accent-orange: #F59E0B;--border-subtle: #2d3748;--border-medium: #374151;--border-heavy: #4b5563;--shadow-sm: 0 2px 6px rgba(0, 0, 0, .15);--shadow-md: 0 4px 12px rgba(0, 0, 0, .2);--shadow-lg: 0 6px 20px rgba(0, 0, 0, .25);--shadow-accent: 0 4px 12px var(--accent-red-glow);--shadow-deep: var(--shadow-md);--spacing-unit: .25rem;--spacing-xs: calc(var(--spacing-unit) * 1);--spacing-sm: calc(var(--spacing-unit) * 2);--spacing-md: calc(var(--spacing-unit) * 3);--spacing-lg: calc(var(--spacing-unit) * 4);--spacing-xl: calc(var(--spacing-unit) * 6);--spacing-2xl: calc(var(--spacing-unit) * 8);--spacing-3xl: calc(var(--spacing-unit) * 12);--bg-primary: var(--surface-base);--bg-secondary: var(--surface-muted);--bg-elevated: var(--surface-elevated)}[data-theme=light]{--surface-base: #f5f5f5;--surface-muted: #e8e8e8;--surface-elevated: #ffffff;--surface-raised: #d9d9d9;--text-primary: #0a0a0a;--text-secondary: #404040;--text-muted: #6b7280;--border-subtle: #c0c0c0;--border-medium: #8a8a8a;--border-heavy: #5a5a5a;--bg-primary: #f5f5f5;--bg-secondary: #e8e8e8;--bg-elevated: #ffffff;--accent-blue: #2563EB;--accent-green: #22C55E;--accent-red: #e3302f;--shadow-deep: 0 4px 16px rgba(0, 0, 0, .15);--shadow-sm: 0 2px 6px rgba(0, 0, 0, .12);--shadow-md: 0 4px 12px rgba(0, 0, 0, .15);--shadow-lg: 0 6px 20px rgba(0, 0, 0, .18)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--surface-base);color:var(--text-primary);line-height:1.5;font-size:13px;letter-spacing:.01em;-webkit-font-smoothing:antialiased;transition:all .3s ease}h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--text-primary);letter-spacing:-.03em;margin-bottom:1rem}h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--text-primary);letter-spacing:-.02em;margin-bottom:.75rem}h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--text-primary);letter-spacing:-.01em;margin-bottom:.5rem}h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);line-height:var(--line-height-base);color:var(--text-secondary);margin-bottom:.5rem}p{font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-relaxed);color:var(--text-secondary);margin-bottom:1rem}small{font-size:var(--font-size-xs);color:var(--text-muted)}.hidden{display:none!important}::-webkit-scrollbar-track{background:var(--surface-muted);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--accent-red);border-radius:4px;border:2px solid var(--surface-muted)}::-webkit-scrollbar-thumb:hover{background:var(--accent-red-hover)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--surface-muted)}::-webkit-scrollbar-thumb{background:var(--accent-red);border-radius:5px;border:2px solid var(--surface-muted)}::-webkit-scrollbar-thumb:hover{background:#ff4742}*{scrollbar-width:thin;scrollbar-color:var(--accent-red) var(--surface-muted)}.app{min-height:100vh;padding:2rem}.app-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-xl);background:var(--surface-muted);border-bottom:1px solid var(--border-subtle);margin-bottom:var(--spacing-xs);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:100}.app-header.sticky-compact{padding:var(--spacing-sm) var(--spacing-lg);box-shadow:var(--shadow-md)}.app-header.sticky-compact .logo{height:32px}.compact-timer-display{display:flex;align-items:center;gap:var(--spacing-sm);background:var(--surface-elevated);padding:var(--spacing-xs) var(--spacing-md);border-radius:4px;border:1px solid var(--border-medium)}.compact-timer-type{font-size:10px;font-weight:700;color:var(--text-muted);letter-spacing:1px}.compact-timer-time{font-size:18px;font-weight:800;color:var(--text-primary);font-variant-numeric:tabular-nums;font-family:Roboto Mono,monospace}.compact-timer-pulse{color:var(--accent-red);animation:pulse 1.5s ease-in-out infinite;font-size:12px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.logo-section{display:flex;flex-direction:column;gap:.5rem;align-items:flex-start}.logo{height:56px;width:auto;display:block;margin-left:0}.logo-pulse{animation:logoPulse .6s ease}@keyframes logoPulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 0 transparent)}50%{transform:scale(1.08);filter:drop-shadow(0 0 16px var(--accent-green))}}.tagline{font-size:12px;font-weight:500;color:var(--text-secondary);font-style:normal;margin:0;letter-spacing:.03em;line-height:1.5;max-width:380px;text-transform:uppercase}.theme-toggle{background:transparent;border:none;color:var(--text-muted);font-size:13px;font-weight:600;padding:.5rem 1rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem;text-transform:uppercase;letter-spacing:.5px}.theme-toggle:hover{color:var(--text-primary)}.header-controls{display:flex;gap:1rem;align-items:center}.streak-display{background:linear-gradient(135deg,#22c55e26,#22c55e0d);border:1px solid var(--accent-green);color:var(--accent-green);padding:.5rem 1rem;border-radius:8px;font-weight:700;font-size:15px;letter-spacing:.5px;box-shadow:0 4px 12px #22c55e33;display:flex;align-items:center;gap:.5rem}.energy-select{background:var(--bg-elevated);color:var(--text-primary);border:2px solid var(--border-heavy);padding:.75rem 1.25rem;font-size:14px;font-weight:600;border-radius:6px;cursor:pointer;transition:all .2s}.energy-select:hover{border-color:var(--accent-blue)}.btn-end-day{background:var(--accent-red);color:#fff;border:none;padding:.75rem 1.5rem;font-size:14px;font-weight:800;border-radius:6px;cursor:pointer;transition:all .2s;letter-spacing:.5px}.btn-end-day:hover{background:#dc2626;transform:translateY(-1px)}.app-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:var(--spacing-lg);max-width:1600px;margin:0 auto;padding:var(--spacing-lg) var(--spacing-md)}.card{background:var(--surface-elevated);border:2px solid var(--border-medium);border-radius:8px;padding:var(--spacing-lg);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-xl);position:relative;transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px);border-color:var(--border-heavy)}[data-theme=light] .card{box-shadow:0 2px 8px #0000001a,0 0 0 1px #0000000d}[data-theme=light] .card:hover{box-shadow:0 4px 12px #00000026,0 0 0 1px #00000014}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:2px solid var(--border-heavy)}.card-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:var(--line-height-tight);letter-spacing:-.02em}.btn{background:var(--accent-blue);color:#fff;border:none;padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);border-radius:4px;cursor:pointer;transition:all var(--transition-base);text-transform:uppercase;letter-spacing:.08em;box-shadow:0 2px 8px var(--accent-blue-glow)}.btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #2563eb40;background:#1d4ed8}.btn:active{transform:translateY(0);box-shadow:0 1px 4px var(--accent-blue-glow)}.btn:disabled{background:var(--bg-elevated);color:var(--text-muted);cursor:not-allowed;transform:none}.app-footer{padding:2rem 0;text-align:center;border-top:1px solid var(--border-heavy);margin-top:4rem;display:flex;justify-content:center;align-items:center;gap:1rem}.app-footer a{color:var(--text-muted);text-decoration:none;font-size:13px;font-weight:600;transition:color .2s;text-transform:uppercase;letter-spacing:.5px}.app-footer a:hover{color:var(--accent-blue)}.footer-separator{color:var(--border-heavy);font-size:13px}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary)}.btn-secondary:hover{background:#4b5563}.btn-success{background:var(--accent-green)}.btn-success:hover{background:#16a34a}.btn-danger{background:var(--accent-red)}.btn-danger:hover{background:#dc2626}input[type=text],textarea{width:100%;background:var(--bg-elevated);border:2px solid var(--border-heavy);color:var(--text-primary);padding:.75rem 1rem;font-size:14px;border-radius:6px;font-family:inherit;transition:all .2s}input[type=text]:focus,textarea:focus{outline:none;border-color:var(--accent-blue);background:var(--bg-secondary)}textarea{resize:vertical;min-height:100px}.main-column,.side-column{display:flex;flex-direction:column}@media (max-width: 1024px){.app-grid{grid-template-columns:1fr}}@media (max-width: 768px){.app{padding:1rem}.app-header{flex-direction:column;gap:1rem;padding:1rem}.header-controls{width:100%;flex-direction:column}.logo-section{align-items:center}.logo{height:40px}.tagline{font-size:11px;text-align:center}.energy-select,.btn-end-day{width:100%}}.milestone-notification{position:fixed;bottom:2rem;right:2rem;max-width:400px;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:2px solid #60A5FA;border-radius:12px;padding:1.5rem;box-shadow:0 8px 32px #2563eb66,0 0 0 1px #ffffff1a;display:flex;gap:1rem;align-items:flex-start;animation:slideInUp .4s ease,pulse .6s ease .2s;z-index:1000}.milestone-icon{font-size:32px;line-height:1;animation:bounce .6s ease .4s}.milestone-content{flex:1}.milestone-title{font-size:18px;font-weight:800;color:#fff;margin-bottom:.5rem;letter-spacing:.5px}.milestone-message{font-size:14px;color:#ffffffe6;line-height:1.5}.milestone-close{background:none;border:none;color:#fff;font-size:28px;line-height:1;cursor:pointer;opacity:.7;transition:opacity .2s;padding:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.milestone-close:hover{opacity:1}@keyframes slideInUp{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@media (max-width: 768px){.milestone-notification{bottom:1rem;right:1rem;left:1rem;max-width:none}}.help-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--surface-elevated);border:2px solid var(--border-medium);border-radius:50%;font-size:18px;text-decoration:none;transition:all .2s;cursor:pointer}.help-link:hover{background:var(--accent-blue);border-color:var(--accent-blue);transform:scale(1.1)}.btn-home{display:flex;align-items:center;gap:.5rem;background:var(--surface-elevated);color:var(--text-primary);border:2px solid var(--border-medium);padding:.5rem 1rem;font-size:13px;font-weight:700;border-radius:6px;cursor:pointer;text-decoration:none;transition:all .2s;text-transform:uppercase;letter-spacing:.5px}.btn-home:hover{border-color:var(--accent-blue);color:var(--accent-blue);transform:translateY(-1px)}[data-theme=light] .app-header{background:#fff;border-bottom:3px solid #e5e7eb;box-shadow:0 2px 8px #00000014}[data-theme=light] .app-header.sticky-compact{box-shadow:0 4px 12px #0000001f;border-bottom-color:#d1d5db}.btn-end-day.disabled{background:#374151;color:#9ca3af;cursor:not-allowed;opacity:.6}.btn-end-day.disabled:hover{background:#374151;transform:none}.btn-end-day:disabled{background:#374151;color:#9ca3af;cursor:not-allowed;opacity:.6}