.auth-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-md)}.auth-card{background:var(--color-surface);padding:var(--space-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:400px}.auth-card h2{color:var(--color-primary);margin-bottom:var(--space-xs);text-align:center}.auth-subtitle{color:var(--color-text-muted);text-align:center;margin-bottom:var(--space-lg)}.form-group{margin-bottom:var(--space-md)}.form-group label{display:block;margin-bottom:var(--space-xs);font-weight:500;color:var(--color-text)}.form-group input{width:100%;padding:var(--space-md);border:2px solid rgba(0,0,0,.1);border-radius:var(--radius-md);font-size:1rem;transition:border-color .2s}.form-group input:focus{outline:none;border-color:var(--color-primary)}.full-width{width:100%;margin-top:var(--space-md)}.auth-footer{text-align:center;margin-top:var(--space-lg);color:var(--color-text-muted);font-size:.9rem}.auth-footer a{color:var(--color-primary);text-decoration:none;font-weight:600}.auth-error{background:#ff76751a;color:var(--color-danger);padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-md);text-align:center}.focus-timer{display:flex;flex-direction:column;align-items:center;padding:var(--space-xl);background:var(--color-surface-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-glass);transition:all var(--transition-normal)}.focus-timer.focus{border-color:#6c5ce74d}.focus-timer.break{border-color:#00cec94d}.timer-display{position:relative;width:300px;height:300px;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-lg)}.progress-ring{transform:rotate(-90deg);transform-origin:50% 50%}.progress-ring__circle-bg{stroke:#0000000d}.progress-ring__circle{transition:stroke-dashoffset .5s ease-in-out,stroke .3s ease;stroke-linecap:round}.focus .progress-ring__circle{stroke:var(--color-primary)}.break .progress-ring__circle{stroke:var(--color-secondary)}.time-text{position:absolute;text-align:center;display:flex;flex-direction:column}.time-value{font-size:4.5rem;font-weight:700;font-family:var(--font-mono);color:var(--color-text);letter-spacing:-2px;line-height:1}.mode-label{font-size:1.2rem;text-transform:uppercase;letter-spacing:2px;color:var(--color-text-muted);margin-top:var(--space-xs)}.controls{display:flex;gap:var(--space-md);margin-bottom:var(--space-lg)}.btn-control{font-size:1.2rem;padding:var(--space-md) var(--space-xl);border-radius:var(--radius-full);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast);font-weight:600;border:none;box-shadow:var(--shadow-md)}.btn-control:first-child{background:var(--color-primary);color:#fff}.btn-control:first-child:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-control.secondary{background:transparent;border:2px solid var(--color-border);color:var(--color-text-muted);box-shadow:none}.btn-control.secondary:hover{border-color:var(--color-text);color:var(--color-text)}.mode-switch{display:flex;background:#0000000d;padding:var(--space-xs);border-radius:var(--radius-full)}.mode-btn{padding:var(--space-sm) var(--space-lg);border:none;background:transparent;border-radius:var(--radius-full);cursor:pointer;color:var(--color-text-muted);font-weight:500;transition:all var(--transition-fast)}.mode-btn.active{background:#fff;color:var(--color-primary);box-shadow:var(--shadow-sm)}.break-suggestion{margin:var(--space-md) 0;padding:var(--space-md) var(--space-lg);background:#00cec91a;border-radius:var(--radius-lg);color:var(--color-text);text-align:center;border:1px solid rgba(0,206,201,.2);font-size:1.1rem}.notification-overlay{z-index:2000}.notification-modal{background:#ffffffe6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:var(--shadow-glass)}.task-manager{background:var(--color-surface-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-lg);box-shadow:var(--shadow-glass)}.task-input-form{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg)}.main-input{flex:1;padding:var(--space-md) var(--space-lg);border:2px solid transparent;border-radius:var(--radius-full);background:#fff9;font-size:1.1rem;transition:all var(--transition-fast);box-shadow:inset 0 2px 4px #00000008}.main-input:focus{background:#fff;border-color:var(--color-primary);outline:none;box-shadow:0 0 0 4px #6c5ce71a}.btn-add{width:50px;height:50px;border-radius:50%;background:var(--color-primary);color:#fff;font-size:1.5rem;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform var(--transition-fast);box-shadow:var(--shadow-md)}.btn-add:hover{transform:rotate(90deg) scale(1.1);background:var(--color-primary-dark)}.streak-display{text-align:center;margin-bottom:var(--space-lg);font-size:1.2rem;font-weight:700;color:var(--color-accent);background:#ff76751a;padding:var(--space-sm);border-radius:var(--radius-md);display:inline-block;width:100%}.task-list{display:flex;flex-direction:column;gap:var(--space-sm)}.task-card{background:#ffffff80;padding:var(--space-md);border-radius:var(--radius-lg);transition:all var(--transition-fast);border:1px solid transparent}.task-card:hover{background:#fff;transform:translateY(-2px);box-shadow:var(--shadow-sm)}.task-card.active{background:#fff;border-color:var(--color-primary);box-shadow:var(--shadow-md)}.task-card.completed{opacity:.6;background:#00000005}.task-header{display:flex;align-items:center;gap:var(--space-md)}.checkbox-wrapper input[type=checkbox]{width:20px;height:20px;accent-color:var(--color-success);cursor:pointer}.task-title{flex:1;font-size:1.1rem;cursor:pointer;font-weight:500}.completed .task-title{text-decoration:line-through;color:var(--color-text-muted)}.btn-delete{background:transparent;border:none;color:var(--color-text-muted);font-size:1.5rem;cursor:pointer;opacity:0;transition:opacity .2s}.task-card:hover .btn-delete{opacity:1}.btn-delete:hover{color:var(--color-danger)}.chunking-area{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid rgba(0,0,0,.05);padding-left:var(--space-xl)}.chunking-hint{font-size:.9rem;color:var(--color-text-muted);margin-bottom:var(--space-sm);font-style:italic}.subtask-form{display:flex;gap:var(--space-sm);margin-bottom:var(--space-sm)}.subtask-form input{flex:1;padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.9rem}.subtask-form button{padding:var(--space-xs) var(--space-md);background:var(--color-secondary);color:#fff;border-radius:var(--radius-md);font-size:.9rem}.subtask-list{list-style:none}.subtask-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) 0;font-size:.95rem}.subtask-item.completed span{text-decoration:line-through;color:var(--color-text-muted)}.empty-state{text-align:center;padding:var(--space-xl);color:var(--color-text-muted);font-style:italic}.modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:3000;display:flex;align-items:center;justify-content:center}.modal-content{background:#fff;padding:var(--space-xl);border-radius:var(--radius-lg);max-width:400px;width:90%;text-align:center;box-shadow:var(--shadow-lg);border:1px solid var(--color-border)}.modal-content h3{color:var(--color-danger);margin-bottom:var(--space-md);font-size:1.5rem}.modal-content p{margin-bottom:var(--space-lg);color:var(--color-text);font-size:1.1rem;line-height:1.5}.modal-actions{display:flex;justify-content:center;gap:var(--space-md)}.btn-danger{background:var(--color-danger);color:#fff;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-full);font-weight:600;transition:transform var(--transition-fast)}.btn-danger:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.filter-bar{display:flex;gap:var(--space-sm);margin-bottom:var(--space-md);flex-wrap:wrap}.search-input{flex:2;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.95rem;background:#fffc}.filter-select{flex:1;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fffc;font-size:.95rem;min-width:120px;cursor:pointer}.search-input:focus,.filter-select:focus{outline:none;border-color:var(--color-primary);background:#fff}.soundscapes-container{display:flex;align-items:center;gap:var(--space-sm);background:#0000000d;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full)}.sound-toggle{font-size:1.2rem;cursor:pointer;background:none;border:none;padding:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;transition:background .2s}.sound-toggle:hover{background:#0000001a}.volume-slider{width:80px;accent-color:var(--color-primary);cursor:pointer}.eisenhower-matrix{background:var(--color-surface-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-lg);box-shadow:var(--shadow-glass)}.eisenhower-matrix h2{margin-bottom:var(--space-lg);color:var(--color-primary);font-size:1.5rem;text-align:center}.matrix-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:var(--space-md);height:600px}.quadrant{border-radius:var(--radius-lg);padding:var(--space-md);display:flex;flex-direction:column;border:1px solid rgba(0,0,0,.05);transition:transform var(--transition-fast)}.quadrant:hover{transform:scale(1.01)}.q1{background:#ff76751a;border-top:4px solid var(--color-accent)}.q2{background:#00cec91a;border-top:4px solid var(--color-secondary)}.q3{background:#fdcb6e1a;border-top:4px solid var(--color-warning)}.q4{background:#636e721a;border-top:4px solid var(--color-text-muted)}.quadrant-header{margin-bottom:var(--space-md);padding-bottom:var(--space-xs);border-bottom:1px solid rgba(0,0,0,.05)}.quadrant-header h3{margin:0;font-size:1.2rem;color:var(--color-text)}.quadrant-desc{font-size:.85rem;color:var(--color-text-muted);font-weight:500}.quadrant-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-sm);padding-right:var(--space-xs)}.quadrant-list::-webkit-scrollbar{width:4px}.quadrant-list::-webkit-scrollbar-thumb{background:#0000001a;border-radius:4px}.matrix-task-card{background:#fffc;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;align-items:center;font-size:.95rem;transition:all var(--transition-fast)}.matrix-task-card:hover{transform:translate(2px);background:#fff;box-shadow:var(--shadow-md)}.matrix-controls{display:flex;gap:4px;opacity:.5;transition:opacity .2s}.matrix-task-card:hover .matrix-controls{opacity:1}.matrix-controls button{font-size:.7rem;padding:2px 6px;background:#0000000d;border:none;border-radius:4px;cursor:pointer;color:var(--color-text-muted)}.matrix-controls button:hover{background:var(--color-primary);color:#fff}@media(max-width:768px){.matrix-grid{grid-template-columns:1fr;height:auto}}.btn-ritual{background:linear-gradient(135deg,var(--color-accent) 0%,#fab1a0 100%);color:#fff;border:none;padding:var(--space-md) var(--space-xl);border-radius:var(--radius-full);font-weight:700;cursor:pointer;box-shadow:var(--shadow-md);transition:all var(--transition-fast);margin-bottom:var(--space-lg);width:100%;font-size:1.1rem;letter-spacing:.5px;text-transform:uppercase}.btn-ritual:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);filter:brightness(1.1)}.ritual-overlay{position:fixed;inset:0;background:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;display:flex;align-items:center;justify-content:center}.ritual-modal{width:100%;max-width:600px;padding:var(--space-xxl);text-align:center;background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-glass);border:1px solid var(--color-border)}.ritual-step h2{color:var(--color-primary);margin-bottom:var(--space-md);font-size:2.5rem;font-weight:800}.ritual-step p{color:var(--color-text-muted);margin-bottom:var(--space-xl);font-size:1.3rem;line-height:1.5}.ritual-step input,.ritual-step textarea{width:100%;padding:var(--space-lg);border:2px solid var(--color-bg);border-radius:var(--radius-lg);font-size:1.2rem;margin-bottom:var(--space-xl);font-family:inherit;background:var(--color-bg);transition:all var(--transition-fast)}.ritual-step input:focus,.ritual-step textarea:focus{border-color:var(--color-primary);background:#fff;outline:none;box-shadow:0 0 0 4px #6c5ce71a}.breathing-circle{width:120px;height:120px;background:linear-gradient(135deg,var(--color-secondary) 0%,#81ecec 100%);border-radius:50%;margin:0 auto var(--space-xl);animation:breathe 4s infinite ease-in-out;box-shadow:0 0 20px #00cec966}@keyframes breathe{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.5);opacity:.4}}:root{--color-bg: #f0f4f8;--color-bg-gradient: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);--color-primary: #6c5ce7;--color-primary-light: #a29bfe;--color-primary-dark: #4834d4;--color-secondary: #00cec9;--color-accent: #ff7675;--color-surface: rgba(255, 255, 255, .7);--color-surface-glass: rgba(255, 255, 255, .25);--color-border: rgba(255, 255, 255, .5);--color-text: #2d3436;--color-text-muted: #636e72;--color-text-light: #ffffff;--color-success: #00b894;--color-warning: #fdcb6e;--color-danger: #d63031;--font-sans: "Outfit", "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2.5rem;--space-xxl: 4rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 32px;--radius-full: 9999px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-glass: 0 8px 32px 0 rgba(31, 38, 135, .15);--transition-fast: .2s ease;--transition-normal: .3s cubic-bezier(.25, .8, .25, 1);--transition-bounce: .5s cubic-bezier(.68, -.55, .265, 1.55)}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{box-shadow:0 0 #6c5ce766}70%{box-shadow:0 0 0 10px #6c5ce700}to{box-shadow:0 0 #6c5ce700}}.anim-pop{animation:pop .3s ease-out}.anim-slide-up{animation:slideUp .4s ease-out forwards}.anim-pulse{animation:pulse 2s infinite}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--color-bg);background-image:var(--color-bg-gradient);background-attachment:fixed;color:var(--color-text);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased}.glass-panel{background:var(--color-surface-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-glass)}.app-container{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;width:100%;max-width:900px;margin:0 auto;padding:var(--space-xl) var(--space-md);display:flex;flex-direction:column;gap:var(--space-xxl)}h1,h2,h3,h4{font-weight:700;line-height:1.2;color:var(--color-text)}button{font-family:inherit;cursor:pointer;border:none;outline:none}.btn-primary{background:var(--color-primary);color:#fff;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-full);font-weight:600;transition:transform var(--transition-fast),box-shadow var(--transition-fast);box-shadow:var(--shadow-sm)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);background:var(--color-primary-dark)}.btn-secondary{background:transparent;border:2px solid var(--color-primary);color:var(--color-primary);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-full);font-weight:600;transition:all var(--transition-fast)}.btn-secondary:hover{background:var(--color-primary);color:#fff}input[type=text],input[type=email],input[type=password]{width:100%;padding:var(--space-md);border:2px solid transparent;border-radius:var(--radius-md);background:#fffc;font-size:1rem;transition:all var(--transition-fast);box-shadow:inset 0 2px 4px #0000000d}input:focus{border-color:var(--color-primary);background:#fff;outline:none;box-shadow:0 0 0 4px #6c5ce71a}