:root{--color-primary: #6366f1;--color-secondary: #8b5cf6;--color-background: #ffffff;--color-surface: #f9fafb;--color-text: #1f2937;--color-text-secondary: #6b7280;--color-accent: #ec4899;--gradient-primary: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--gradient-secondary: linear-gradient(135deg, #ec4899 0%, #f59e0b 100%);--blur-amount: 12px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease}[data-theme=dark]{--color-primary: #818cf8;--color-secondary: #a78bfa;--color-background: #111827;--color-surface: #1f2937;--color-text: #f9fafb;--color-text-secondary: #9ca3af;--color-accent: #f472b6}[data-theme=sunset]{--color-primary: #f59e0b;--color-secondary: #ef4444;--color-background: #fef3c7;--color-surface: #fef9e7;--color-text: #78350f;--color-text-secondary: #92400e;--color-accent: #ec4899;--gradient-primary: linear-gradient(135deg, #f59e0b 0%, #ef4444 100%);--gradient-secondary: linear-gradient(135deg, #ec4899 0%, #f97316 100%)}.top-bar{background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.05);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;gap:2rem;position:sticky;top:0;z-index:100}[data-theme=dark] .top-bar{background:#14141ecc;border-bottom:1px solid rgba(255,255,255,.1)}[data-theme=sunset] .top-bar{background:#fef9e7cc;border-bottom:1px solid rgba(245,158,11,.15)}.top-bar-left{display:flex;align-items:center;gap:2rem;flex-shrink:0}.dashboard-title{font-size:1.5rem;font-weight:700;margin:0;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em;white-space:nowrap}.clock-display{font-size:.95rem;font-weight:600;color:var(--color-text-secondary);font-variant-numeric:tabular-nums;white-space:nowrap}.top-nav-links{display:flex;align-items:center;justify-content:center;gap:.5rem;flex:1;overflow-x:auto;overflow-y:hidden;padding:.25rem 0;scrollbar-width:none;-ms-overflow-style:none}.top-nav-links::-webkit-scrollbar{display:none}.nav-link{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff80;border:1px solid rgba(0,0,0,.05);border-radius:12px;color:var(--color-text);text-decoration:none;font-size:.875rem;font-weight:500;white-space:nowrap;transition:all .2s cubic-bezier(.4,0,.2,1)}[data-theme=dark] .nav-link{background:#28283299;border:1px solid rgba(255,255,255,.1)}[data-theme=sunset] .nav-link{background:#fef9e799;border:1px solid rgba(245,158,11,.15)}.nav-link:hover{background:#6366f11a;border-color:#6366f14d;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}[data-theme=dark] .nav-link:hover{background:#6366f133;box-shadow:0 4px 12px #0000004d}.nav-link:active{transform:translateY(0)}.nav-link.active{background:var(--gradient-primary);color:#fff;border-color:transparent;box-shadow:0 4px 16px #6366f166}.top-bar-right{display:flex;align-items:center;gap:1rem;flex-shrink:0}.bento-container{max-width:1600px;margin:0 auto;padding:2rem;display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:200px;gap:1.5rem}.bento-item{background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;border:1px solid rgba(0,0,0,.05);padding:1.5rem;overflow:auto;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #0000000d;display:flex;flex-direction:column}[data-theme=dark] .bento-item{background:#1e1e28b3;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 20px #0000004d}[data-theme=sunset] .bento-item{background:#fef9e7cc;border:1px solid rgba(245,158,11,.15)}.bento-item:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001a}[data-theme=dark] .bento-item:hover{box-shadow:0 12px 40px #00000080}.bento-weather{grid-column:span 3;grid-row:span 2}.bento-quote{grid-column:span 3;grid-row:span 2;display:flex;flex-direction:column;justify-content:center}.bento-tasks{grid-column:span 4;grid-row:span 2}.bento-pomodoro{grid-column:span 2;grid-row:span 2;display:flex;flex-direction:column;justify-content:center;align-items:center}.bento-habits,.bento-dreams{grid-column:span 3;grid-row:span 2}.bento-music{grid-column:span 6;grid-row:span 2}.bento-goals{grid-column:span 2;grid-row:span 3}.bento-countdown,.bento-bookmarks{grid-column:span 2;grid-row:span 2}.bento-eisenhower{grid-column:span 6;grid-row:span 3}@media(max-width:1400px){.bento-container{grid-template-columns:repeat(4,1fr)}.bento-weather,.bento-quote{grid-column:span 2}.bento-tasks,.bento-calendar{grid-column:span 3}.bento-pomodoro,.bento-habits{grid-column:span 1}.bento-music{grid-column:span 4}.bento-goals,.bento-countdown,.bento-bookmarks{grid-column:span 2}.bento-eisenhower{grid-column:span 4;grid-row:span 3}.bento-dreams{grid-column:span 4;grid-row:span 2}}@media(max-width:1024px){.bento-container{grid-template-columns:repeat(2,1fr);grid-auto-rows:180px;gap:1rem;padding:1.5rem}.bento-weather,.bento-quote,.bento-pomodoro,.bento-habits,.bento-goals,.bento-countdown,.bento-bookmarks{grid-column:span 1;grid-row:span 1}.bento-tasks,.bento-calendar,.bento-music{grid-column:span 2;grid-row:span 2}.bento-eisenhower{grid-column:span 2;grid-row:span 3}.bento-dreams{grid-column:span 2;grid-row:span 2}.top-bar{padding:1rem 1.5rem}.dashboard-title{font-size:1.5rem}}@media(max-width:768px){.bento-container{grid-template-columns:1fr;grid-auto-rows:160px;padding:1rem}.bento-item{grid-column:span 1!important;grid-row:span 1!important;border-radius:20px;padding:1.25rem}.bento-tasks,.bento-calendar,.bento-music{grid-row:span 2!important}.bento-eisenhower{grid-row:span 3!important}.bento-dreams{grid-row:span 2!important}.top-bar{flex-wrap:wrap;padding:1rem;gap:1rem}.top-bar-left{flex:1;min-width:200px}.top-nav-links{order:3;width:100%;gap:.5rem}.nav-link{font-size:.8rem;padding:.4rem .8rem}.top-bar-right{flex-shrink:0}.dashboard-title{font-size:1.25rem}.clock-display{font-size:.875rem}}.bento-item{animation:fadeInUp .5s ease-out backwards}.bento-item:nth-child(1){animation-delay:.05s}.bento-item:nth-child(2){animation-delay:.1s}.bento-item:nth-child(3){animation-delay:.15s}.bento-item:nth-child(4){animation-delay:.2s}.bento-item:nth-child(5){animation-delay:.25s}.bento-item:nth-child(6){animation-delay:.3s}.bento-item:nth-child(7){animation-delay:.35s}.bento-item:nth-child(8){animation-delay:.4s}.bento-item:nth-child(9){animation-delay:.45s}.bento-item:nth-child(10){animation-delay:.5s}.bento-item:nth-child(11){animation-delay:.55s}.bento-item:nth-child(12){animation-delay:.6s}.bento-item:nth-child(13){animation-delay:.65s}.bento-item button,.bento-item .btn,.bento-item input[type=button],.bento-item input[type=submit]{background:var(--gradient-primary);color:#fff;border:none;border-radius:12px;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #6366f133}.bento-item button:hover,.bento-item .btn:hover,.bento-item input[type=button]:hover,.bento-item input[type=submit]:hover{transform:translateY(-2px);box-shadow:0 4px 16px #6366f14d}.bento-item button:active,.bento-item .btn:active,.bento-item input[type=button]:active,.bento-item input[type=submit]:active{transform:translateY(0)}.bento-item button.secondary,.bento-item .btn-secondary{background:#ffffff80;color:var(--color-text);box-shadow:0 2px 8px #0000001a}[data-theme=dark] .bento-item button.secondary,[data-theme=dark] .bento-item .btn-secondary{background:#28283299}.bento-item button.secondary:hover,.bento-item .btn-secondary:hover{background:#ffffffb3;box-shadow:0 4px 16px #00000026}[data-theme=dark] .bento-item button.secondary:hover,[data-theme=dark] .bento-item .btn-secondary:hover{background:#32323ccc}.page-container{position:relative;min-height:calc(100vh - 80px)}.page{display:none;animation:fadeIn .3s ease-out}.page.active{display:block}.page-content{max-width:1200px;margin:0 auto;padding:2rem}.page-content>*{background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;border:1px solid rgba(0,0,0,.05);padding:2rem;box-shadow:0 4px 20px #0000000d}[data-theme=dark] .page-content>*{background:#1e1e28b3;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 20px #0000004d}[data-theme=sunset] .page-content>*{background:#fef9e7cc;border:1px solid rgba(245,158,11,.15)}.logout-btn{padding:.5rem 1rem;background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3);border-radius:12px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.logout-btn:hover{background:#ef4444;color:#fff;border-color:#ef4444;transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}[data-theme=dark] .logout-btn{background:#ef444426}[data-theme=dark] .logout-btn:hover{background:#dc2626;border-color:#dc2626}.auth-screen{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:9999;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2)}.auth-background{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);z-index:-1}[data-theme=dark] .auth-background{background:linear-gradient(135deg,#1a1a2e,#16213e)}[data-theme=sunset] .auth-background{background:linear-gradient(135deg,#f59e0b,#ef4444)}.auth-container{position:relative;z-index:1;width:100%;max-width:480px;padding:2rem}.auth-card{background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;padding:3rem;box-shadow:0 20px 60px #0000004d;animation:slideUp .5s ease-out}[data-theme=dark] .auth-card{background:#1e1e28f2}[data-theme=sunset] .auth-card{background:#fef9e7f2}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-logo{text-align:center;margin-bottom:2rem}.auth-brand{font-size:2.5rem;font-weight:700;margin:0 0 .5rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-tagline{font-size:.95rem;color:var(--color-text-secondary);margin:0}.auth-forms-container{position:relative}.auth-form{width:100%}.auth-form-header{text-align:center;margin-bottom:2rem}.auth-form-title{font-size:1.75rem;font-weight:700;color:var(--color-text);margin:0 0 .5rem}.auth-form-subtitle{font-size:.95rem;color:var(--color-text-secondary);margin:0}.auth-form-content{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-size:.875rem;font-weight:600;color:var(--color-text)}.form-input{width:100%;padding:.875rem 1rem;border:2px solid rgba(0,0,0,.1);border-radius:12px;background:#ffffff80;color:var(--color-text);font-size:1rem;transition:all .2s ease}[data-theme=dark] .form-input{background:#28283280;border-color:#ffffff1a}.form-input:focus{outline:none;border-color:var(--color-primary);background:#fffc;box-shadow:0 0 0 4px #6366f11a}[data-theme=dark] .form-input:focus{background:#32323ccc}.form-input::placeholder{color:var(--color-text-secondary);opacity:.6}.form-hint{font-size:.75rem;color:var(--color-text-secondary);margin-top:-.25rem}.form-error{padding:.875rem 1rem;border-radius:12px;background:#fee2e2;color:#991b1b;font-size:.875rem;font-weight:500;display:none;animation:shake .3s ease}.form-error.show{display:block}.form-error.success{background:#d1fae5;color:#065f46}[data-theme=dark] .form-error{background:#7f1d1d;color:#fca5a5}[data-theme=dark] .form-error.success{background:#064e3b;color:#6ee7b7}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.auth-submit-btn{width:100%;padding:1rem;background:var(--gradient-primary);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 16px #6366f14d}.auth-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.auth-submit-btn:active:not(:disabled){transform:translateY(0)}.auth-submit-btn:disabled{opacity:.7;cursor:not-allowed}.btn-loader{display:flex;align-items:center;justify-content:center}.spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-form-footer{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.auth-link-btn{background:none;border:none;color:var(--color-primary);font-size:.875rem;font-weight:500;cursor:pointer;padding:0;text-align:center;transition:opacity .2s ease}.auth-link-btn:hover{opacity:.8;text-decoration:underline}.auth-divider{text-align:center;color:var(--color-text-secondary);font-size:.875rem;position:relative;padding:.5rem 0}.auth-divider:before,.auth-divider:after{content:"";position:absolute;top:50%;width:40%;height:1px;background:#0000001a}[data-theme=dark] .auth-divider:before,[data-theme=dark] .auth-divider:after{background:#ffffff1a}.auth-divider:before{left:0}.auth-divider:after{right:0}.auth-switch-btn{width:100%;padding:.875rem;background:#6366f11a;color:var(--color-primary);border:2px solid var(--color-primary);border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.auth-switch-btn:hover{background:var(--color-primary);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}@media(max-width:768px){.auth-container{padding:1rem}.auth-card{padding:2rem 1.5rem}.auth-brand{font-size:2rem}.auth-form-title{font-size:1.5rem}}body:has(.auth-screen){background:linear-gradient(135deg,#667eea,#764ba2);overflow:hidden}[data-theme=dark] body:has(.auth-screen){background:linear-gradient(135deg,#1a1a2e,#16213e)}[data-theme=sunset] body:has(.auth-screen){background:linear-gradient(135deg,#f59e0b,#ef4444)}.onboarding-wizard{max-width:650px;width:90%;max-height:80vh;margin:0 auto;padding:1.5rem;border-radius:24px;animation:fadeInUp .4s ease-out;overflow:hidden;display:flex;flex-direction:column}.onboarding-wizard *::-webkit-scrollbar{display:none}.onboarding-wizard *{-ms-overflow-style:none;scrollbar-width:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.onboarding-header{text-align:center;margin-bottom:1rem;flex-shrink:0}.onboarding-title{font-size:1.5rem;font-weight:600;margin-bottom:.75rem;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.onboarding-progress{margin-bottom:.75rem}.progress-bar{width:100%;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));transition:width .3s ease;border-radius:2px}.progress-text{font-size:.8rem;color:var(--text-secondary);margin-bottom:.5rem}.progress-dots{display:flex;justify-content:center;gap:.4rem}.progress-dot{width:6px;height:6px;border-radius:50%;background:#fff3;transition:all .3s ease}.progress-dot.active{background:var(--primary-color);transform:scale(1.2)}.progress-dot.complete{background:var(--accent-color)}.onboarding-content{flex:1;margin-bottom:1rem;overflow:hidden;display:flex;flex-direction:column}.step-content{animation:fadeIn .3s ease-out;flex:1;display:flex;flex-direction:column}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.step-content h2{font-size:1.25rem;font-weight:600;margin-bottom:.4rem;color:var(--text-primary)}.step-description{color:var(--text-secondary);margin-bottom:1rem;font-size:.9rem}.welcome-step{text-align:center}.welcome-icon{font-size:3rem;margin-bottom:.75rem}.welcome-message{font-size:1rem;margin-bottom:.75rem}.welcome-description{color:var(--text-secondary);margin-bottom:1.25rem;font-size:.9rem}.welcome-features{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;text-align:left}.feature-item{display:flex;align-items:center;gap:.6rem;padding:.6rem;background:#ffffff0d;border-radius:10px;transition:all .2s ease;font-size:.9rem}.feature-item:hover{background:#ffffff14;transform:translateY(-2px)}.feature-icon{font-size:1.25rem}.form-group{margin-bottom:1rem}.form-group label{display:block;font-weight:500;margin-bottom:.4rem;color:var(--text-primary);font-size:.9rem}.form-input,.form-select{width:100%;padding:.6rem .85rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:var(--text-primary);font-size:.95rem;transition:all .2s ease}.form-input:focus,.form-select:focus{outline:none;border-color:var(--primary-color);background:#ffffff14}.form-hint{display:block;font-size:.8rem;color:var(--text-secondary);margin-top:.25rem}.theme-selector{display:flex;gap:.75rem;margin-top:.5rem}.theme-option{flex:1;padding:.75rem;background:#ffffff0d;border:2px solid transparent;border-radius:10px;cursor:pointer;transition:all .2s ease;text-align:center;font-size:.9rem}.theme-option:hover{background:#ffffff14;transform:translateY(-1px)}.theme-option.selected{border-color:#6366f1;background:#6366f11a}.theme-preview{width:100%;height:50px;border-radius:6px;margin-bottom:.4rem}.light-preview{background:linear-gradient(135deg,#f5f5f5,#e0e0e0)}.dark-preview{background:linear-gradient(135deg,#1a1a2e,#16213e)}.sunset-preview{background:linear-gradient(135deg,#ff6b6b,#feca57)}.task-input-group,.goal-input-group,.habit-input-group{display:flex;gap:.5rem;margin-bottom:.75rem}.task-input-group .form-input,.goal-input-group .form-input,.habit-input-group .form-input{flex:1}.task-list,.goal-list,.habit-list{display:flex;flex-direction:column;gap:.4rem;margin-top:.5rem;max-height:120px;overflow:hidden}.task-item,.goal-item,.habit-item{display:flex;align-items:center;justify-content:space-between;padding:.6rem .85rem;background:#ffffff0d;border-radius:8px;transition:all .2s ease;font-size:.9rem}.task-item:hover,.goal-item:hover,.habit-item:hover{background:#ffffff14}.task-text,.goal-text,.habit-text{flex:1;color:var(--text-primary)}.btn-remove{background:none;border:none;color:var(--text-secondary);font-size:1.3rem;cursor:pointer;padding:0 .4rem;transition:all .2s ease}.btn-remove:hover{color:#ff6b6b;transform:scale(1.2)}.empty-state{text-align:center;color:var(--text-secondary);padding:1.5rem;font-style:italic;font-size:.9rem}.habit-suggestions{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.suggestions-title{font-size:.8rem;color:var(--text-secondary);margin-bottom:.5rem}.suggestion-chips{display:flex;flex-wrap:wrap;gap:.4rem}.chip{padding:.4rem .85rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;color:var(--text-primary);font-size:.85rem;cursor:pointer;transition:all .2s ease}.chip:hover{background:#ffffff1a;border-color:var(--primary-color);transform:translateY(-1px)}.onboarding-footer{border-top:1px solid rgba(255,255,255,.1);padding-top:1rem;flex-shrink:0;margin-top:auto}.nav-buttons{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.btn-primary,.btn-secondary,.btn-text{padding:.65rem 1.25rem;border-radius:10px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;font-size:.95rem;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff!important;flex:1;max-width:180px;margin-left:auto;box-shadow:0 2px 8px #6366f14d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.btn-secondary{background:#ffffff1a;color:var(--text-primary);border:1px solid rgba(255,255,255,.2)}.btn-secondary:hover{background:#ffffff26}.btn-text{background:none;color:var(--text-secondary);padding:.65rem .85rem}.btn-text:hover{color:var(--text-primary)}@media(max-width:768px){.onboarding-wizard{padding:1.25rem;margin:0;max-height:90vh;width:95%}.onboarding-title{font-size:1.5rem}.onboarding-header{margin-bottom:1rem}.onboarding-content{min-height:200px;margin-bottom:1rem}.welcome-features{grid-template-columns:1fr}.theme-selector{flex-direction:column}.nav-buttons{flex-wrap:wrap}.btn-primary{max-width:100%;order:-1;width:100%}}*{margin:0;padding:0;box-sizing:border-box}*::-webkit-scrollbar{display:none}*{-ms-overflow-style:none;scrollbar-width:none}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:var(--color-background);color:var(--color-text);line-height:1.6;transition:background-color var(--transition-base),color var(--transition-base);margin:0;padding:0;min-height:100vh;overflow-y:auto;overflow-x:hidden}.blur-glass-card{background:#ffffffb3;backdrop-filter:blur(var(--blur-amount));-webkit-backdrop-filter:blur(var(--blur-amount));border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid rgba(255,255,255,.3);padding:var(--spacing-md);transition:transform var(--transition-base),box-shadow var(--transition-base);display:flex;flex-direction:column;overflow:hidden}[data-theme=dark] .blur-glass-card{background:#1f2937b3;border:1px solid rgba(255,255,255,.1)}[data-theme=sunset] .blur-glass-card{background:#fef9e7cc;border:1px solid rgba(245,158,11,.2)}.blur-glass-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.dashboard-container{max-width:1400px;margin:0 auto}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}@media(max-width:768px){.cards-grid{grid-template-columns:1fr;gap:var(--spacing-md)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn var(--transition-slow) ease-out}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.theme-switcher{width:100%}.theme-switcher-buttons{display:flex;gap:var(--spacing-sm);justify-content:center;background:#ffffff0d;backdrop-filter:blur(var(--blur-amount));-webkit-backdrop-filter:blur(var(--blur-amount));padding:var(--spacing-sm);border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.1)}[data-theme=dark] .theme-switcher-buttons{background:#1f293780;border:1px solid rgba(255,255,255,.1)}.theme-button{width:40px;height:40px;border:none;background:transparent;border-radius:var(--radius-md);cursor:pointer;font-size:1.25rem;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center}.theme-button:hover{background:#6366f11a;transform:scale(1.1)}.theme-button.active{background:var(--gradient-primary);box-shadow:var(--shadow-md)}.theme-button:focus{outline:2px solid var(--color-primary);outline-offset:2px}.card-title{font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-md);color:var(--color-text)}.card-content{color:var(--color-text-secondary);line-height:1.6}.clock-container{text-align:center;padding:var(--spacing-md)}.clock-time{font-size:2.5rem;font-weight:700;color:var(--color-text);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.clock-date{font-size:.875rem;color:var(--color-text-secondary);margin-top:var(--spacing-xs)}.calendar-container{padding:var(--spacing-md)}.calendar-toggle{width:100%;padding:var(--spacing-md);background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:1rem;cursor:pointer;transition:transform var(--transition-base)}.calendar-toggle:hover{transform:scale(1.02)}.calendar-expanded{margin-top:var(--spacing-md)}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.calendar-title{font-size:1.25rem;font-weight:600;color:var(--color-text)}.calendar-nav{background:transparent;border:1px solid var(--color-text-secondary);border-radius:var(--radius-sm);width:32px;height:32px;cursor:pointer;font-size:1.25rem;color:var(--color-text);transition:all var(--transition-base)}.calendar-nav:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.calendar-weekday{text-align:center;font-size:.875rem;font-weight:600;color:var(--color-text-secondary);padding:var(--spacing-xs)}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--spacing-xs)}.calendar-day{aspect-ratio:1;border:1px solid rgba(0,0,0,.1);border-radius:var(--radius-sm);padding:var(--spacing-xs);cursor:pointer;transition:all var(--transition-base);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}[data-theme=dark] .calendar-day{border-color:#ffffff1a}.calendar-day:hover{background:var(--color-surface);transform:scale(1.05)}.calendar-day-empty{border:none;cursor:default}.calendar-day-empty:hover{background:transparent;transform:none}.calendar-day-number{font-size:.875rem;font-weight:500;color:var(--color-text)}.calendar-day-moods{display:flex;gap:2px;margin-top:var(--spacing-xs);flex-wrap:wrap;justify-content:center}.mood-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.calendar-event-form{margin-top:var(--spacing-lg);padding:var(--spacing-md);background:var(--color-surface);border-radius:var(--radius-md)}.calendar-event-form h4{margin-bottom:var(--spacing-md);color:var(--color-text)}.calendar-event-form input{width:100%;padding:var(--spacing-sm);margin-bottom:var(--spacing-sm);border:1px solid var(--color-text-secondary);border-radius:var(--radius-sm);background:var(--color-background);color:var(--color-text);font-size:.875rem}.calendar-event-form button{width:100%;padding:var(--spacing-sm);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:.875rem;transition:background var(--transition-base)}.calendar-event-form button:hover{background:var(--color-secondary)}.task-list-container{width:100%}.task-list-header{margin-bottom:var(--spacing-md)}.task-list-header h3{font-size:1.5rem;font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-sm)}.task-controls{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.task-search{flex:1;padding:var(--spacing-sm);border:1px solid var(--color-text-secondary);border-radius:var(--radius-sm);background:var(--color-background);color:var(--color-text);font-size:.875rem}.task-sort{padding:var(--spacing-sm);border:1px solid var(--color-text-secondary);border-radius:var(--radius-sm);background:var(--color-background);color:var(--color-text);font-size:.875rem;cursor:pointer}.task-add-form{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.task-input{flex:1;min-width:200px;padding:var(--spacing-sm);border:1px solid var(--color-text-secondary);border-radius:var(--radius-sm);background:var(--color-background);color:var(--color-text);font-size:.875rem}.task-date-input,.task-priority-select{padding:var(--spacing-sm);border:1px solid var(--color-text-secondary);border-radius:var(--radius-sm);background:var(--color-background);color:var(--color-text);font-size:.875rem}.task-add-btn{padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:.875rem;font-weight:500;transition:background var(--transition-base)}.task-add-btn:hover{background:var(--color-secondary)}.task-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.task-empty{text-align:center;color:var(--color-text-secondary);padding:var(--spacing-xl);font-style:italic}.task-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-surface);border-radius:var(--radius-md);transition:all var(--transition-base)}.task-item:hover{transform:translate(4px);box-shadow:var(--shadow-md)}.task-completed{opacity:.6}.task-completed .task-title{text-decoration:line-through}.task-checkbox{width:20px;height:20px;cursor:pointer;accent-color:var(--color-primary)}.task-content{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.task-title{font-size:1rem;color:var(--color-text);font-weight:500}.task-meta{display:flex;gap:var(--spacing-sm);align-items:center}.task-due{font-size:.75rem;color:var(--color-text-secondary)}.task-priority{font-size:.75rem;padding:2px 8px;border-radius:var(--radius-sm);font-weight:500;text-transform:uppercase}.task-priority-high{background:#fee2e2;color:#991b1b}[data-theme=dark] .task-priority-high{background:#7f1d1d;color:#fca5a5}.task-priority-medium{background:#fef3c7;color:#92400e}[data-theme=dark] .task-priority-medium{background:#78350f;color:#fde68a}.task-priority-low{background:#dbeafe;color:#1e40af}[data-theme=dark] .task-priority-low{background:#1e3a8a;color:#93c5fd}.task-delete-btn{background:transparent;border:none;font-size:1.25rem;cursor:pointer;opacity:.5;transition:opacity var(--transition-base);padding:var(--spacing-xs)}.task-delete-btn:hover{opacity:1}.pomodoro-container{text-align:center;padding:var(--spacing-sm)}.pomodoro-title{font-size:1.125rem;font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-sm)}.pomodoro-display{position:relative;margin:var(--spacing-md) auto;width:150px;height:150px}.pomodoro-ring{width:100%;height:100%;transform:rotate(-90deg)}.pomodoro-ring-bg{fill:none;stroke:var(--color-surface);stroke-width:8}.pomodoro-ring-progress{fill:none;stroke:var(--color-primary);stroke-width:8;stroke-linecap:round;stroke-dasharray:565.48;stroke-dashoffset:565.48;transition:stroke-dashoffset 1s linear,stroke .3s ease;filter:drop-shadow(0 0 8px var(--color-primary))}.pomodoro-time{position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);font-size:1.75rem;font-weight:700;color:var(--color-text);font-variant-numeric:tabular-nums}.pomodoro-state{position:absolute;top:50%;left:50%;transform:translate(-50%,40%);font-size:.75rem;color:var(--color-text-secondary)}.pomodoro-controls{display:flex;gap:var(--spacing-sm);justify-content:center;margin-bottom:var(--spacing-md)}.pomodoro-btn{padding:var(--spacing-sm) var(--spacing-lg);border:1px solid var(--color-text-secondary);border-radius:var(--radius-md);background:transparent;color:var(--color-text);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-base)}.pomodoro-btn:hover:not(:disabled){background:var(--color-surface);transform:translateY(-2px)}.pomodoro-btn:disabled{opacity:.5;cursor:not-allowed}.pomodoro-btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.pomodoro-btn-primary:hover:not(:disabled){background:var(--color-secondary);border-color:var(--color-secondary)}.pomodoro-options{display:flex;gap:var(--spacing-sm);justify-content:center;flex-wrap:wrap}.pomodoro-option-btn{padding:var(--spacing-xs) var(--spacing-md);border:1px solid var(--color-text-secondary);border-radius:var(--radius-sm);background:transparent;color:var(--color-text);font-size:.75rem;cursor:pointer;transition:all var(--transition-base)}.pomodoro-option-btn:hover{background:var(--color-surface)}.pomodoro-option-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}body.focus-mode-active{background:#000000f2}body.focus-mode-active .blur-glass-card:not(:has(.pomodoro-container)){opacity:.3;pointer-events:none}body.focus-mode-active .theme-switcher{opacity:.3}body.focus-mode-active .blur-glass-card:has(.pomodoro-container){transform:scale(1.1);box-shadow:0 0 40px #6366f180}.music-player-container{padding:var(--spacing-md)}.music-player-title{font-size:1.25rem;font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-md);text-align:center;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.music-player-content{min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center}.music-player-placeholder{text-align:center;color:var(--color-text-secondary)}.music-icon{font-size:2.5rem;margin-bottom:var(--spacing-sm);opacity:.5}.music-connect-btn{padding:var(--spacing-sm) var(--spacing-xl);background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:transform var(--transition-base);margin-top:var(--spacing-md)}.music-connect-btn:hover{transform:scale(1.05)}.music-track-display{display:flex;gap:var(--spacing-lg);align-items:center;margin-bottom:var(--spacing-lg);width:100%;padding:var(--spacing-md);background:#ffffff08;border-radius:var(--radius-lg);transition:all var(--transition-base)}.music-track-display:hover{background:#ffffff0d;transform:translateY(-2px)}.music-album-art{width:140px;height:140px;border-radius:var(--radius-lg);object-fit:cover;box-shadow:0 8px 24px #0000004d;transition:all var(--transition-base)}.music-album-art:hover{transform:scale(1.05);box-shadow:0 12px 32px #0006}.music-track-info{flex:1;min-width:0}.music-track-title{font-size:1.5rem;font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.02em}.music-track-artist{font-size:1.125rem;color:var(--color-text-secondary);margin-bottom:var(--spacing-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.music-track-album{font-size:.875rem;color:var(--color-text-secondary);opacity:.7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:italic}.music-controls{display:flex;gap:var(--spacing-md);justify-content:center;align-items:center;padding:var(--spacing-md);background:#ffffff05;border-radius:var(--radius-lg);margin-bottom:var(--spacing-md)}.music-control-btn{width:52px;height:52px;border:none;background:#ffffff14;border-radius:50%;font-size:1.25rem;cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001a}.music-control-btn:hover{background:var(--color-primary);transform:scale(1.1);box-shadow:0 4px 16px #6366f166}.music-control-btn:active{transform:scale(.95)}.music-control-btn-large{width:72px;height:72px;font-size:1.75rem;background:var(--gradient-primary);color:#fff;box-shadow:0 4px 16px #6366f14d}.music-control-btn-large:hover{transform:scale(1.15);box-shadow:0 8px 24px #6366f180}.music-progress-container{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding:0 var(--spacing-sm)}.music-time-current,.music-time-total{font-size:.75rem;color:var(--color-text-secondary);font-variant-numeric:tabular-nums;min-width:40px}.music-progress-bar{flex:1;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;cursor:pointer;transition:height .2s ease}.music-progress-bar:hover{height:8px}.music-progress-fill{height:100%;background:var(--gradient-primary);border-radius:3px;transition:width .3s ease;box-shadow:0 0 8px #6366f180}.visualizer-canvas{display:block;transition:opacity .3s ease}.visualizer-controls{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem;padding:var(--spacing-md);background:#ffffff05;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.05)}.visualizer-button{padding:.625rem 1.25rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500;box-shadow:0 2px 4px #0000001a}.visualizer-button:hover{background:#ffffff1a;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.visualizer-button.active{background:var(--gradient-primary);color:#fff;border-color:transparent;box-shadow:0 4px 12px #6366f14d}.visualizer-fullscreen-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;z-index:999;display:flex;align-items:center;justify-content:center}.visualizer-close-button{position:fixed;top:2rem;right:2rem;z-index:1001;padding:.75rem 1.5rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;transition:all .2s ease}.visualizer-close-button:hover{background:#fff3;transform:scale(1.05)}.weather-container{padding:1rem}.weather-title{font-size:1rem;font-weight:600;margin:0 0 .75rem;color:var(--text-color)}.weather-content{min-height:150px;display:flex;flex-direction:column;gap:.75rem}.weather-loading,.weather-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem;text-align:center}.weather-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.1);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.weather-main{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem 0}.weather-icon{font-size:2.5rem;line-height:1}.weather-temp{font-size:2rem;font-weight:700;color:var(--text-color);line-height:1}.weather-location{font-size:1.25rem;color:var(--text-secondary-color);font-weight:500}.weather-details{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:#ffffff0d;border-radius:12px}.weather-condition{font-size:1rem;color:var(--text-color);text-transform:capitalize;font-weight:500}.weather-feels-like{font-size:.875rem;color:var(--text-secondary-color)}.weather-stats{display:flex;gap:1.5rem;font-size:.875rem;color:var(--text-secondary-color);margin-top:.5rem}.weather-search{display:flex;gap:.5rem;margin-top:1rem}.weather-city-input{flex:1;padding:.75rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-color);font-size:.875rem;transition:all .2s ease}.weather-city-input:focus{outline:none;border-color:var(--primary-color);background:#ffffff14}.weather-city-input::placeholder{color:var(--text-secondary-color)}.weather-search-btn,.weather-change-location-btn,.weather-retry-btn{padding:.75rem 1.5rem;background:var(--primary-color);border:none;border-radius:8px;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.weather-search-btn:hover,.weather-change-location-btn:hover,.weather-retry-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.weather-change-location-btn{width:100%;margin-top:.5rem;background:#ffffff1a}.weather-error-icon{font-size:3rem}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:var(--weather-overlay, transparent);pointer-events:none;z-index:0;transition:background .5s ease}.dream-journal-container{padding:1.5rem;max-width:100%}.dream-journal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.dream-journal-title{font-size:1.25rem;font-weight:600;margin:0;color:var(--text-color)}.dream-journal-new-btn{padding:.5rem 1rem;background:var(--primary-color);border:none;border-radius:8px;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.dream-journal-new-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.dream-journal-search{margin-bottom:1.5rem}.dream-search-input{width:100%;padding:.75rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-color);font-size:.875rem;transition:all .2s ease}.dream-search-input:focus{outline:none;border-color:var(--primary-color);background:#ffffff14}.dream-entries-list{display:flex;flex-direction:column;gap:1rem}.dream-entry-card{padding:1.5rem;border-radius:12px;cursor:pointer;transition:all .2s ease;border:1px solid rgba(0,0,0,.05)}.dream-entry-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.dream-entry-date{font-size:.75rem;color:#0009;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.dream-entry-title{font-size:1.25rem;font-weight:600;margin:0 0 .5rem;color:#000000e6;line-height:1.3}.dream-entry-preview{font-size:.875rem;color:#000000b3;line-height:1.6;margin:0 0 .75rem}.dream-entry-mood{display:inline-block;font-size:.875rem;color:#000000b3;margin-bottom:.5rem}.dream-entry-tags{display:flex;flex-wrap:wrap;gap:.5rem}.dream-tag{font-size:.75rem;padding:.25rem .5rem;background:#0000001a;border-radius:4px;color:#000000b3}.dream-entry-full{padding:2rem;border-radius:12px;max-width:65ch;margin:0 auto}.dream-back-btn{padding:.5rem 1rem;background:#0000001a;border:none;border-radius:8px;color:#000000b3;font-size:.875rem;cursor:pointer;margin-bottom:1.5rem;transition:all .2s ease}.dream-back-btn:hover{background:#00000026}.dream-entry-header{margin-bottom:2rem}.dream-entry-date-full{font-size:.875rem;color:#0009;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.dream-entry-title-full{font-size:2.5rem;font-weight:700;margin:0 0 1rem;color:#000000e6;line-height:1.2}.dream-entry-mood-full{font-size:1rem;color:#000000b3}.dream-entry-content-full{font-size:1.125rem;line-height:1.8;color:#000c;margin-bottom:2rem;white-space:pre-wrap}.dream-entry-tags-full{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.dream-entry-actions{display:flex;gap:.5rem}.dream-action-btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.dream-edit-btn{background:#0000001a;color:#000c}.dream-delete-btn{background:#ef4444;color:#fff}.dream-action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.dream-form{max-width:65ch;margin:0 auto}.dream-form h3{font-size:1.5rem;font-weight:600;margin:0 0 1.5rem;color:var(--text-color)}.dream-input,.dream-textarea{width:100%;padding:.75rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-color);font-size:1rem;margin-bottom:1rem;font-family:inherit;transition:all .2s ease}.dream-textarea{resize:vertical;line-height:1.6}.dream-input:focus,.dream-textarea:focus{outline:none;border-color:var(--primary-color);background:#ffffff14}.dream-mood-selector{margin-bottom:1rem}.dream-mood-selector label{display:block;font-size:.875rem;color:var(--text-secondary-color);margin-bottom:.5rem}.dream-mood-options{display:flex;flex-wrap:wrap;gap:.5rem}.dream-mood-option{padding:.5rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-color);font-size:.875rem;cursor:pointer;transition:all .2s ease}.dream-mood-option:hover,.dream-mood-option.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.dream-submit-btn{width:100%;padding:.75rem 1.5rem;background:var(--primary-color);border:none;border-radius:8px;color:#fff;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.dream-submit-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.dream-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;color:var(--text-secondary-color)}.dream-empty-icon{font-size:4rem;margin-bottom:1rem}.dream-empty-hint{font-size:.875rem;color:var(--text-secondary-color);opacity:.7}.quotes-container{padding:1rem;position:relative;min-height:150px;display:flex;align-items:center;justify-content:center}.quotes-content{width:100%;opacity:0;transform:translateY(10px);transition:opacity .8s ease,transform .8s ease}.quotes-content.fade-in{opacity:1;transform:translateY(0)}.quote-display{text-align:center;max-width:600px;margin:0 auto}.quote-icon{font-size:1.5rem;margin-bottom:.5rem;opacity:.6}.quote-text{font-size:.95rem;line-height:1.6;color:var(--text-color);font-style:italic;font-weight:300;margin:0 0 .75rem;padding:0;border:none;quotes:none}.quote-author{font-size:.875rem;color:var(--text-secondary-color);font-weight:500}.quotes-refresh-btn{position:absolute;top:1rem;right:1rem;width:36px;height:36px;background:#ffffff1a;border:1px solid rgba(255,255,255,.1);border-radius:50%;color:var(--text-color);font-size:1rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.quotes-refresh-btn:hover{background:#fff3;transform:rotate(180deg)}.quotes-loading{display:flex;align-items:center;justify-content:center;padding:2rem}.quotes-spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.quotes-error{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;text-align:center;color:var(--text-secondary-color)}.quotes-error-icon{font-size:2rem}.quotes-retry-btn{padding:.5rem 1rem;background:var(--primary-color);border:none;border-radius:8px;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.quotes-retry-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}@keyframes whisper-fade-in{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.quote-display{animation:whisper-fade-in 1.2s ease-out}@keyframes card-entrance{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.blur-glass-card{animation:card-entrance .6s cubic-bezier(.34,1.56,.64,1);animation-fill-mode:both}.blur-glass-card:nth-child(1){animation-delay:.1s}.blur-glass-card:nth-child(2){animation-delay:.2s}.blur-glass-card:nth-child(3){animation-delay:.3s}.blur-glass-card:nth-child(4){animation-delay:.4s}.blur-glass-card:nth-child(5){animation-delay:.5s}.blur-glass-card:nth-child(6){animation-delay:.6s}.blur-glass-card:nth-child(7){animation-delay:.7s}.blur-glass-card:nth-child(8){animation-delay:.8s}.blur-glass-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.blur-glass-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000026,0 0 0 1px #ffffff1a}button,.btn,[role=button]{position:relative;overflow:hidden;transition:all .2s cubic-bezier(.4,0,.2,1)}button:hover,.btn:hover,[role=button]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}button:active,.btn:active,[role=button]:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}button:after,.btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}button:active:after,.btn:active:after{width:300px;height:300px}input:focus,textarea:focus,select:focus{transform:scale(1.02);box-shadow:0 0 0 3px #6366f11a,0 4px 12px #0000001a}*{transition-property:background-color,border-color,color,fill,stroke;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.blur-glass-card,button,.btn,input,textarea{transition:all .3s cubic-bezier(.4,0,.2,1)}.interactive-element{transition:all .2s cubic-bezier(.4,0,.2,1)}.interactive-element:hover{transform:scale(1.05);filter:brightness(1.1)}.interactive-element:active{transform:scale(.98);filter:brightness(.9)}@keyframes content-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.blur-glass-card>*{animation:content-fade-in .4s ease-out;animation-fill-mode:both;animation-delay:.2s}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}html{scroll-behavior:smooth}*:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:4px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@keyframes glow{0%,to{box-shadow:0 0 5px #6366f180}50%{box-shadow:0 0 20px #6366f1cc}}.glow-on-hover:hover{animation:glow 2s ease-in-out infinite}@keyframes slide-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal,.overlay{animation:slide-in .3s cubic-bezier(.4,0,.2,1)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.bounce{animation:bounce .6s cubic-bezier(.4,0,.2,1)}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.shimmer{background:linear-gradient(90deg,#ffffff0d,#ffffff26,#ffffff0d);background-size:1000px 100%;animation:shimmer 2s infinite}.fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:opacity .3s ease-in}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity .3s ease-out}.shadow-lift{transition:box-shadow .3s cubic-bezier(.4,0,.2,1)}.shadow-lift:hover{box-shadow:0 20px 40px #0003,0 0 0 1px #ffffff1a}body{transition:background-color .5s cubic-bezier(.4,0,.2,1)}.blur-glass-card,button,.interactive-element{will-change:transform}.blur-glass-card:hover,button:hover,.interactive-element:hover{will-change:auto}:root{--mobile: 480px;--tablet: 768px;--desktop: 1024px;--wide: 1440px}#cards-grid{display:grid;grid-template-columns:1fr;gap:1rem;padding:1rem;max-width:100%}@media(min-width:768px){#cards-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;padding:1.5rem}.blur-glass-card{min-height:300px}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}}@media(min-width:1024px){#cards-grid{grid-template-columns:repeat(3,1fr);gap:2rem;padding:2rem;max-width:1400px;margin:0 auto}.blur-glass-card{min-height:350px}h1{font-size:3rem}h2{font-size:2.25rem}}@media(min-width:1440px){#cards-grid{grid-template-columns:repeat(4,1fr);gap:2.5rem;padding:3rem}}@media(max-width:767px){.blur-glass-card{padding:1rem}.music-player-container,.weather-container,.quotes-container{flex-direction:column}body{font-size:14px}button,.btn{min-height:44px;min-width:44px;padding:.75rem 1rem}input,textarea,select{width:100%}.desktop-only{display:none}}@media(min-width:768px)and (max-width:1023px){.tablet-stack{flex-direction:column}}*:focus{outline:2px solid var(--primary-color);outline-offset:2px}.skip-link{position:absolute;top:-40px;left:0;background:var(--primary-color);color:#fff;padding:8px;text-decoration:none;z-index:100}.skip-link:focus{top:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--primary-color);outline-offset:2px;box-shadow:0 0 0 3px #6366f133}@media(prefers-contrast:high){:root{--text-color: #000000;--background-color: #ffffff}.blur-glass-card,button,.btn{border:2px solid currentColor}}:root{--text-color: #1a1a1a;--text-secondary-color: #4a4a4a;--background-color: #ffffff}[data-theme=dark]{--text-color: #f5f5f5;--text-secondary-color: #b0b0b0;--background-color: #1a1a1a}button,a,input[type=checkbox],input[type=radio],.clickable{min-height:44px;min-width:44px}button+button,a+a{margin-left:8px}[aria-live=polite],[aria-live=assertive]{position:relative}button:disabled,input:disabled,textarea:disabled,select:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}[aria-busy=true]{cursor:wait}[aria-invalid=true]{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}[aria-invalid=false]{border-color:#10b981}main{min-height:100vh}header,nav,main,footer,article,section{display:block}@media print{.no-print{display:none!important}.blur-glass-card{break-inside:avoid;page-break-inside:avoid}body{background:#fff;color:#000}}@media(orientation:landscape)and (max-height:600px){#cards-grid{grid-template-columns:repeat(2,1fr)}}@media(prefers-color-scheme:dark){:root:not([data-theme]){--text-color: #f5f5f5;--text-secondary-color: #b0b0b0;--background-color: #1a1a1a}}@media(prefers-reduced-transparency){.blur-glass-card{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--surface-color)}}.blur-glass-card:focus-within{box-shadow:0 0 0 3px #6366f14d}.js-focus-visible :focus:not(.focus-visible){outline:none}.js-focus-visible .focus-visible{outline:3px solid var(--primary-color);outline-offset:2px}html{font-size:16px}@media(max-width:767px){html{font-size:14px}}@media(min-width:1440px){html{font-size:18px}}img{max-width:100%;height:auto}.embed-responsive{position:relative;display:block;width:100%;padding:0;overflow:hidden}.embed-responsive:before{display:block;content:"";padding-top:56.25%}.embed-responsive iframe,.embed-responsive embed,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}label{display:block;margin-bottom:.5rem;font-weight:500}.required:after{content:" *";color:#ef4444}.error-message{color:#ef4444;font-size:.875rem;margin-top:.25rem;display:flex;align-items:center;gap:.25rem}.error-message:before{content:"⚠"}.success-message{color:#10b981;font-size:.875rem;margin-top:.25rem}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:.5rem;background:#000000e6;color:#fff;font-size:.875rem;white-space:nowrap;border-radius:4px;opacity:0;pointer-events:none;transition:opacity .2s;z-index:1000}[data-tooltip]:hover:after,[data-tooltip]:focus:after{opacity:1}@media(max-width:767px){nav{flex-direction:column}nav a{display:block;padding:1rem}}#app{display:flex;min-height:100vh;overflow:hidden}.sidebar{width:280px;background:var(--surface-color);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;position:fixed;left:0;top:0;height:100vh;z-index:100;transition:transform .3s cubic-bezier(.4,0,.2,1)}.sidebar-header{padding:2rem 1.5rem 1rem;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}.sidebar-title{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.sidebar-toggle{display:none;width:40px;height:40px;background:none;border:none;cursor:pointer;padding:0}.hamburger{display:block;width:24px;height:2px;background:var(--text-color);position:relative;transition:all .3s}.hamburger:before,.hamburger:after{content:"";position:absolute;width:24px;height:2px;background:var(--text-color);transition:all .3s}.hamburger:before{top:-8px}.hamburger:after{bottom:-8px}.sidebar-nav{flex:1;padding:1rem 0;overflow-y:auto}.nav-item{width:100%;display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:none;border:none;border-left:3px solid transparent;color:var(--text-secondary-color);cursor:pointer;transition:all .2s;text-align:left;font-size:1rem}.nav-item:hover{background:#ffffff0d;color:var(--text-color)}.nav-item.active{background:#6366f11a;border-left-color:var(--primary-color);color:var(--primary-color)}.nav-icon{font-size:1.5rem;width:32px;text-align:center}.nav-label{font-weight:500}.sidebar-footer{padding:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.main-content{flex:1;margin-left:280px;display:flex;flex-direction:column;min-height:100vh;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.main-header{padding:1rem 1.5rem;background:var(--surface-color);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:50}.page-title{font-size:1.5rem;font-weight:700;margin:0;color:var(--text-color)}.header-actions{display:flex;align-items:center;gap:1rem}.clock-widget{font-size:1rem;font-weight:500;color:var(--text-secondary-color)}.content-area{flex:1;padding:1rem;overflow-y:auto;max-width:100%;height:calc(100vh - 100px)}@media(min-width:1400px){.content-area{padding:1.5rem}}.tab-content{display:none;animation:fade-in .3s ease-out}.tab-content.active{display:block}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}#cards-grid-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;max-width:100%;height:fit-content;grid-auto-rows:minmax(250px,auto)}@media(min-width:768px){#cards-grid-overview{grid-template-columns:repeat(2,1fr);gap:1.25rem}}@media(min-width:1200px){#cards-grid-overview{grid-template-columns:repeat(3,1fr);gap:1.5rem}}@media(min-width:1600px){#cards-grid-overview{grid-template-columns:repeat(4,1fr)}}#tab-tasks,#tab-calendar,#tab-pomodoro,#tab-music,#tab-weather,#tab-dreams,#tab-quotes{max-width:1200px;margin:0 auto}@media(max-width:1024px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-toggle{display:block}.main-content{margin-left:0}.sidebar.open:after{content:"";position:fixed;inset:0 0 0 280px;background:#00000080;z-index:-1}}@media(max-width:768px){.sidebar{width:240px}.main-header{padding:1rem}.page-title{font-size:1.5rem}.content-area{padding:1rem}.nav-item{padding:.75rem 1rem}.nav-icon{font-size:1.25rem}}@media(max-width:480px){.sidebar{width:100%}.sidebar.open:after{left:100%}.header-actions{flex-direction:column;align-items:flex-end}#cards-grid-overview{grid-template-columns:1fr}}.sidebar.collapsed{width:80px}.sidebar.collapsed .nav-label,.sidebar.collapsed .sidebar-title{display:none}.sidebar.collapsed .nav-item{justify-content:center;padding:1rem}.sidebar.collapsed+.main-content{margin-left:80px}.content-area{scroll-behavior:smooth}.tab-content.loading{display:flex;align-items:center;justify-content:center;min-height:400px}.tab-content.loading:after{content:"";width:40px;height:40px;border:4px solid rgba(99,102,241,.2);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.habit-tracker-container{padding:var(--spacing-md)}.habit-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.habit-header h3{font-size:1.25rem;font-weight:600;color:var(--color-text);margin:0}.habit-add-btn{padding:.5rem 1rem;background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease}.habit-add-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}.habit-list{display:flex;flex-direction:column;gap:.75rem}.habit-empty{text-align:center;color:var(--color-text-secondary);padding:2rem;font-style:italic}.habit-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:#ffffff08;border-radius:var(--radius-md);transition:all .2s ease}.habit-item:hover{background:#ffffff0d;transform:translate(4px)}.habit-item.completed{background:#10b9811a}.habit-check{width:48px;height:48px;border:2px solid rgba(255,255,255,.2);border-radius:50%;background:#ffffff0d;font-size:1.5rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.habit-item.completed .habit-check{background:var(--gradient-primary);border-color:transparent;transform:scale(1.1)}.habit-check:hover{transform:scale(1.1);box-shadow:0 4px 12px #0003}.habit-info{flex:1}.habit-name{font-size:1rem;font-weight:500;color:var(--color-text);margin-bottom:.25rem}.habit-streak{font-size:.75rem;color:var(--color-text-secondary)}.habit-delete{width:32px;height:32px;border:none;background:#ef44441a;color:#ef4444;border-radius:50%;font-size:1.5rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;line-height:1}.habit-delete:hover{background:#ef4444;color:#fff;transform:scale(1.1)}.habit-form{margin-top:var(--spacing-md);padding:var(--spacing-md);background:#ffffff08;border-radius:var(--radius-md)}.habit-input{width:100%;padding:.75rem;margin-bottom:.75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);color:var(--color-text);font-size:.875rem}.habit-input:focus{outline:none;border-color:var(--color-primary);background:#ffffff14}.habit-form-actions{display:flex;gap:.5rem}.habit-save-btn,.habit-cancel-btn{flex:1;padding:.75rem;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease}.habit-save-btn{background:var(--gradient-primary);color:#fff}.habit-save-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}.habit-cancel-btn{background:#ffffff0d;color:var(--color-text)}.habit-cancel-btn:hover{background:#ffffff1a}.music-volume-container{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:#ffffff05;border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.volume-icon{font-size:1.25rem}.volume-slider{flex:1;height:6px;border-radius:3px;background:#ffffff1a;outline:none;-webkit-appearance:none}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--gradient-primary);cursor:pointer;box-shadow:0 2px 8px #6366f166}.volume-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--gradient-primary);cursor:pointer;border:none;box-shadow:0 2px 8px #6366f166}.volume-percent{font-size:.875rem;color:var(--color-text-secondary);min-width:40px;text-align:right}.music-actions{display:flex;gap:var(--spacing-sm);justify-content:center;margin-bottom:var(--spacing-sm)}.recent-tracks{display:flex;flex-direction:column;gap:.5rem;padding:.5rem;background:#ffffff05;border-radius:var(--radius-md);max-height:300px;overflow-y:auto}.recent-track{display:flex;align-items:center;gap:var(--spacing-sm);padding:.5rem;background:#ffffff08;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease}.recent-track:hover{background:#ffffff14;transform:translate(4px)}.recent-album-art{width:48px;height:48px;border-radius:var(--radius-sm);object-fit:cover}.recent-track-info{flex:1;min-width:0}.recent-track-title{font-size:.875rem;font-weight:500;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-track-artist{font-size:.75rem;color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.countdown-container,.bookmarks-container{padding:var(--spacing-md)}.countdown-header,.bookmarks-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.countdown-header h3,.bookmarks-header h3{font-size:1.25rem;font-weight:600;color:var(--color-text);margin:0}.countdown-add-btn,.bookmarks-add-btn{padding:.5rem 1rem;background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease}.countdown-list,.bookmarks-list{display:flex;flex-direction:column;gap:.75rem}.countdown-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:#ffffff08;border-radius:var(--radius-md);transition:all .2s ease}.countdown-item.expired{background:#10b9811a}.countdown-emoji{font-size:2rem}.countdown-info{flex:1}.countdown-name{font-size:1rem;font-weight:500;color:var(--color-text);margin-bottom:.25rem}.countdown-time{font-size:.875rem;color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.countdown-delete,.bookmark-delete{width:32px;height:32px;border:none;background:#ef44441a;color:#ef4444;border-radius:50%;font-size:1.5rem;cursor:pointer;transition:all .2s ease}.countdown-delete:hover,.bookmark-delete:hover{background:#ef4444;color:#fff}.countdown-form,.bookmarks-form{margin-top:var(--spacing-md);padding:var(--spacing-md);background:#ffffff08;border-radius:var(--radius-md)}.countdown-input,.bookmark-input{width:100%;padding:.75rem;margin-bottom:.75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);color:var(--color-text);font-size:.875rem}.bookmark-category{margin-bottom:var(--spacing-md)}.category-title{font-size:.875rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.bookmark-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:.75rem;background:#ffffff08;border-radius:var(--radius-sm);text-decoration:none;color:var(--color-text);transition:all .2s ease;margin-bottom:.5rem}.bookmark-item:hover{background:#ffffff14;transform:translate(4px)}.bookmark-favicon{width:24px;height:24px;border-radius:4px}.bookmark-title{flex:1;font-size:.875rem}.goal-tracker-container{padding:var(--spacing-md)}.goal-item{display:flex;gap:var(--spacing-sm);padding:var(--spacing-md);background:#ffffff08;border-radius:var(--radius-md);margin-bottom:var(--spacing-sm)}.goal-info{flex:1}.goal-title{font-size:1rem;font-weight:600;color:var(--color-text);margin-bottom:.25rem}.goal-description{font-size:.875rem;color:var(--color-text-secondary);margin-bottom:.5rem}.goal-meta{display:flex;gap:var(--spacing-sm);font-size:.75rem;color:var(--color-text-secondary)}.goal-progress-section{flex:1}.goal-progress-bar{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.goal-progress-fill{height:100%;background:var(--gradient-primary);transition:width .3s ease}.goal-progress-controls{display:flex;align-items:center;gap:.5rem}.goal-progress-slider{flex:1}.goal-progress-text{font-size:.875rem;color:var(--color-text);min-width:40px}.goal-textarea{width:100%;padding:.75rem;margin-bottom:.75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);color:var(--color-text);font-size:.875rem;min-height:80px;resize:vertical;font-family:inherit}.eisenhower-container{padding:var(--spacing-md)}.eisenhower-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.eisenhower-quadrant{padding:var(--spacing-md);background:#ffffff05;border-radius:var(--radius-md)}.quadrant-title{font-size:.875rem;font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-sm)}.quadrant-tasks{min-height:100px;margin-bottom:var(--spacing-sm)}.matrix-task{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:#ffffff0d;border-radius:var(--radius-sm);margin-bottom:.5rem;font-size:.875rem;color:var(--color-text)}.matrix-task-delete{width:24px;height:24px;border:none;background:#ef44441a;color:#ef4444;border-radius:50%;font-size:1.25rem;cursor:pointer;line-height:1}.quadrant-add-btn{width:100%;padding:.5rem;background:#ffffff0d;border:1px dashed rgba(255,255,255,.2);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;font-size:.875rem}.quadrant-add-btn:hover{background:#ffffff14}#app{display:flex;flex-direction:column;min-height:100vh;background-color:var(--color-background)}.top-nav{background:#fffc;backdrop-filter:blur(var(--blur-amount));-webkit-backdrop-filter:blur(var(--blur-amount));border-bottom:1px solid rgba(255,255,255,.3);padding:var(--spacing-md) var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-xl);position:sticky;top:0;z-index:100;box-shadow:var(--shadow-md)}[data-theme=dark] .top-nav{background:#1f2937e6;border-bottom:1px solid rgba(255,255,255,.1)}[data-theme=sunset] .top-nav{background:#fef9e7e6;border-bottom:1px solid rgba(245,158,11,.2)}.top-nav-brand{flex-shrink:0}.brand-title{font-size:1.5rem;font-weight:700;color:var(--color-text);margin:0;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bookmark-nav{flex:1;display:flex;gap:var(--spacing-xs);overflow-x:auto;overflow-y:hidden;padding:var(--spacing-xs) 0;scrollbar-width:thin;scrollbar-color:rgba(99,102,241,.3) transparent}.bookmark-nav::-webkit-scrollbar{height:4px}.bookmark-nav::-webkit-scrollbar-track{background:transparent}.bookmark-nav::-webkit-scrollbar-thumb{background:#6366f14d;border-radius:2px}.bookmark-nav::-webkit-scrollbar-thumb:hover{background:#6366f180}.bookmark-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;border-radius:var(--radius-md) var(--radius-md) 0 0;cursor:pointer;transition:all var(--transition-base);color:var(--color-text);font-size:.75rem;white-space:nowrap;position:relative;min-width:80px}.bookmark-item:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:transparent;transition:all var(--transition-base)}.bookmark-item:hover{background:#6366f11a;transform:translateY(-2px)}.bookmark-item:hover:after{background:#6366f14d}.bookmark-item.active{background:#6366f126;color:var(--color-primary);font-weight:600}.bookmark-item.active:after{background:var(--gradient-primary);height:4px}.bookmark-item.active .bookmark-icon{transform:scale(1.15)}.bookmark-icon{font-size:1.5rem;transition:transform var(--transition-base)}.bookmark-label{font-weight:500;letter-spacing:.02em}.top-nav-actions{display:flex;align-items:center;gap:var(--spacing-lg);flex-shrink:0}.clock-widget{font-size:1rem;font-weight:600;color:var(--color-text);font-variant-numeric:tabular-nums;padding:var(--spacing-sm) var(--spacing-md);background:#ffffff0d;border-radius:var(--radius-md)}.main-content{flex:1;display:flex;flex-direction:column;padding:var(--spacing-xl)}.tab-content{display:none}.tab-content.active{display:block;animation:fadeIn .3s ease-out}@media(max-width:1024px){.top-nav{flex-wrap:wrap;padding:var(--spacing-sm) var(--spacing-md)}.bookmark-nav{order:3;width:100%;margin-top:var(--spacing-sm)}.bookmark-item{min-width:70px;padding:var(--spacing-xs) var(--spacing-sm)}.bookmark-icon{font-size:1.25rem}.bookmark-label{font-size:.7rem}.main-content{padding:var(--spacing-lg)}}@media(max-width:768px){.brand-title{font-size:1.25rem}.top-nav-actions{gap:var(--spacing-sm)}.clock-widget{font-size:.875rem;padding:var(--spacing-xs) var(--spacing-sm)}.bookmark-item{min-width:60px}.main-content{padding:var(--spacing-md)}.cards-grid{grid-template-columns:1fr}}