*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--bg-start: #e8f4fd;--bg-mid: #ede7f6;--bg-end: #fce4ec;--card-bg: rgba(255, 255, 255, .82);--card-border: rgba(255, 255, 255, .6);--card-shadow: 0 8px 32px rgba(100, 80, 150, .1), 0 2px 8px rgba(0, 0, 0, .04);--text-primary: #2d3748;--text-secondary: #4a5568;--text-muted: #6b7280;--accent: #6b52ae;--color-start: #2b6cb0;--color-complete: #2f855a;--color-skip-bg: rgba(0, 0, 0, .06);--color-skip-text: #4a5568;--badge-completed-bg: #c6f6d5;--badge-completed-text: #22543d;--badge-skipped-bg: #e2e8f0;--badge-skipped-text: #4a5568;--radius-card: 20px;--radius-btn: 12px;--radius-badge: 20px;--transition: .18s cubic-bezier(.4, 0, .2, 1)}.app{min-height:100vh;background:linear-gradient(160deg,var(--bg-start) 0%,var(--bg-mid) 50%,var(--bg-end) 100%);background-attachment:fixed;padding:24px 16px 48px;display:flex;flex-direction:column;align-items:center}.app-header{text-align:center;margin-bottom:40px;padding-top:32px}.app-title{font-size:2.25rem;font-weight:700;color:var(--accent);letter-spacing:-.03em}.app-subtitle{font-size:.8125rem;color:var(--text-muted);letter-spacing:.07em;text-transform:uppercase;margin-top:4px}.test-lab-link{display:inline-block;margin-top:14px;font-size:.75rem;font-weight:600;color:var(--accent);text-decoration:none;padding:5px 12px;border-radius:20px;background:#6b52ae1a;transition:all var(--transition)}.test-lab-link:hover{background:#6b52ae2e;transform:translateY(-1px)}.test-lab-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-main{width:100%;max-width:500px;display:flex;flex-direction:column;gap:20px}.mood-selector,.task-card,.history-section{background:var(--card-bg);border:1px solid var(--card-border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-card);padding:28px 24px;box-shadow:var(--card-shadow)}.mood-question{font-size:1.125rem;font-weight:600;color:var(--text-primary);text-align:center;margin-bottom:20px}.mood-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.mood-button{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 6px;border:2px solid transparent;border-radius:14px;background:#ffffff8c;cursor:pointer;transition:all var(--transition);font-family:inherit}.mood-button:hover{background:#ffffffeb;border-color:var(--mood-color, #a0aec0);transform:translateY(-2px);box-shadow:0 4px 16px #00000012}.mood-button:active{transform:translateY(0)}.mood-button:focus-visible{outline:2.5px solid var(--mood-color, var(--accent));outline-offset:2px}.mood-emoji{font-size:1.625rem;line-height:1}.mood-label{font-size:.6875rem;font-weight:600;color:var(--text-secondary);text-align:center}.task-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.back-button{background:none;border:none;cursor:pointer;font-size:.8125rem;color:var(--text-secondary);padding:4px 8px;border-radius:8px;transition:all var(--transition);font-family:inherit}.back-button:hover{background:#0000000d;color:var(--text-primary)}.back-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mood-badge{font-size:.75rem;font-weight:500;color:var(--text-muted);padding:4px 10px;background:#0000000a;border-radius:20px}.task-content{text-align:center;margin-bottom:28px}.task-duration{font-size:.6875rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px}.task-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:12px;line-height:1.2}.task-description{font-size:.9375rem;color:var(--text-secondary);line-height:1.65}.timer-section{margin-bottom:24px;text-align:center}.timer-display{font-size:2.75rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--accent);letter-spacing:-.02em;margin-bottom:12px}.progress-bar{height:6px;background:#6b52ae1a;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--color-start));border-radius:3px;transition:width 1s linear}.task-actions{display:flex;gap:8px}.btn{flex:1;padding:14px 16px;border:none;border-radius:var(--radius-btn);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all var(--transition);font-family:inherit;letter-spacing:.01em}.btn:focus-visible{outline:2.5px solid currentColor;outline-offset:2px}.btn:active{transform:scale(.98)!important}.btn-start{background:var(--color-start);color:#fff}.btn-start:hover{background:#2c5282;transform:translateY(-1px);box-shadow:0 4px 12px #2b6cb059}.btn-complete{background:var(--color-complete);color:#fff}.btn-complete:hover{background:#276749;transform:translateY(-1px);box-shadow:0 4px 12px #2f855a59}.btn-skip{background:var(--color-skip-bg);color:var(--color-skip-text)}.btn-skip:hover{background:#0000001a;transform:translateY(-1px)}.history-title{font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px}.history-list{list-style:none;display:flex;flex-direction:column;gap:8px}.history-date-group{margin-bottom:12px}.history-date-group:last-child{margin-bottom:0}.history-date-label{font-size:.6875rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;padding:0 2px}.history-entry{display:flex;flex-direction:column;padding:10px 14px;background:#ffffff80;border-radius:12px;gap:0}.history-entry-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.history-entry-content{display:flex;flex-direction:column;gap:2px;min-width:0}.history-task-title{font-size:.875rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-mood{font-size:.6875rem;color:var(--text-muted)}.history-entry-meta{display:flex;align-items:center;gap:8px;flex-shrink:0}.history-badge{font-size:.6875rem;font-weight:600;padding:3px 9px;border-radius:var(--radius-badge);text-transform:capitalize}.history-badge-completed{background:var(--badge-completed-bg);color:var(--badge-completed-text)}.history-badge-skipped{background:var(--badge-skipped-bg);color:var(--badge-skipped-text)}.history-time{font-size:.6875rem;color:var(--text-muted)}.history-delete{background:none;border:none;cursor:pointer;font-size:1rem;line-height:1;color:var(--text-muted);padding:0 2px;border-radius:4px;transition:all var(--transition);font-family:inherit;opacity:0}.history-entry:hover .history-delete{opacity:1}.history-delete:hover{color:#e53e3e;background:#e53e3e14}.history-delete:focus-visible{opacity:1;outline:2px solid #e53e3e;outline-offset:2px}@media (hover: none){.history-delete{opacity:1}}.history-note-btn{background:none;border:none;cursor:pointer;font-size:.875rem;line-height:1;color:var(--text-muted);padding:0 2px;border-radius:4px;transition:all var(--transition);font-family:inherit;opacity:0}.history-entry:hover .history-note-btn{opacity:1}.history-note-btn.has-note{opacity:1;color:var(--accent)}.history-note-btn:hover{color:var(--accent);background:#6b52ae14}.history-note-btn:focus-visible{opacity:1;outline:2px solid var(--accent);outline-offset:2px}@media (hover: none){.history-note-btn{opacity:1}}.history-note-text{font-size:.8125rem;color:var(--text-secondary);font-style:italic;line-height:1.5;margin:6px 0 0;padding:6px 8px;background:#6b52ae0d;border-left:2px solid rgba(107,82,174,.2);border-radius:0 6px 6px 0}.history-note-editor{margin-top:8px;display:flex;flex-direction:column;gap:6px}.history-note-textarea{width:100%;font-size:.8125rem;font-family:inherit;color:var(--text-primary);background:#fffc;border:1.5px solid rgba(107,82,174,.25);border-radius:8px;padding:8px 10px;resize:none;line-height:1.5;box-sizing:border-box;transition:border-color var(--transition)}.history-note-textarea:focus{outline:none;border-color:var(--accent)}.history-note-actions{display:flex;gap:6px}.btn-note-save{font-size:.75rem;font-weight:600;font-family:inherit;padding:4px 12px;border:none;border-radius:6px;background:var(--accent);color:#fff;cursor:pointer;transition:all var(--transition)}.btn-note-save:hover{background:#5a3f9a}.btn-note-save:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-note-cancel{font-size:.75rem;font-weight:600;font-family:inherit;padding:4px 12px;border:none;border-radius:6px;background:#0000000f;color:var(--text-secondary);cursor:pointer;transition:all var(--transition)}.btn-note-cancel:hover{background:#0000001a}.btn-note-cancel:focus-visible{outline:2px solid var(--text-muted);outline-offset:2px}.header-controls{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:12px}.sync-indicator{display:inline-flex;align-items:center;justify-content:center}.sync-dot{width:7px;height:7px;border-radius:50%}.sync-indicator.syncing .sync-dot{background:var(--accent);animation:pulse 1s ease-in-out infinite}.sync-indicator.error .sync-dot{background:#e53e3e}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.account-btn{width:30px;height:30px;border-radius:50%;border:2px solid rgba(107,82,174,.25);background:#6b52ae14;color:var(--accent);font-size:.875rem;cursor:pointer;transition:all var(--transition);font-family:inherit;display:inline-flex;align-items:center;justify-content:center}.account-btn:hover{background:#6b52ae29;border-color:#6b52ae80;transform:scale(1.08)}.account-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.account-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 8px 3px 10px;background:#6b52ae14;border:1.5px solid rgba(107,82,174,.2);border-radius:20px;max-width:160px}.account-email{font-size:.6875rem;font-weight:600;color:var(--accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-signout{background:none;border:none;cursor:pointer;font-size:.8125rem;color:var(--text-muted);padding:0;line-height:1;transition:color var(--transition);font-family:inherit;flex-shrink:0}.account-signout:hover{color:var(--text-primary)}.account-signout:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}.account-intro{font-size:.9rem;color:var(--text-secondary);line-height:1.6;margin-bottom:4px}.account-form{display:flex;flex-direction:column;gap:6px;margin-top:8px}.account-label{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-top:4px}.account-input{font-family:inherit;font-size:.9375rem;color:var(--text-primary);background:#fffc;border:1.5px solid rgba(107,82,174,.2);border-radius:10px;padding:10px 12px;transition:border-color var(--transition);width:100%;box-sizing:border-box}.account-input:focus{outline:none;border-color:var(--accent)}.account-error{font-size:.8125rem;color:#e53e3e;background:#e53e3e0f;border-radius:8px;padding:8px 10px;margin-top:2px}.account-submit{margin-top:8px;padding:12px;border:none;border-radius:var(--radius-btn);background:var(--accent);color:#fff;font-size:.9375rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all var(--transition)}.account-submit:hover:not(:disabled){background:#5a3f9a;transform:translateY(-1px);box-shadow:0 4px 12px #6b52ae4d}.account-submit:disabled{opacity:.6;cursor:default}.account-submit:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.account-toggle{font-size:.8125rem;color:var(--text-muted);text-align:center;margin-top:12px}.account-toggle-link{background:none;border:none;color:var(--accent);font-size:inherit;font-family:inherit;cursor:pointer;text-decoration:underline;padding:0}.account-success{display:flex;flex-direction:column;gap:10px}.account-success p{font-size:.9rem;color:var(--text-secondary);line-height:1.65}.account-success-note{font-size:.8125rem!important;color:var(--text-muted)!important}.about-btn{margin-top:0;width:30px;height:30px;border-radius:50%;border:2px solid rgba(107,82,174,.25);background:#6b52ae14;color:var(--accent);font-size:.875rem;font-weight:700;cursor:pointer;transition:all var(--transition);font-family:inherit;display:inline-flex;align-items:center;justify-content:center}.about-btn:hover{background:#6b52ae29;border-color:#6b52ae80;transform:scale(1.08)}.about-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1e143c59;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px 16px;z-index:100;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-card{background:#fffffff2;border:1px solid rgba(255,255,255,.7);border-radius:var(--radius-card);box-shadow:0 24px 64px #3c28782e;width:100%;max-width:520px;max-height:85vh;display:flex;flex-direction:column;animation:slideUp .18s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 0;flex-shrink:0}.modal-title{font-size:1.125rem;font-weight:700;color:var(--text-primary)}.modal-close{background:none;border:none;font-size:1rem;color:var(--text-muted);cursor:pointer;padding:4px 8px;border-radius:8px;transition:all var(--transition);font-family:inherit;line-height:1}.modal-close:hover{background:#0000000f;color:var(--text-primary)}.modal-close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.modal-body{overflow-y:auto;padding:20px 24px 24px;display:flex;flex-direction:column;gap:20px;scrollbar-width:thin;scrollbar-color:rgba(107,82,174,.2) transparent}.modal-section h3{font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--accent);margin-bottom:8px}.modal-section p{font-size:.9rem;color:var(--text-secondary);line-height:1.65}.modal-steps{list-style:none;display:flex;flex-direction:column;gap:8px;counter-reset:steps}.modal-steps li{display:flex;gap:12px;font-size:.9rem;color:var(--text-secondary);line-height:1.5;counter-increment:steps}.modal-steps li:before{content:counter(steps);font-size:.75rem;font-weight:700;color:var(--accent);background:#6b52ae1a;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.modal-moods{list-style:none;display:flex;flex-direction:column;gap:10px}.modal-moods li{display:flex;align-items:flex-start;gap:10px;font-size:.875rem;color:var(--text-secondary);line-height:1.5}.mood-chip{font-size:.75rem;font-weight:600;white-space:nowrap;padding:2px 8px;background:#6b52ae14;border-radius:20px;color:var(--text-primary);flex-shrink:0}.insights-panel{background:var(--card-bg);border:1px solid var(--card-border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-card);padding:22px 24px;box-shadow:var(--card-shadow)}.insights-title{font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:16px}.insights-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.insight-item{display:flex;flex-direction:column;align-items:center;padding:12px;background:#ffffff80;border-radius:14px}.insight-item.insight-wide{grid-column:1 / -1;align-items:flex-start}.insight-value{font-size:1.75rem;font-weight:700;color:var(--accent);line-height:1}.insight-label{font-size:.6875rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-top:4px}.completion-header{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:8px}.completion-header .insight-value{font-size:1.125rem}.completion-bar{width:100%;height:6px;background:#6b52ae1a;border-radius:3px;overflow:hidden}.completion-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--color-start));border-radius:3px;transition:width .6s ease}.insight-mood-value{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin-top:4px}@media (max-width: 420px){.mood-grid{grid-template-columns:repeat(2,1fr)}.mood-button:last-child{grid-column:1 / -1}.task-title{font-size:1.25rem}.timer-display{font-size:2.25rem}}