.flow-state-content{display:flex;flex-direction:column;gap:1.5rem}.flow-state-header{text-align:center;margin-bottom:.5rem}.flow-state-title{font-size:1.5rem;font-weight:600;margin:0;color:var(--text-primary)}.flow-state-session-info{font-size:.9rem;color:var(--text-secondary);margin:.25rem 0 0;text-align:center}.flow-state-instructions{text-align:center}.flow-state-question{font-size:.95rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.flow-state-subtext{font-size:.9rem;color:var(--text-secondary);margin:0}.flow-state-slider-container{display:flex;flex-direction:column;gap:1rem;position:relative;padding:0 1rem}.flow-state-popup .slider-header{display:flex;justify-content:center;align-items:center;text-align:center;border:2px solid #333!important;padding:.75rem 1.5rem!important;border-radius:20px!important;margin:0 2rem!important;background:var(--bg-primary)!important}.slider-header h3{font-size:1.5rem;font-weight:600;margin:0;transition:color .3s ease;text-align:center;width:100%}.slider-wrapper{position:relative;padding:1.5rem 0;margin:0 1rem}.flow-state-popup .flow-state-slider-container .flow-state-slider.p-slider.p-slider{width:100%!important;height:12px!important;background:#e0e0e0!important;border-radius:6px!important;outline:none!important;transition:all .3s ease!important;position:relative!important;margin:0!important;overflow:visible!important}.flow-state-popup .flow-state-slider-container .flow-state-slider.p-slider .p-slider-value,.flow-state-popup .flow-state-slider-container .flow-state-slider.p-slider .p-slider-tooltip,.flow-state-popup .flow-state-slider-container .flow-state-slider.p-slider .p-slider-label,.flow-state-popup .flow-state-slider-container .flow-state-slider.p-slider .p-slider-text,.flow-state-popup .flow-state-slider-container *[data-pc-name=slider] *:after,.flow-state-popup .flow-state-slider-container *[data-pc-name=slider] *:before{display:none!important;visibility:hidden!important;opacity:0!important;position:absolute!important;left:-9999px!important;top:-9999px!important;width:0!important;height:0!important;overflow:hidden!important;content:none!important}.flow-state-popup .flow-state-slider-container .slider-wrapper *{font-size:0!important}.flow-state-popup .flow-state-slider-container .slider-labels,.flow-state-popup .flow-state-slider-container .slider-labels *{font-size:.8rem!important}.flow-state-popup .flow-state-slider-container .p-slider *{color:transparent!important;text-shadow:none!important}.flow-state-popup .flow-state-slider-container .p-slider:after,.flow-state-popup .flow-state-slider-container .p-slider:before,.flow-state-popup .flow-state-slider-container .p-slider *:after,.flow-state-popup .flow-state-slider-container .p-slider *:before{display:none!important;content:none!important}.flow-state-popup .flow-state-slider-container .flow-state-slider.p-slider:hover{background:#d0d0d0!important}.flow-state-popup .flow-state-slider-container .flow-state-slider.p-slider.active{background:silver!important}.flow-state-popup .flow-state-slider-container .flow-state-slider.p-slider .p-slider-handle{width:24px!important;height:24px!important;background:var(--slider-color, #4caf50)!important;border:3px solid var(--bg-primary)!important;border-radius:50%!important;transition:all .3s ease!important;box-shadow:0 2px 8px #0003!important;cursor:pointer!important;position:absolute!important;top:50%!important;left:var(--handle-position, 50%)!important;transform:translate(-50%,-50%)!important;margin:0!important;z-index:10!important}.flow-state-popup .flow-state-slider-container .flow-state-slider.p-slider .p-slider-handle:hover{transform:translate(-50%,-50%) scale(1.1)!important;box-shadow:0 4px 12px #0000004d!important}.flow-state-popup .flow-state-slider-container .flow-state-slider.p-slider .p-slider-handle:focus{outline:none!important;box-shadow:0 0 0 3px #4caf504d!important}.flow-state-popup .flow-state-slider-container .flow-state-slider.p-slider .p-slider-range{background:var(--slider-color, #4caf50)!important;border-radius:6px!important;transition:all .3s ease!important;height:12px!important;position:absolute!important;top:0!important;left:0!important;width:var(--range-width, 50%)!important}.flow-state-description{text-align:center;min-height:2rem;display:flex;align-items:center;justify-content:center}.flow-state-description p{font-size:.9rem;font-weight:500;margin:0;transition:color .3s ease;text-align:center}.active-hint{text-align:center;font-size:.8rem;color:var(--text-muted);font-style:italic;margin-top:.5rem}@media (max-width: 600px){.flow-state-popup .p-dialog{width:95vw!important;margin:1rem}.flow-state-content{gap:1rem}.flow-state-slider-container{gap:.5rem}.flow-state-question{font-size:1.1rem}.slider-header h3{font-size:1.3rem}.flow-state-popup .flow-state-slider-container .flow-state-slider.p-slider .p-slider-handle{width:20px!important;height:20px!important;border-width:2px!important}.flow-state-popup .flow-state-slider-container .flow-state-slider.p-slider.p-slider{background:#e0e0e0!important;height:12px!important}}.flow-state-popup .p-dialog{background:var(--bg-primary);color:var(--text-primary)}.flow-state-popup .p-dialog-header{display:none}.flow-state-popup .p-dialog-title{color:var(--text-primary);font-weight:600}.flow-state-popup .flow-state-slider-container .slider-labels{display:flex;justify-content:space-between;margin-top:.5rem;font-size:.8rem!important;color:var(--text-muted);position:relative;width:100%;pointer-events:none}.flow-state-popup .flow-state-slider-container .slider-labels span{font-weight:500;font-size:.8rem!important;color:var(--text-muted);pointer-events:none}.flow-state-checkbox-container{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem;padding:0 1rem}.flow-state-checkbox-label{font-size:.9rem;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.flow-state-toggle{display:flex;align-items:center;gap:8px;background:transparent!important;pointer-events:auto;position:relative;z-index:10}.flow-state-toggle .toggle-label{font-size:12px;font-weight:500;color:var(--text-color-secondary);white-space:nowrap}.flow-state-toggle .flow-toggle{border-radius:6px;border:none!important;outline:none!important;transition:all .2s ease;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;pointer-events:auto;cursor:pointer;-webkit-user-select:none;user-select:none}.flow-state-toggle .flow-toggle.p-button{background:var(--surface-100);border:none!important;outline:none!important;color:var(--text-color-secondary);transition:all .3s ease}[data-theme=dark] .flow-state-toggle .flow-toggle.p-button:not(.flow-enabled):not(.flow-disabled){background:#000!important;color:var(--text-color-secondary)!important}.flow-state-toggle .flow-toggle.p-button:before,.flow-state-toggle .flow-toggle.p-button:after{background:transparent!important}.flow-state-toggle .flow-toggle.flow-enabled{background:var(--primary-color)!important;border:none!important;color:var(--primary-color-text)!important;box-shadow:0 4px 12px rgba(var(--primary-color-rgb),.3)!important}[data-theme=dark] .flow-state-toggle .flow-toggle.flow-enabled,[data-theme=dark] .flow-state-toggle .flow-toggle.p-button.flow-enabled,[data-theme=dark] .practice-page .flow-state-toggle .flow-toggle.flow-enabled,[data-theme=dark] .practice-page .flow-state-toggle .flow-toggle.p-button.flow-enabled,[data-theme=dark] .practice-everything .flow-state-toggle .flow-toggle.flow-enabled,[data-theme=dark] .practice-everything .flow-state-toggle .flow-toggle.p-button.flow-enabled{background:#007bff!important;border:none!important;color:#fff!important;box-shadow:0 4px 12px #007bff4d!important}.flow-state-toggle .flow-toggle.flow-disabled{background:var(--surface-200)!important;border:none!important;color:var(--text-color-secondary)!important;opacity:.7}[data-theme=dark] .flow-state-toggle .flow-toggle.flow-disabled,[data-theme=dark] .flow-state-toggle .flow-toggle.p-button.flow-disabled,[data-theme=dark] .practice-page .flow-state-toggle .flow-toggle.flow-disabled,[data-theme=dark] .practice-page .flow-state-toggle .flow-toggle.p-button.flow-disabled,[data-theme=dark] .practice-everything .flow-state-toggle .flow-toggle.flow-disabled,[data-theme=dark] .practice-everything .flow-state-toggle .flow-toggle.p-button.flow-disabled{background:#000!important;border:none!important;color:#9ca3af!important;opacity:1!important;box-shadow:none!important}.flow-state-toggle .flow-toggle.p-button.p-button-outlined{background:var(--surface-0);border:none!important;outline:none!important;color:var(--primary-color)}.flow-state-toggle .flow-toggle.p-button.p-button-outlined:hover{background:var(--primary-color);color:var(--primary-color-text)}.flow-state-toggle .flow-toggle.p-button.p-button-outlined:focus{box-shadow:0 0 0 2px var(--primary-color-20)}.flow-state-toggle .flow-toggle.small{font-size:10px;padding:4px 8px;min-width:45px;height:28px;font-weight:700}.flow-state-toggle .flow-toggle.normal{font-size:12px;padding:6px 10px;min-width:50px;height:32px;font-weight:700}.flow-state-toggle .flow-toggle.large{font-size:14px;padding:8px 12px;min-width:55px;height:36px;font-weight:700}.flow-state-toggle .flow-toggle .p-button-icon{font-size:10px}.flow-state-toggle .flow-toggle.small .p-button-icon{font-size:8px}.flow-state-toggle .flow-toggle.large .p-button-icon{font-size:12px}.flow-state-toggle.position-bottom-right{position:absolute;bottom:8px;right:8px;z-index:10}.flow-state-toggle.position-top-right{position:absolute;top:8px;right:8px;z-index:10}.card .flow-state-toggle.position-bottom-right{background:transparent!important;border-radius:6px;padding:0;box-shadow:none}.flow-state-toggle:hover .flow-toggle{transform:scale(1.05)}[data-theme=dark] .flow-state-toggle .flow-toggle.flow-enabled:hover,[data-theme=dark] .flow-state-toggle .flow-toggle.p-button.flow-enabled:hover,[data-theme=dark] .practice-page .flow-state-toggle .flow-toggle.flow-enabled:hover,[data-theme=dark] .practice-page .flow-state-toggle .flow-toggle.p-button.flow-enabled:hover,[data-theme=dark] .practice-everything .flow-state-toggle .flow-toggle.flow-enabled:hover,[data-theme=dark] .practice-everything .flow-state-toggle .flow-toggle.p-button.flow-enabled:hover{background:#007bff!important;color:#fff!important;box-shadow:0 4px 12px #007bff66!important}.flow-state-toggle .flow-toggle.p-button-outlined{background:var(--primary-color);color:var(--primary-color-text);border:none}.flow-state-toggle .flow-toggle.p-button:disabled{opacity:.5;cursor:not-allowed}.flow-state-toggle .flow-toggle.p-button .p-button-label,.flow-state-toggle .flow-toggle.p-button .p-button-icon{background:transparent!important}.flow-state-toggle .flow-toggle.p-button.p-component:before,.flow-state-toggle .flow-toggle.p-button.p-component:after{background:transparent!important}[data-theme=dark] .flow-state-toggle .flow-toggle.flow-enabled .p-button-label,[data-theme=dark] .flow-state-toggle .flow-toggle.p-button.flow-enabled .p-button-label,[data-theme=dark] .practice-page .flow-state-toggle .flow-toggle.flow-enabled .p-button-label,[data-theme=dark] .practice-page .flow-state-toggle .flow-toggle.p-button.flow-enabled .p-button-label,[data-theme=dark] .practice-everything .flow-state-toggle .flow-toggle.flow-enabled .p-button-label,[data-theme=dark] .practice-everything .flow-state-toggle .flow-toggle.p-button.flow-enabled .p-button-label{color:#fff!important}[data-theme=dark] .flow-state-toggle .flow-toggle.flow-disabled .p-button-label,[data-theme=dark] .flow-state-toggle .flow-toggle.p-button.flow-disabled .p-button-label,[data-theme=dark] .practice-page .flow-state-toggle .flow-toggle.flow-disabled .p-button-label,[data-theme=dark] .practice-page .flow-state-toggle .flow-toggle.p-button.flow-disabled .p-button-label,[data-theme=dark] .practice-everything .flow-state-toggle .flow-toggle.flow-disabled .p-button-label,[data-theme=dark] .practice-everything .flow-state-toggle .flow-toggle.p-button.flow-disabled .p-button-label{color:#9ca3af!important}.left-sidebar{position:fixed;top:0;left:0;width:250px;height:100vh;background:var(--bg-primary);border-right:1px solid var(--border-color);z-index:1001;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translate(-100%);transition:transform .3s ease-in-out;padding-top:80px;display:flex;flex-direction:column}.left-sidebar.visible{transform:translate(0)}.sidebar-content{padding:20px 0 0;display:flex;flex-direction:column;gap:8px;flex:1;overflow-y:auto;justify-content:flex-start;align-items:center}.sidebar-search{width:180px;margin:0 16px 20px;order:-1}.sidebar-search-input{width:100%!important;padding:10px 12px!important;border:1px solid var(--border-color)!important;background:var(--bg-tertiary)!important;color:var(--text-primary)!important;border-radius:6px!important;font-size:14px!important;transition:all .2s ease!important}.sidebar-search-input:focus{border-color:var(--accent-color)!important;box-shadow:0 0 0 2px var(--accent-color-20)!important;background:var(--bg-secondary)!important}.sidebar-search-input::placeholder{color:var(--text-muted)!important}.sidebar-mode-selector{margin:16px;order:-1}.mode-dropdown{width:100%!important}.mode-dropdown .p-dropdown{background:#ffffff0d!important;border:1px solid rgba(255,255,255,.3)!important;color:#fffc!important;border-radius:6px!important;transition:all .2s ease!important}.mode-dropdown .p-dropdown:hover{background:#ffffff1a!important;border-color:#ffffff80!important}.mode-dropdown .p-dropdown:not(.p-disabled).p-focus{border-color:#fffc!important;box-shadow:0 0 0 .2rem #ffffff40!important}.mode-dropdown .p-dropdown-label{color:#fffc!important;font-size:14px!important;font-weight:500!important}.mode-dropdown .p-dropdown-trigger{color:#fff9!important}.mode-dropdown .p-dropdown-panel{background:#141414fa!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:6px!important;box-shadow:0 8px 32px #0000004d!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.mode-dropdown .p-dropdown-items .p-dropdown-item{color:#fffc!important;padding:10px 16px!important;transition:all .2s ease!important}.mode-dropdown .p-dropdown-items .p-dropdown-item:hover{background:#ffffff1a!important;color:#fff!important}.mode-dropdown .p-dropdown-items .p-dropdown-item.p-highlight{background:#ffffff26!important;color:#fff!important}.sidebar-item{position:relative;margin:0 16px;width:100%;display:flex;justify-content:center;overflow:visible}.sidebar-item.has-flow-state:after{content:"";position:absolute;top:0;right:-20px;width:20px;height:100%;background:transparent;pointer-events:auto;z-index:999}.sidebar-button.has-flow-state{position:relative;display:flex!important;align-items:center;justify-content:center;overflow:visible!important}.sidebar-flow-toggle{position:absolute;top:50%;right:-16px;z-index:1000;pointer-events:auto;background:transparent!important;border:none!important;transform:translateY(-50%)}.sidebar-flow-toggle .inline-toggle{transform:scale(.85);box-shadow:0 2px 6px #00000026;display:flex!important;align-items:center!important;justify-content:center!important}.sidebar-flow-toggle .inline-toggle:before,.sidebar-flow-toggle .inline-toggle:after{background:transparent!important}.popup-button.has-flow-state{position:relative;display:flex!important;align-items:center;justify-content:center;overflow:visible!important}.popup-flow-toggle{position:absolute;top:50%;right:-11px;z-index:1000;pointer-events:auto;background:transparent!important;border:none!important;transform:translateY(-50%)}.popup-flow-toggle .inline-toggle{transform:scale(.8);box-shadow:0 2px 6px #00000026;display:flex!important;align-items:center!important;justify-content:center!important}.popup-flow-toggle .inline-toggle:before,.popup-flow-toggle .inline-toggle:after{background:transparent!important}.sidebar-button{width:180px;justify-content:center!important;padding:12px 16px!important;border:1px solid var(--border-color)!important;background:var(--bg-tertiary)!important;color:var(--text-secondary)!important;border-radius:6px!important;transition:all .2s ease!important;font-size:14px!important;font-weight:400!important}.sidebar-button:hover{background:var(--bg-secondary)!important;border-color:var(--accent-color)!important;color:var(--text-primary)!important;transform:scale(1.05)}.sidebar-button.active{background:var(--accent-color)!important;border-color:var(--accent-color)!important;color:#fff!important}.sidebar-button .p-button-icon{margin-right:12px!important;font-size:16px!important}.sidebar-divider{height:1px;background:var(--border-color);margin:16px 0;width:180px;align-self:center}.sidebar-popup{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 8px 32px var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 0;min-width:245px;transition:all .2s ease}.popup-item{margin:0}.popup-button{width:100%!important;justify-content:flex-start!important;text-align:left!important;padding:12px 16px!important;border:none!important;background:transparent!important;color:var(--text-secondary)!important;border-radius:0!important;transition:all .2s ease!important;font-size:14px!important;font-weight:400!important;display:flex!important;align-items:center!important}.popup-button:hover{background:var(--bg-tertiary)!important;color:var(--text-primary)!important}.popup-button .p-button-icon{margin-right:12px!important;font-size:16px!important}.popup-button .p-button-label{text-align:left!important;flex:1!important}.left-sidebar{animation:slideInLeft .3s ease-out}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 768px){.left-sidebar{width:280px;z-index:9999}.sidebar-button{padding:12px 16px!important;font-size:14px!important}.sidebar-button .p-button-icon{margin-right:10px!important;font-size:16px!important}.sidebar-content{padding-bottom:40px}}.left-sidebar.stealth-mode .sidebar-button{color:#21252966!important}.left-sidebar.stealth-mode .sidebar-button:hover{color:#21252999!important}.shortcut-prompt-dialog .p-dialog-content{padding:0}.shortcut-prompt-content{padding:1.5rem}.shortcut-intro-card{background:var(--surface-card);border:1px solid var(--surface-border);margin-bottom:1rem}.shortcut-intro{text-align:center}.shortcut-intro h3{margin:0 0 .5rem;color:var(--text-color)}.shortcut-intro p{margin:0;color:var(--text-color-secondary);line-height:1.5}.shortcut-permission-card{background:var(--surface-card);border:1px solid var(--surface-border);margin-bottom:1rem}.shortcut-permission{text-align:center}.shortcut-permission h3{margin:0 0 .5rem;color:var(--text-color)}.shortcut-permission p{margin:0 0 1rem;color:var(--text-color-secondary);line-height:1.5}.permission-details{background:var(--blue-50);border:1px solid var(--blue-200);border-radius:.5rem;padding:1rem;margin:1rem 0;text-align:left}.permission-details h4{margin:0 0 .75rem;color:var(--blue-700);font-size:.95rem}.permission-details ul{margin:0;padding-left:1.25rem;color:var(--blue-600)}.permission-details li{margin-bottom:.4rem;line-height:1.4;font-size:.9rem}.permission-details strong{color:var(--blue-700)}.permission-note{background:var(--green-50);border:1px solid var(--green-200);border-radius:.5rem;padding:.75rem;margin-top:1rem}.permission-note p{margin:0;color:var(--green-700);font-size:.9rem;line-height:1.4}.shortcut-installing-card{background:var(--surface-card);border:1px solid var(--surface-border);margin-bottom:1rem}.shortcut-installing{text-align:center}.shortcut-installing h3{margin:0 0 .5rem;color:var(--text-color)}.shortcut-installing p{margin:0 0 1rem;color:var(--text-color-secondary);line-height:1.5}.installing-spinner{margin:1rem 0;color:var(--primary-color)}.shortcut-success-card{background:var(--surface-card);border:1px solid var(--surface-border);margin-bottom:1rem}.shortcut-success{text-align:center}.shortcut-success h3{margin:0 0 .5rem;color:var(--text-color)}.shortcut-success p{margin:0;color:var(--text-color-secondary);line-height:1.5}.success-icon{font-size:3rem;margin:1rem 0;animation:successPulse 1s ease-in-out}@keyframes successPulse{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:1}}.install-attempt-notice{background:var(--blue-50);border:1px solid var(--blue-200);border-radius:.5rem;padding:.75rem;margin-top:1rem}.install-attempt-notice p{margin:0;color:var(--blue-700);font-size:.9rem}.install-error-notice{background:var(--red-50);border:1px solid var(--red-200);border-radius:.5rem;padding:.75rem;margin-top:1rem}.install-error-notice p{margin:0;color:var(--red-700);font-size:.9rem}.shortcut-instructions-container{margin:1.5rem 0}.shortcut-instructions h4{margin:0 0 1rem;color:var(--text-color);display:flex;align-items:center;gap:.5rem}.shortcut-instructions ol{margin:0;padding-left:1.5rem;color:var(--text-color-secondary)}.shortcut-instructions li{margin-bottom:.5rem;line-height:1.4}.shortcut-instructions strong{color:var(--text-color)}.shortcut-benefits{margin:1.5rem 0}.shortcut-benefits h4{margin:0 0 1rem;color:var(--text-color)}.shortcut-benefits ul{margin:0;padding-left:1.5rem;color:var(--text-color-secondary)}.shortcut-benefits li{margin-bottom:.5rem;line-height:1.4}.shortcut-benefits strong{color:var(--text-color)}.shortcut-actions{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--surface-border)}.shortcut-actions .p-button{flex:1;max-width:200px}@media (max-width: 768px){.shortcut-prompt-content{padding:1rem}.shortcut-actions{flex-direction:column;gap:.75rem}.shortcut-actions .p-button{width:100%;max-width:none}.shortcut-instructions ol,.shortcut-benefits ul{padding-left:1.25rem}}.theme-toggle-container{position:fixed!important;bottom:20px!important;right:20px!important;z-index:1500!important}.theme-toggle-button{width:56px!important;height:56px!important;border-radius:50%!important;background:var(--bg-primary)!important;border:2px solid var(--border-color)!important;color:var(--text-primary)!important;box-shadow:0 4px 12px var(--shadow)!important;transition:all .3s ease!important;display:flex!important;align-items:center!important;justify-content:center!important}.theme-toggle-button:hover{background:var(--bg-secondary)!important;border-color:var(--accent-color)!important;color:var(--accent-color)!important;transform:translateY(-2px)!important;box-shadow:0 6px 16px var(--shadow)!important}.theme-toggle-button:focus{box-shadow:0 0 0 3px #4dabf733!important;outline:none!important}.theme-toggle-button .pi{font-size:1.5rem!important}[data-theme=dark] .theme-toggle-button{background:var(--bg-primary)!important;border:none!important;box-shadow:0 4px 12px #00000080!important}[data-theme=dark] .theme-toggle-button:hover{background:var(--bg-secondary)!important;border:2px solid var(--accent-color)!important;box-shadow:0 6px 16px #0009!important}@media (max-width: 768px){.theme-toggle-container{bottom:15px!important;right:15px!important}.theme-toggle-button{width:52px!important;height:52px!important}.theme-toggle-button .pi{font-size:1.3rem!important}}@media (max-width: 480px){.theme-toggle-container{bottom:10px!important;right:10px!important}.theme-toggle-button{width:48px!important;height:48px!important}.theme-toggle-button .pi{font-size:1.2rem!important}}.theme-toggle-button:focus-visible{outline:3px solid var(--accent-color)!important;outline-offset:2px!important}.pwa-mode-toggle{position:fixed;top:1rem;left:1rem;z-index:1500;display:inline-block}.pwa-mode-button{font-size:.875rem;font-weight:600;padding:.5rem 1rem!important;background:var(--accent-color);border:1px solid var(--accent-color);color:#fff;border-radius:6px;transition:all .2s ease;white-space:nowrap}.pwa-mode-button .p-button-label{padding:0!important;margin:0!important}.pwa-mode-button:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.pwa-mode-button:disabled{opacity:.6;cursor:not-allowed}body>.pwa-mode-menu{margin-top:4px;min-width:fit-content;padding:0!important;background:transparent!important}body>.pwa-mode-menu .p-menu-list{padding:0!important;background:transparent!important}body>.pwa-mode-menu .p-menuitem{margin:0!important}body>.pwa-mode-menu .p-menuitem-link{font-size:.875rem;font-weight:600;padding:.5rem 1rem!important;border-radius:0;line-height:1.5;transition:all .2s ease;background:#fff;border:1px solid var(--border-color);border-top:none;color:var(--text-primary);box-sizing:border-box;height:auto;display:flex;align-items:center;justify-content:center!important;white-space:nowrap;margin:0;border-left:none;border-right:none}body>.pwa-mode-menu .p-menuitem-link:hover{background:var(--bg-tertiary)}body>.pwa-mode-menu .p-menuitem-link .p-menuitem-text{padding:0!important;margin:0!important}body>.pwa-mode-menu .p-menu-list:last-child .p-menuitem-link{border-radius:0 0 6px 6px}@media (max-width: 768px){.pwa-mode-toggle{top:.5rem;left:.5rem}.pwa-mode-button{font-size:.75rem;font-weight:600;padding:.375rem .75rem;white-space:nowrap}body>.pwa-mode-menu .p-menuitem-link{font-size:.875rem;font-weight:600;padding:.375rem .75rem;white-space:nowrap}}.username-change-dialog .p-dialog-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);color:var(--text-primary)}.username-change-form{display:flex;flex-direction:column;gap:1.5rem}.form-field label{color:var(--text-primary);font-weight:600;font-size:.9rem}.current-username-input .p-inputtext{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);opacity:.7}.new-username-input .p-inputtext{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);font-size:1rem;padding:.75rem}.new-username-input .p-inputtext:focus{border-color:var(--accent-color);box-shadow:0 0 0 .2rem #007bff40}.error-message,.success-message{margin:0}.update-button .p-button-loading-icon{margin-right:.5rem}.photo-upload-dialog .p-dialog{background:var(--bg-primary)!important}.photo-upload-dialog .p-dialog-content{padding:1.5rem;background:var(--bg-primary)!important}.photo-upload-dialog .p-dialog-header{background:var(--bg-primary)!important;border-bottom:1px solid var(--border-color)!important}.photo-upload-content{display:flex;flex-direction:column;gap:1.5rem;background:var(--bg-primary)!important}.photo-preview-section{display:flex;justify-content:center}.photo-preview-container{width:200px;height:200px;border-radius:50%;overflow:hidden;border:3px solid var(--border-color);display:flex;align-items:center;justify-content:center;background:var(--bg-secondary)}.photo-preview{width:100%;height:100%;object-fit:cover}.photo-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-secondary);text-align:center}.photo-placeholder p{margin:.5rem 0 0;font-size:.9rem}.file-selection-section{display:flex;flex-direction:column;align-items:center;gap:1rem}.choose-photo-button{min-width:150px}.file-info{text-align:center;padding:1rem;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color);width:100%}.file-info p{margin:.25rem 0;font-size:.9rem;color:var(--text-secondary)}.file-info strong{color:var(--text-primary)}.upload-progress-section{display:flex;flex-direction:column;gap:.5rem}.upload-progress-section p{margin:0;text-align:center;color:var(--text-secondary);font-size:.9rem}.dialog-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}@media (max-width: 600px){.photo-upload-dialog{width:90vw!important;max-width:500px}.photo-preview-container{width:150px;height:150px}.dialog-actions{flex-direction:column}.dialog-actions .p-button{width:100%}}.dashboard-page{min-height:100vh;background:var(--bg-secondary);color:var(--text-primary)}.dashboard-tabview.p-tabview{border:none!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;width:100%!important}.dashboard-tabview .p-tabview-nav{background:transparent!important;border:none!important;padding:0!important;margin-bottom:2rem!important;margin-top:0!important;display:flex!important;justify-content:center!important;gap:1rem!important;overflow:visible!important}.dashboard-tabview .p-tabview-nav .p-tabview-nav-link{flex:1!important;max-width:280px!important;background:var(--bg-primary)!important;border:1px solid var(--border-color)!important;border-radius:12px!important;padding:1rem 2rem!important;margin:0!important;transition:all .3s ease!important;box-shadow:0 2px 8px var(--shadow)!important;color:var(--text-secondary)!important;font-weight:500!important;font-size:1rem!important;text-align:center!important;overflow:visible!important}.dashboard-tabview .p-tabview-nav .p-tabview-nav-link:hover{background:var(--bg-secondary)!important;border-color:var(--accent-color)!important;color:var(--text-primary)!important;transform:translateY(-2px)!important;box-shadow:0 4px 12px var(--shadow)!important}.dashboard-tabview .p-tabview-nav .p-tabview-nav-link.p-highlight{background:var(--accent-color)!important;border-color:var(--accent-color)!important;color:#fff!important;font-weight:600!important;box-shadow:0 4px 12px #4dabf74d!important;transform:translateY(-2px)!important}.dashboard-tabview .p-tabview-panels{background:transparent!important;border:none!important;padding:0!important}.dashboard-top-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;height:70px!important;z-index:49!important;pointer-events:none!important;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background:transparent!important;max-width:1200px;margin-left:auto;margin-right:auto;box-sizing:border-box}.dashboard-page .dashboard-content{width:100%!important;max-width:1200px;margin:80px auto 0;padding:2rem;display:flex!important;flex-direction:column!important;align-items:center!important}.dashboard-content .p-card{width:100%!important;max-width:960px!important;margin-left:auto!important;margin-right:auto!important}.user-profile-card{width:100%!important;max-width:960px!important;margin-left:auto!important;margin-right:auto!important;margin-bottom:2rem;background:var(--bg-primary)!important;border:1px solid var(--border-color)!important;border-radius:12px!important;box-shadow:0 2px 8px var(--shadow)!important}.user-profile-card .p-card-content{padding:2rem!important}.user-profile-section{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;text-align:center}.profile-photo{width:80px;height:80px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:2px solid var(--border-color);cursor:pointer;transition:all .3s ease}.profile-photo:hover{border-color:var(--accent-color);transform:scale(1.05)}.profile-photo-image{width:100%;height:100%;object-fit:cover}.name-section{display:flex;align-items:center;justify-content:center;gap:.5rem}.name-section h2{margin:0;font-size:1.75rem;font-weight:600;color:var(--text-primary)}.edit-name-button{color:var(--text-secondary)!important;transition:color .2s ease}.edit-name-button:hover{color:var(--accent-color)!important}.chart-card{width:100%!important;max-width:960px!important;margin-left:auto!important;margin-right:auto!important;margin-bottom:2rem;background:var(--bg-primary)!important;border:1px solid var(--border-color)!important;border-radius:12px!important;box-shadow:0 2px 8px var(--shadow)!important}.chart-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:1rem}.chart-title{display:flex;align-items:center;justify-content:space-between;width:100%;margin:0;font-size:1.5rem;font-weight:600;color:var(--text-primary);flex:1}@media (max-width: 767px){.chart-card-header{flex-direction:column;align-items:flex-start;gap:1rem}.chart-title{width:100%;justify-content:space-between}.chart-card-header>div{width:100%}.chart-card-header .time-period-selector{align-self:stretch;width:100%}}.chart-header-controls{display:flex;align-items:center;gap:1rem}.time-period-selector{background:var(--bg-secondary);border-radius:8px}.time-period-selector .p-selectbutton{display:flex!important;flex-direction:row!important;gap:.25rem;flex-wrap:nowrap!important}.time-period-selector .p-button{flex:1;min-width:auto;white-space:nowrap!important}.chart-card-header .p-selectbutton{display:flex!important;flex-direction:row!important;gap:.25rem!important}.chart-card-header .p-selectbutton .p-button{display:inline-flex!important;flex-direction:row!important}.dashboard-page .p-selectbutton{display:flex!important;flex-direction:row!important;gap:.25rem!important;flex-wrap:nowrap!important}.dashboard-page .p-selectbutton .p-button{display:inline-flex!important;flex:1!important;min-width:0!important}.chart-container{min-height:300px;width:100%;position:relative}.chart-container canvas{cursor:default;touch-action:pan-x pan-y}.chart-container canvas:hover{cursor:crosshair}.chart-container canvas:active{cursor:grabbing;touch-action:none}.chart-legend-bubbles{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:8px}.legend-color-box{display:inline-block;width:20px;height:16px;border-radius:4px;border:1px solid rgba(0,0,0,.2);cursor:help}[data-theme=dark] .legend-color-box{border:1px solid rgba(255,255,255,.3)!important}.empty-chart-state{height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-secondary);text-align:center;padding:2rem}.empty-chart-state h3{margin:0 0 .5rem;font-size:1.2rem;color:var(--text-primary)}.empty-chart-state p{margin:0;font-size:.9rem}.stats-card{width:100%;background:var(--bg-primary)!important;border:1px solid var(--border-color)!important;border-radius:12px!important;box-shadow:0 2px 8px var(--shadow)!important;margin-bottom:2rem}.custom-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:0 0 1rem;border-bottom:1px solid var(--border-color);flex-wrap:nowrap;gap:1rem}.custom-card-header .card-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0;white-space:nowrap}.accordion-controls{display:flex;gap:.5rem;flex-shrink:0}.accordion-control-btn{font-size:.875rem!important;padding:.5rem 1rem!important}.btn-text-compact{display:none}@media (max-width: 768px){.btn-text-full{display:none}.btn-text-compact{display:inline}.accordion-control-btn{font-size:1.25rem!important;padding:.75rem 1.25rem!important;min-width:48px!important;min-height:48px!important}.accordion-controls{gap:.75rem}}.stats-accordion{background:transparent!important}.stats-accordion .p-accordion-header{margin-bottom:.5rem}.stats-accordion .p-accordion-panel{background:transparent!important;margin-bottom:.5rem!important}.stats-accordion .p-accordion-content{background:var(--bg-primary)!important;border:1px solid var(--border-color)!important;border-radius:8px!important;padding:1rem!important}.stats-accordion .p-accordion-header-link{background:var(--bg-secondary)!important;border:1px solid var(--border-color)!important;border-radius:8px!important;padding:1rem!important}.stats-accordion .p-accordion-header-link:hover{background:var(--bg-tertiary)!important;border-color:var(--accent-color)!important}.accordion-header{display:flex;justify-content:space-between;align-items:center;width:100%;font-weight:600;font-size:1.1rem}.accordion-content{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:var(--bg-primary)!important}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--bg-secondary);border-radius:6px;border:1px solid var(--border-color)}.stat-label{font-weight:500;color:var(--text-secondary)}.stat-value{font-weight:600;font-size:1.1rem;color:var(--accent-color)}.reflection-averages-card{width:100%;background:var(--bg-primary)!important;border:1px solid var(--border-color)!important;border-radius:12px!important;box-shadow:0 2px 8px var(--shadow)!important;margin-bottom:2rem}.reflection-averages-card .p-card-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.reflection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.reflection-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color)}.reflection-label{font-weight:500;color:var(--text-secondary)}.reflection-value{font-weight:600;font-size:1.5rem}.category-card{width:100%;background:var(--bg-primary)!important;border:1px solid var(--border-color)!important;border-radius:12px!important;box-shadow:0 2px 8px var(--shadow)!important;margin-bottom:2rem}.category-card .p-card-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.category-popularity-container{display:flex;flex-direction:column;gap:.75rem}.category-popularity-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color);transition:all .3s ease}.category-popularity-item:hover{border-color:var(--accent-color);transform:translate(4px)}.category-rank-badge{width:36px;height:36px;border-radius:50%;background:var(--accent-color);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;flex-shrink:0}.category-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.category-name{font-weight:600;font-size:1rem;color:var(--text-primary)}.category-count{font-size:.875rem;color:var(--text-secondary)}.category-percentage{font-weight:600;font-size:1.25rem;color:var(--accent-color);flex-shrink:0}.percentage-text{min-width:50px;text-align:right;display:inline-block}.no-categories-message{text-align:center;padding:3rem 2rem;color:var(--text-secondary)}.empty-state-icon{font-size:3rem;margin-bottom:1rem}.no-categories-message p{margin:.5rem 0}.text-sm{font-size:.875rem}.text-gray-500{color:var(--text-secondary)}.projected-dates-card{width:100%;background:var(--bg-primary)!important;border:1px solid var(--border-color)!important;border-radius:12px!important;box-shadow:0 2px 8px var(--shadow)!important;margin-bottom:2rem}.projected-dates-card .p-card-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.projected-dates-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.projected-date-item{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color)}.projected-date-label{font-weight:500;font-size:.875rem;color:var(--text-secondary)}.projected-date-value{font-weight:600;font-size:1.1rem;color:var(--text-primary)}.streaks-card{width:100%;background:var(--bg-primary)!important;border:1px solid var(--border-color)!important;border-radius:12px!important;box-shadow:0 2px 8px var(--shadow)!important;margin-bottom:2rem}.streaks-card .p-card-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.streaks-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.streak-item{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color)}.streak-label{font-weight:500;font-size:.875rem;color:var(--text-secondary)}.streak-value{font-weight:600;font-size:1.1rem;color:var(--accent-color)}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;padding:3rem 2rem}.loading-skeleton{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;width:100%;max-width:1200px;margin:2rem auto}.skeleton-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.skeleton-line{height:20px;background:var(--bg-secondary);border-radius:4px;margin-bottom:1rem}.skeleton-title{width:60%;height:24px}.skeleton-subtitle{width:40%;height:18px}.skeleton-number{width:80px;height:32px}.skeleton-stats{display:flex;gap:1rem;margin-top:1rem}.skeleton-stat{flex:1;height:60px;background:var(--bg-secondary);border-radius:8px}.skeleton-chart{width:100%;height:300px;background:var(--bg-secondary);border-radius:8px;margin-top:1rem}.loading-text{margin-top:1rem;color:var(--text-secondary);font-size:1.1rem}.error-card{background:var(--bg-primary)!important;border:1px solid var(--border-color)!important;border-radius:12px!important;box-shadow:0 2px 8px var(--shadow)!important}.error-content{display:flex;flex-direction:column;gap:1rem;align-items:center;padding:2rem}.error-content h3{margin:0;color:var(--text-primary);font-size:1.5rem}.error-content p{margin:0;color:var(--text-secondary);text-align:center}.history-dialog-content{display:flex;flex-direction:column;gap:1.5rem;height:100%}.history-controls{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.history-chart-section{display:flex;flex-direction:column;gap:1rem}.history-chart-section h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.history-chart-container{min-height:400px;position:relative}.history-chart-container canvas{cursor:crosshair;touch-action:none}.history-chart-container canvas:active{cursor:grabbing}.history-footer{padding-top:1rem;border-top:1px solid var(--border-color);text-align:center;color:var(--text-secondary)}@media (max-width: 1024px){.dashboard-page .dashboard-content{padding:1.5rem}.reflection-grid,.projected-dates-grid,.streaks-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (max-width: 768px){.dashboard-page .dashboard-content{padding:1rem;margin-top:60px}.user-profile-section{padding:1.5rem}.name-section h2{font-size:1.5rem}.chart-card .p-card-title,.stats-card .card-title{font-size:1.25rem}.reflection-grid,.projected-dates-grid,.streaks-grid,.category-popularity-container,.loading-skeleton{grid-template-columns:1fr}}@media (max-width: 480px){.dashboard-page .dashboard-content{padding:.75rem}.user-profile-section{padding:1rem}.profile-photo{width:60px;height:60px}.name-section h2{font-size:1.25rem}.chart-controls{justify-content:center}.stat-item,.reflection-item,.category-popularity-item,.projected-date-item,.streak-item{padding:.75rem}.reflection-value,.ranking-value{font-size:1.25rem}.category-rank-badge{width:30px;height:30px;font-size:.875rem}.category-percentage{font-size:1rem}.accordion-control-btn{font-size:1.5rem!important;padding:1rem 1.5rem!important;min-width:56px!important;min-height:56px!important}.accordion-controls{gap:1rem}}.ideal-entry{padding:1rem;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color)}.ideal-entry small{color:var(--text-secondary);font-size:.875rem;display:block;margin-bottom:.5rem}.ideal-entry p{margin:0;color:var(--text-primary);line-height:1.5}.values-chips{display:flex;flex-wrap:wrap;gap:.5rem;width:100%}.value-chip{display:inline-block;padding:.5rem 1rem;background:var(--accent-color);color:#fff;border-radius:20px;font-size:.875rem;font-weight:500;white-space:nowrap}.behavior-list{display:flex;flex-direction:column;gap:.75rem}.behavior-item{display:flex;align-items:center;padding:.75rem;background:var(--bg-secondary);border-radius:6px;border:1px solid var(--border-color)}.behavior-item span{color:var(--text-primary);line-height:1.4}.empty-state{text-align:center;color:var(--text-secondary);font-style:italic;padding:1rem;margin:0}.color-picker-button{background:var(--bg-secondary)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important;box-shadow:none!important;padding:.5rem 1rem!important;border-radius:8px!important;font-weight:500!important;font-size:.875rem!important;white-space:nowrap!important}.color-picker-mobile,.color-picker-mobile.p-button,.color-picker-mobile button{display:none!important}.color-picker-desktop,.color-picker-desktop.p-button,.color-picker-desktop button{display:inline-flex!important}.color-picker-button:hover{background:var(--bg-tertiary)!important;border-color:var(--accent-color)!important;transform:none!important;box-shadow:0 2px 4px #0000001a!important}.color-picker-button:active{transform:scale(.98)!important}.color-picker-text{display:inline}.color-picker-icon{display:none;font-size:1.5rem}@media (max-width: 767px){.color-picker-text{display:none!important}.color-picker-icon{display:inline!important}.color-picker-button{padding:0!important;width:3rem!important;height:3rem!important;border-radius:50%!important;min-width:3rem!important}.color-picker-mobile,.color-picker-mobile.p-button,.color-picker-mobile button{display:inline-flex!important}.color-picker-desktop,.color-picker-desktop.p-button,.color-picker-desktop button{display:none!important}}.chart-color-picker-popover{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;margin:1rem 0;box-shadow:0 4px 12px var(--shadow)}.p-dialog-header,.p-dialog-content,.p-dialog-footer{background:var(--bg-primary)!important;color:var(--text-primary)!important}.p-dialog-header{border-bottom:1px solid var(--border-color)!important}.p-dialog-footer{border-top:1px solid var(--border-color)!important;padding:1rem!important}.color-picker-accordion .p-accordion-header-link{background:var(--bg-secondary)!important;border:1px solid var(--border-color)!important;border-radius:8px!important;color:var(--text-primary)!important}.color-picker-accordion .p-accordion-header-link:hover{background:var(--bg-tertiary)!important;border-color:var(--accent-color)!important}.color-picker-accordion .p-accordion-tab-content,.color-picker-accordion .p-accordion-content{background:transparent!important;border:none!important;padding:0!important}.color-picker-grid{display:grid!important;grid-template-columns:repeat(6,1fr)!important;gap:.75rem!important}@media (max-width: 767px){.color-picker-grid{gap:.4rem!important}.color-picker-grid button{min-height:1.5rem!important}}.color-picker-grid button{width:100%!important;aspect-ratio:1!important;min-height:2rem!important}.chart-color-picker-popover h4{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.color-category-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;margin-bottom:.5rem;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color)}.color-category-item label{font-weight:500;color:var(--text-primary);flex:1}@media (max-width: 768px){.chart-color-picker-popover{padding:1rem}.color-category-item{flex-direction:column;gap:.5rem;align-items:flex-start}.color-category-item>div{width:100%;justify-content:flex-end}}.behavior-entries-list,.belief-entries-list{display:flex;flex-direction:column;gap:8px}.behavior-entry-item,.belief-entry-item{border:1px solid var(--border-color);border-radius:8px;margin-bottom:8px;background:var(--bg-primary);transition:all .2s ease;overflow:hidden;width:100%;max-width:100%;overflow-wrap:break-word;word-wrap:break-word;box-shadow:0 2px 8px var(--shadow)}.behavior-entry-item:last-child,.belief-entry-item:last-child{margin-bottom:0}.behavior-entry-item:hover,.belief-entry-item:hover{background:var(--bg-secondary);border-color:var(--border-color);transform:translateY(-1px);box-shadow:0 4px 12px var(--shadow)}.behavior-entry-header,.belief-entry-header{cursor:pointer;padding:12px 16px;transition:background-color .2s ease}.behavior-entry-header:hover,.belief-entry-header:hover{background-color:var(--bg-secondary)}.behavior-entry-main-content,.belief-entry-main-content{display:flex;align-items:center;gap:12px;width:100%}.behavior-entry-left,.belief-entry-left{display:flex;align-items:center;gap:8px;flex-shrink:0}.behavior-entry-center,.belief-entry-center{flex:1;min-width:0}.behavior-entry-basic-info,.belief-entry-basic-info{display:flex;flex-direction:column;gap:4px}.behavior-entry-title,.belief-entry-title{font-weight:500;color:var(--text-primary);font-size:1rem}.behavior-entry-date,.belief-entry-date{color:var(--text-secondary);font-size:.85rem;font-style:italic}.behavior-entry-item .expand-button,.belief-entry-item .expand-button{color:var(--text-secondary);transition:transform .2s ease}.behavior-entry-item.expanded .expand-button,.belief-entry-item.expanded .expand-button{transform:rotate(180deg)}.behavior-entry-details,.belief-entry-details{border-top:1px solid var(--border-color);background-color:var(--bg-secondary);animation:slideDown .3s ease}.behavior-entry-details-content,.belief-entry-details-content{padding:16px;text-align:left}.behavior-entry-details-content .detail-section,.belief-entry-details-content .detail-section{margin-top:12px;display:flex;flex-direction:column;gap:4px;align-items:flex-start;text-align:left}.behavior-entry-details-content .detail-section:first-child,.belief-entry-details-content .detail-section:first-child{margin-top:0}.behavior-entry-details-content .detail-section label,.belief-entry-details-content .detail-section label{font-weight:600;color:var(--text-secondary);font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;text-align:left}.behavior-entry-details-content .vision-tags,.belief-entry-details-content .vision-tags{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-start;align-items:flex-start;text-align:left}.behavior-entry-details-content .vision-tags,.belief-entry-details-content .vision-tags{display:flex;flex-wrap:wrap;gap:.5rem;flex:1}.behavior-entry-details-content .vision-tag,.belief-entry-details-content .vision-tag{font-size:.875rem}.password-setup{margin-top:1.5rem}.password-setup .form-field{margin-bottom:1.5rem}.password-setup .form-field label{display:block;margin-bottom:.5rem;font-weight:600;color:#495057}.password-setup .checkbox-field{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background-color:#f8f9fa;border-radius:6px;border:1px solid #e9ecef}.password-setup .checkbox-label{margin:0;font-weight:500;color:#495057;cursor:pointer;line-height:1.4;flex:1}.password-setup .checkbox-label:hover{color:#007bff}.password-strength{font-size:.875rem;margin-top:.25rem;font-weight:500}.password-strength[style*=green]{color:#28a745}.password-strength[style*=orange]{color:#fd7e14}.password-strength[style*=red]{color:#dc3545}.password-tips{margin-top:1.5rem;padding:1rem;background-color:#e7f3ff;border-radius:6px;border-left:4px solid #007bff}.password-tips h4{margin:0 0 .75rem;color:#007bff;font-size:.9rem;font-weight:600}.password-tips ul{margin:0;padding-left:1.25rem;color:#495057}.password-tips li{margin-bottom:.25rem;font-size:.85rem;line-height:1.4}.password-tips li:last-child{margin-bottom:0}.password-setup .p-password,.password-setup .p-password .p-inputtext{width:100%}.password-setup .p-message{margin-top:.5rem}@media (max-width: 768px){.password-setup .checkbox-field{flex-direction:column;align-items:flex-start;gap:.5rem}.password-setup .checkbox-label{margin-left:0}}.password-dialog .password-info{margin-bottom:1.5rem;padding:1rem;background-color:var(--bg-secondary);border-radius:6px;border-left:4px solid var(--accent-color)}.password-dialog .password-info p{margin:0;color:var(--text-secondary);font-size:.9rem;line-height:1.4}.password-dialog .form-field{margin-bottom:1.5rem}.password-dialog .form-field label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-secondary)}.password-dialog .p-password,.password-dialog .p-password .p-inputtext{width:100%}.password-dialog .p-message{margin-top:.5rem}.import-dialog .p-dialog-content{padding:1.5rem}.import-dialog-content{display:flex;flex-direction:column;gap:1.5rem}.import-section{display:flex;flex-direction:column;gap:.75rem}.import-section h4{margin:0;color:var(--text-primary);font-size:1rem;font-weight:600;border-bottom:2px solid var(--accent-color);padding-bottom:.5rem}.file-input-container{display:flex;align-items:center;gap:1rem}.file-input{display:none}.file-select-button{min-width:120px}.selected-file{margin:.5rem 0 0;font-size:.9rem;color:var(--text-secondary);background:var(--bg-secondary);padding:.5rem;border-radius:4px;border:1px solid var(--border-color)}.import-preview-card{background:var(--bg-secondary);border:1px solid var(--border-color)}.preview-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.preview-info p{margin:.25rem 0;font-size:.9rem;color:var(--text-secondary)}.preview-status{padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:600}.preview-status.valid{background:var(--success-color);color:#fff}.preview-status.invalid{background:var(--error-color);color:#fff}.data-counts h5{margin:0 0 .75rem;color:var(--text-primary);font-size:.9rem;font-weight:600}.counts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.count-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px}.count-label{font-size:.85rem;color:var(--text-secondary)}.count-value{font-weight:600;color:var(--accent-color);font-size:.9rem}.validation-errors{margin-top:1rem;padding:.75rem;background:var(--error-bg);border:1px solid var(--error-color);border-radius:4px}.validation-errors h5{margin:0 0 .5rem;color:var(--error-color);font-size:.9rem}.validation-errors ul{margin:0;padding-left:1.25rem}.validation-errors li{font-size:.85rem;color:var(--text-secondary);margin-bottom:.25rem}.import-settings{display:flex;flex-direction:column;gap:1rem}.setting-row{display:flex;flex-direction:column;gap:.5rem}.setting-row label{font-weight:500;color:var(--text-primary);font-size:.9rem}.target-list-dropdown,.merge-mode-dropdown{min-width:200px}.import-progress{height:8px;border-radius:4px}.import-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.cancel-button,.import-button{min-width:120px}.import-button{background:var(--accent-color);border-color:var(--accent-color)}.import-button:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.import-button:disabled{background:var(--text-muted);border-color:var(--text-muted);opacity:.6}@media (max-width: 768px){.import-dialog{width:95vw!important;max-width:500px}.counts-grid{grid-template-columns:1fr}.preview-header{flex-direction:column;gap:.5rem;align-items:flex-start}.import-actions{flex-direction:column}.cancel-button,.import-button{width:100%}}[data-theme=dark] .import-preview-card{background:var(--bg-tertiary)}[data-theme=dark] .count-item{background:var(--bg-secondary)}[data-theme=dark] .selected-file{background:var(--bg-tertiary)}.lists-card{padding:2rem;margin-bottom:2rem}.lists-header{margin-bottom:2rem}.lists-header p{margin:0 0 1.5rem;color:var(--text-secondary);font-size:1rem}.header-buttons{display:flex;gap:1rem;flex-wrap:wrap}.create-button{background:var(--accent-color)!important;border-color:var(--accent-color)!important;color:#fff!important}.create-button:hover{background:var(--accent-hover)!important;border-color:var(--accent-hover)!important}.import-button{background:var(--text-secondary)!important;border-color:var(--text-secondary)!important;color:#fff!important}.import-button:hover{background:var(--text-primary)!important;border-color:var(--text-primary)!important}.lists-list{display:flex;flex-direction:column;gap:1rem}.list-item-component{padding:1.5rem;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.list-item-component:hover{transform:translateY(-1px)}.list-content{flex:1;display:flex;flex-direction:column;gap:.5rem}.list-main-info{display:flex;align-items:center;gap:.75rem}.list-name{font-weight:600;font-size:1.1rem;color:var(--text-primary)}.vision-count{color:var(--text-secondary);font-size:.875rem;font-weight:400}.list-meta{display:flex;gap:.5rem;align-items:center}.privacy-tag,.dev-tag{font-size:.75rem;padding:.25rem .5rem}.list-actions{display:flex;gap:.5rem;align-items:center}.list-actions .p-button{width:2rem;height:2rem;padding:0}.no-lists{text-align:center;padding:3rem 2rem;color:var(--text-secondary);background:var(--bg-tertiary);border-radius:8px;border:1px dashed var(--border-color)}.no-lists p{margin:0;font-size:1rem;font-style:italic}@media (max-width: 768px){.lists-card{padding:1rem}.header-buttons{flex-direction:column;align-items:stretch}.list-item-component{flex-direction:column;align-items:stretch;gap:1rem}.list-main-info{flex-direction:column;align-items:flex-start;gap:.25rem}.list-actions{justify-content:center}}.sort-dialog .p-dialog-content{padding:1.5rem}.sort-dialog-content{display:flex;flex-direction:column;gap:1.5rem}.sort-section,.filter-section{display:flex;flex-direction:column;gap:1rem}.sort-section h3,.filter-section h3{margin:0 0 .5rem;color:var(--text-color);font-size:1.1rem;font-weight:600}.sort-options{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.sort-option{display:flex;align-items:center;padding:1rem;border-radius:8px;border:1px solid var(--surface-border);background-color:var(--surface-card);transition:all .2s ease;cursor:pointer;gap:.75rem}.sort-option:hover{background-color:var(--surface-hover);border-color:var(--accent-color)}.sort-option.selected{background-color:var(--accent-color);border-color:var(--accent-color);color:#fff}.checkmark-container{width:20px;height:20px;border:2px solid var(--surface-border);border-radius:4px;display:flex;align-items:center;justify-content:center;background-color:var(--surface-card);transition:all .2s ease}.sort-option.selected .checkmark-container{border-color:#fff;background-color:#fff}.checkmark{color:var(--accent-color);font-weight:700;font-size:14px}.sort-option.selected .checkmark{color:var(--accent-color)}.option-label{font-size:.9rem;color:var(--text-color);cursor:pointer}.sort-option.selected .option-label{color:#fff}.direction-selection{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--surface-border)}.direction-selection h4{margin:0 0 .5rem;color:var(--text-color);font-size:1rem;font-weight:500}.direction-options{display:flex;flex-direction:row;gap:1.5rem;align-items:center}.direction-option{display:flex;align-items:center;padding:1rem;border-radius:8px;border:1px solid var(--surface-border);background-color:var(--surface-card);transition:all .2s ease;cursor:pointer;gap:.75rem}.direction-option:hover{background-color:var(--surface-hover);border-color:var(--accent-color)}.direction-option.selected{background-color:var(--accent-color);border-color:var(--accent-color);color:#fff}.direction-option .checkmark-container{width:20px;height:20px;border:2px solid var(--surface-border);border-radius:4px;display:flex;align-items:center;justify-content:center;background-color:var(--surface-card);transition:all .2s ease}.direction-option.selected .checkmark-container{border-color:#fff;background-color:#fff}.direction-option .checkmark{color:var(--accent-color);font-weight:700;font-size:14px}.direction-option.selected .checkmark{color:var(--accent-color)}.direction-option .option-label{font-size:.9rem;color:var(--text-color);cursor:pointer}.direction-option.selected .option-label{color:#fff}.apply-sort-button{margin-top:1rem;align-self:flex-start}.filter-description{margin:0 0 1rem;color:var(--text-color-secondary);font-size:.9rem}.filter-options{display:flex;flex-direction:column;gap:1rem}.filter-type{display:flex;flex-direction:column;gap:.5rem}.filter-type h4{margin:0;color:var(--text-color);font-size:1rem;font-weight:500}.filter-dropdown{width:100%}.filter-actions{display:flex;gap:.5rem;margin-top:1rem}.apply-filter-button,.clear-filter-button{align-self:flex-start}@media (max-width: 768px){.sort-options{grid-template-columns:1fr}.direction-options{flex-direction:column;gap:.75rem}.filter-actions{flex-direction:column}.apply-filter-button,.clear-filter-button,.apply-sort-button{width:100%}}.p-dark .sort-dialog-content{background-color:var(--surface-card)}.p-dark .sort-option:hover{background-color:var(--surface-hover)}.p-dark .direction-selection{border-top-color:var(--surface-border)}[data-theme=dark] .sort-option.selected .checkmark-container,[data-theme=dark] .direction-option.selected .checkmark-container{background-color:var(--accent-color)!important;border-color:var(--accent-color)!important}[data-theme=dark] .direction-option.selected .option-label{color:#fff!important}.visions-page{min-height:100vh;background:var(--bg-secondary);color:var(--text-primary)}.visions-page .page-content{max-width:800px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;margin-top:0!important}.loading-state,.empty-state{text-align:center;padding:3rem 2rem;color:var(--text-secondary);background:var(--bg-primary);border-radius:12px;border:1px solid var(--border-color);box-shadow:0 2px 8px var(--shadow)}.loading-state p,.empty-state h3,.empty-state p{margin:0 0 1rem}.empty-state h3{color:var(--text-primary);font-size:1.5rem;font-weight:600}.empty-state p{color:var(--text-secondary);font-size:1rem}.visions-page .visions-container-list,.visions-page .visions-container-tile{display:flex;flex-direction:column;gap:1rem;flex:1;width:100%;align-items:center!important}.new-vision-sticky-bar{position:sticky!important;top:100px!important;z-index:52!important;display:flex;gap:.5rem;align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:.75rem;margin:0 2rem;box-shadow:0 2px 8px var(--shadow);max-width:1200px;margin-left:auto;margin-right:auto;box-sizing:border-box}.visions-active-counter{position:sticky!important;top:80px!important;z-index:51!important;color:#6c757d;font-size:.9rem;margin:0 2rem;max-width:1200px;margin-left:auto;margin-right:auto}.visions-top-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;height:150px!important;z-index:49!important;pointer-events:none!important;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background:color-mix(in srgb,var(--bg-secondary) 70%,transparent)}.new-vision-input{flex:1}.new-vision-input::placeholder{font-style:italic}.new-vision-add-button .p-button-label{font-weight:600}.visions-page .list-component{display:flex;flex-direction:column;gap:1rem;flex:1;width:100%;align-items:center!important}.visions-page .vision-list-item{cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:space-between;padding:1.5rem!important;min-height:80px;height:80px!important;width:100%;max-width:none!important;box-sizing:border-box;gap:1rem;flex-direction:row!important}.visions-page .vision-list-item .p-card-content{padding:0!important;width:100%!important}.vision-list-content{display:flex!important;align-items:center!important;justify-content:flex-start!important;width:100%!important;min-height:80px!important;height:80px!important;padding:1.5rem!important;box-sizing:border-box!important;gap:1rem!important}.vision-list-item:hover{background:var(--bg-primary)!important;border-color:var(--accent-color)!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px var(--shadow)!important}.vision-text{display:flex;align-items:center;flex:1;min-width:0;overflow:hidden}.vision-actions{display:flex!important;gap:.5rem;align-items:center;flex-shrink:0!important;margin-left:auto!important}.vision-name{font-weight:600;font-style:italic;font-size:1.1rem;color:var(--text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100vw - 200px);line-height:1.2;text-align:left}.visions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.5rem;flex:1;align-content:start}.vision-tile{cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;justify-content:space-between;aspect-ratio:1;padding:.5rem!important;width:100%;max-width:none;min-height:0;height:auto}.vision-tile .vision-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;width:100%;display:block}.vision-tile:hover{background:var(--bg-primary)!important;border-color:var(--accent-color)!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px var(--shadow)!important}.vision-content-tile{flex:1;display:flex;flex-direction:column;gap:.25rem;margin-bottom:.5rem;min-width:0;overflow:hidden;justify-content:center}.vision-actions-tile{display:flex;gap:.25rem;align-items:center;justify-content:flex-end}.vision-actions-tile .p-button{width:2rem;height:2rem;padding:0;min-height:2rem;min-width:2rem}@media (min-width: 769px){.visions-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.6rem}.vision-tile{aspect-ratio:1;padding:.6rem!important}.vision-list-item{flex-direction:row!important;align-items:center!important;position:relative!important}.vision-list-item .p-card-content{flex-direction:row!important;align-items:center!important;justify-content:space-between!important;width:100%!important}.vision-content-list{order:1!important;flex:1!important;margin-right:0!important;justify-content:center!important;align-items:flex-start!important;gap:0!important}}@media (max-width: 768px){.visions-page .page-content{padding:1rem;margin-top:170px!important;min-height:calc(100vh - 190px)}.visions-page .visions-container-list,.visions-page .visions-container-tile{padding-top:0}.vision-list-item{flex-direction:column;align-items:stretch;gap:1rem;width:100%}.vision-content-list{align-items:flex-start;max-width:none}.vision-name{max-width:calc(100vw - 150px)}.vision-actions{margin-left:auto;justify-content:flex-end}.visions-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.4rem}.vision-tile{aspect-ratio:1;max-width:none;width:100%;padding:.4rem!important}.vision-actions-tile{justify-content:center}}@media (max-width: 480px){.visions-page .page-content{padding:.75rem;margin-top:170px!important;min-height:calc(100vh - 190px)}.visions-page .visions-container-list,.visions-page .visions-container-tile{padding-top:0}.visions-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.3rem}.vision-tile{aspect-ratio:1;max-width:none;width:100%;padding:.3rem!important}.loading-state,.empty-state{padding:2rem 1rem}.vision-list-item,.vision-tile{padding:1rem!important}.vision-tile .vision-name{font-size:.8rem}}.vision-stats-popup .p-dialog-header{display:none}.vision-stats-header{text-align:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--surface-border)}.vision-stats-header h3{font-size:1.5rem;font-weight:600;margin:0 0 .5rem;color:var(--text-color)}.vision-title{font-size:1rem;color:var(--text-color-secondary);margin:0;font-style:italic}.vision-stats-content{max-height:70vh;overflow-y:auto}.stats-loading{text-align:center;padding:40px;color:#666}.stats-error{text-align:center;padding:40px;color:#ef4444}.stats-section{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #e5e7eb}.stats-section:last-of-type{border-bottom:none;margin-bottom:0}.stats-section h4{margin:0 0 15px;color:#374151;font-size:1.1rem;font-weight:600;display:flex;align-items:center;gap:8px}.stats-section h4:before{content:"";width:4px;height:20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.stat-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:15px;text-align:center;transition:all .2s ease}.stat-item:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.stat-label{font-size:.85rem;color:#64748b;margin-bottom:8px;font-weight:500}.stat-value{font-size:1.5rem;font-weight:700;color:#1e293b}.stat-subtitle{font-size:.75rem;color:#64748b;margin-top:4px;font-weight:400}.engagement-level{font-size:1.2rem!important;font-weight:600}.progress-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px}.progress-item{display:flex;align-items:center;gap:15px}.progress-label{font-weight:500;color:#374151;min-width:150px}.progress-bar{flex:1;height:12px;background:#e2e8f0;border-radius:6px;overflow:hidden;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:6px;transition:width .3s ease;position:relative}.progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-value{font-weight:600;color:#374151;min-width:50px;text-align:right}.stats-footer{margin-top:20px;padding-top:15px;border-top:1px solid #e5e7eb}.last-modified{margin:0;font-size:.85rem;color:#64748b;text-align:center}@media (max-width: 768px){.vision-stats-popup .p-dialog{width:95vw!important;margin:10px}.stats-grid{grid-template-columns:1fr;gap:10px}.stat-item{padding:12px}.progress-item{flex-direction:column;align-items:stretch;gap:10px}.progress-label{min-width:auto;text-align:center}.progress-value{text-align:center}}@media (prefers-color-scheme: dark){.stats-section{border-bottom-color:#374151}.stat-item{background:#1f2937;border-color:#374151;color:#f9fafb}.stat-item:hover{background:#374151;border-color:#4b5563}.stat-label{color:#9ca3af}.stat-value,.stats-section h4{color:#f9fafb}.progress-container{background:#1f2937;border-color:#374151}.progress-label,.progress-value{color:#f9fafb}.progress-bar{background:#374151}.stats-footer{border-top-color:#374151}.last-modified{color:#9ca3af}}[data-theme=dark] .stats-loading,[data-theme=dark] .stats-section h4,[data-theme=dark] .stat-label,[data-theme=dark] .stat-subtitle,[data-theme=dark] .stat-value,[data-theme=dark] .progress-label,[data-theme=dark] .progress-value,[data-theme=dark] .last-modified{color:#fff!important}[data-theme=dark] .stats-section{border-bottom-color:#1a1a1a!important}[data-theme=dark] .stat-item{background:#000!important;border:none!important;color:#fff!important}[data-theme=dark] .stat-item:hover{background:#0a0a0a!important;border:none!important}[data-theme=dark] .progress-container{background:#000!important;border:none!important}[data-theme=dark] .progress-bar{background:#1a1a1a!important}[data-theme=dark] .stats-footer{border-top-color:#1a1a1a!important}.manual-mode-choice-popup{z-index:1100}.mode-choice-content{padding:1rem 0}.mode-choice-description{color:var(--text-secondary);font-size:1rem;line-height:1.5;margin-bottom:2rem;text-align:center}.mode-choice-buttons{display:flex;flex-direction:column;gap:1.5rem}.mode-choice-option{display:flex;flex-direction:column;align-items:center;gap:.75rem}.mode-choice-button{width:100%;max-width:300px;padding:1.5rem!important;font-size:1.2rem!important;font-weight:600!important;border-radius:12px!important;transition:all .3s ease!important}.mode-choice-button.standard-mode{background:var(--accent-color)!important;border:2px solid var(--accent-color)!important;color:#fff!important}.mode-choice-button.standard-mode:hover{background:var(--accent-hover)!important;border-color:var(--accent-hover)!important;transform:translateY(-2px)!important;box-shadow:0 6px 20px #007bff4d!important}.mode-choice-button.relative-mode{background:transparent!important;border:2px solid var(--accent-color)!important;color:var(--accent-color)!important}.mode-choice-button.relative-mode:hover{background:var(--accent-color)!important;color:#fff!important;transform:translateY(-2px)!important;box-shadow:0 6px 20px #007bff4d!important}.mode-description{color:var(--text-secondary);font-size:.9rem;line-height:1.4;text-align:center;margin:0;max-width:300px}.mode-choice-divider{display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.9rem;font-weight:600;position:relative;padding:.5rem 0}.mode-choice-divider:before,.mode-choice-divider:after{content:"";flex:1;height:1px;background:var(--border-color);margin:0 1rem}@media (max-width: 768px){.mode-choice-button{padding:1.25rem!important;font-size:1.1rem!important}.mode-description{font-size:.85rem}}.manual-entry-popup .p-dialog-content{padding:1.5rem}.manual-entry-content{display:flex;flex-direction:column;gap:2rem}.vision-statement-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;margin-bottom:1rem}.vision-statement-section h4{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0 0 1rem}.vision-statement-input{width:100%!important;font-size:1rem!important;padding:.75rem!important;border-radius:6px!important;border:1px solid var(--border-color)!important;background:var(--bg-primary)!important;color:var(--text-primary)!important}.vision-statement-input:focus{border-color:var(--accent-primary)!important;box-shadow:0 0 0 2px rgba(var(--accent-primary-rgb),.2)!important}.manual-entry-description{color:var(--text-secondary);line-height:1.6;margin-bottom:.5rem}.question-category-section{display:flex;flex-direction:column;gap:1rem}.manual-entry-popup .category-title{color:var(--text-primary);font-size:1.1rem;font-weight:600;display:flex;align-items:center;gap:.5rem;margin:0;padding-bottom:.5rem;border-bottom:2px solid var(--border-color)}.manual-entry-popup .category-title i{font-size:1.2rem;color:var(--accent-color)}.question-type-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.question-type-name{font-weight:500;color:var(--text-primary);margin:0}@media (max-width: 768px){.manual-entry-popup{width:95vw!important}.manual-entry-popup .p-dialog-content{padding:1rem!important}.question-type-grid{grid-template-columns:1fr}.question-type-item{padding:.75rem}.manual-entry-popup .category-title{font-size:1rem}}.reflection-slider-content{display:flex;flex-direction:column;gap:15px;position:relative;width:100%}.reflection-slider-content.compact{gap:10px}.slider-header{display:flex;justify-content:space-between;align-items:center;background:none!important;border:none!important;padding:0!important}.slider-header h3{margin:0;font-size:1.5rem;font-weight:600;color:var(--text-primary);background:none!important;border:none!important;padding:0!important;box-shadow:none!important;border-radius:0!important}.reflection-slider-content.compact .slider-header h3{font-size:1.25rem}.reflection-slider-content.compact .slider-value{font-size:18px}.reflection-slider-content.compact .slider-question{font-size:14px}.reflection-slider-content.compact .slider-scale{font-size:12px}.slider-wrapper{display:flex;align-items:center;gap:15px;margin-top:10px;min-height:30px;position:relative}.slider-wrapper:after{content:attr(data-value);font-size:24px;font-weight:700;color:var(--text-primary);min-width:40px;text-align:center;flex-shrink:0}.reflection-slider-content.compact .slider-wrapper:after{font-size:18px;min-width:30px}.touch-aware-slider-container{flex:1;width:100%;position:relative;touch-action:none}.reflection-slider{flex:1;position:relative;min-height:6px;background-color:#e9ecef;border-radius:3px;border:1px solid #ddd}.reflection-slider .p-slider-range{background:var(--slider-color, #666)!important;height:100%!important;border-radius:3px!important;position:absolute!important;top:0!important;left:0!important}.reflection-slider .p-slider-handle{background:var(--slider-color, #007bff)!important;border:2px solid var(--bg-primary)!important;width:20px!important;height:20px!important;position:absolute!important;top:50%!important;transform:translate(-50%,-50%)!important;border-radius:50%!important;cursor:pointer!important;z-index:2!important;box-shadow:0 2px 4px #0000001a!important}.reflection-slider,.reflection-slider .p-slider,.reflection-slider .p-slider-handle,.reflection-slider .p-slider-range,.reflection-slider .p-slider-rail,.reflection-slider .p-slider-track,.reflection-slider .p-slider-track-container{touch-action:none!important}.reflection-slider .p-slider{background-color:#e9ecef!important;position:relative!important;height:6px!important;border-radius:3px!important;width:100%!important;display:block!important;visibility:visible!important;opacity:1!important;min-height:6px!important;min-width:100px!important;border:none!important;box-shadow:inset 0 1px 3px #0000001a!important}.reflection-slider .p-slider-range{background:var(--slider-color, #666)!important;height:100%!important;border-radius:3px!important;position:absolute!important;top:0!important;left:0!important;z-index:1!important}.reflection-slider .p-slider.p-slider{background-color:#e9ecef!important;height:6px!important;width:100%!important;display:block!important;visibility:visible!important;opacity:1!important;min-height:6px!important;min-width:100px!important;border:1px solid #ddd!important;box-shadow:inset 0 1px 3px #0000001a!important;position:relative!important;border-radius:3px!important}.reflection-slider .p-slider:before{content:""!important;position:absolute!important;inset:0!important;background-color:#e9ecef!important;border-radius:3px!important;z-index:0!important}.reflection-slider .p-slider .p-slider-track,.reflection-slider .p-slider .p-slider-rail,.reflection-slider .p-slider .p-slider-track-container{background-color:#e9ecef!important;height:6px!important;width:100%!important;display:block!important;visibility:visible!important;opacity:1!important;border-radius:3px!important;border:1px solid #ddd!important;position:relative!important}.reflection-slider .p-slider .p-slider-range,.reflection-slider .p-slider-range{background:var(--slider-color, #666)!important;height:100%!important;border-radius:3px!important;position:absolute!important;top:0!important;left:0!important;z-index:1!important;width:var(--slider-range-width, 0%)!important;transition:width .2s ease!important}.reflection-slider.active .p-slider-handle{box-shadow:0 0 0 4px #007bff40!important}.slider-wrapper:hover .reflection-slider .p-slider-handle{transform:scale(1.05)}.reflection-slider-content.compact .cooldown-display{font-size:12px;padding:6px}.active-hint{text-align:center;color:#28a745;font-weight:500;font-size:14px;animation:pulse 2s infinite}.reflection-slider-content.compact .active-hint{font-size:12px}@media (max-width: 768px){.reflection-slider-content{gap:10px}.reflection-slider-content.compact{gap:8px}.slider-wrapper{flex-direction:column;gap:10px}.slider-submit{align-self:center}.reflection-slider .p-slider-handle{width:18px!important;height:18px!important;border-width:2px!important}.reflection-slider .p-slider{background-color:#e9ecef!important;height:6px!important}}[data-theme=dark] .reflection-slider .p-slider-range{background:var(--slider-color, var(--accent-color))!important}[data-theme=dark] .slider-placeholder-icon,[data-theme=dark] .slider-label,[data-theme=dark] .slider-value{color:#fff!important}.feelings-input{display:flex;flex-direction:column;gap:.5rem}.feelings-chips{display:flex;flex-wrap:wrap;gap:.5rem;min-height:2rem;padding:.5rem;border:1px solid var(--border-color);border-radius:6px;background-color:var(--bg-primary);align-items:center;align-content:center}.feelings-autocomplete{width:100%}.feelings-input-field{width:100%;padding:.75rem;border:1px solid var(--border-color);background-color:var(--bg-primary);color:var(--text-primary);border-radius:6px;font-size:14px;transition:border-color .2s ease}.feelings-input-field:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px #4dabf733}.feelings-suggestions-panel{max-height:200px;overflow-y:auto;border:1px solid var(--border-color);border-radius:6px;box-shadow:0 2px 8px var(--shadow);background-color:var(--bg-primary);z-index:1000}.feelings-suggestions-panel .p-autocomplete-item{padding:.5rem .75rem;cursor:pointer;transition:background-color .2s ease;color:var(--text-primary)}.feelings-suggestions-panel .p-autocomplete-item:hover{background-color:var(--bg-secondary)}.feelings-suggestions-panel .p-autocomplete-item.p-highlight{background-color:var(--bg-tertiary);color:var(--accent-color)}.feelings-help{color:var(--text-secondary);font-size:12px;margin-top:.25rem}.unified-dropdown.p-multiselect{width:100%;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;transition:all .3s ease}.unified-dropdown.p-multiselect:hover{border-color:var(--accent-color)}.unified-dropdown.p-multiselect:not(.p-disabled).p-focus{border-color:var(--accent-color);box-shadow:0 0 0 2px #007bff1a}.unified-dropdown.p-multiselect .p-multiselect-label{padding:12px 16px;font-size:.9rem;color:var(--text-primary);line-height:1.4;display:flex;align-items:center;flex-wrap:wrap;gap:4px;min-width:0;overflow:visible}.unified-dropdown.p-multiselect .p-multiselect-label-container{min-width:0;overflow:visible}.unified-dropdown.p-multiselect .p-multiselect-trigger{color:var(--text-secondary);width:2.5rem}.p-multiselect-panel{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;padding:4px 0}.p-multiselect-panel .p-multiselect-items{padding:0}.p-multiselect-panel .p-multiselect-item{padding:14px 16px;margin:0;border-radius:6px;font-size:.9rem;color:var(--text-primary);transition:all .2s ease;position:relative;display:flex;align-items:center;gap:12px}.p-multiselect-panel .p-multiselect-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.p-multiselect-panel .p-multiselect-item.p-highlight{background:transparent!important;color:var(--text-primary)!important}.p-multiselect-panel .p-multiselect-item .p-checkbox{width:20px;height:20px;border-radius:4px;background:transparent;position:relative;flex-shrink:0;margin-right:12px}.p-multiselect-panel .p-multiselect-item .p-checkbox .p-checkbox-box{border:none!important;background:transparent!important}.p-multiselect-panel .p-multiselect-item .p-checkbox .p-checkbox-icon{display:none!important}.p-multiselect-panel .p-multiselect-item.p-highlight .p-checkbox .p-checkbox-box{background:transparent!important;border:none!important}.p-multiselect-panel .p-multiselect-item.p-highlight .p-checkbox .p-checkbox-icon{display:inline-flex!important;color:var(--text-primary)!important;font-size:16px!important;font-weight:600!important}.unified-dropdown.p-multiselect .p-multiselect-label.p-placeholder{color:var(--text-muted);font-style:italic}.p-dropdown-panel{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000}.p-dropdown-panel .p-dropdown-items{padding:4px 0}.p-dropdown-panel .p-dropdown-item{padding:14px 16px;margin:0;border-radius:6px;font-size:.9rem;color:var(--text-primary);transition:all .2s ease}.p-dropdown-panel .p-dropdown-item:hover,.p-dropdown-panel .p-dropdown-item.p-highlight{background:var(--bg-tertiary);color:var(--text-primary)}@media (max-width: 768px){.p-multiselect-panel .p-multiselect-item{padding:14px 16px;margin:6px 8px;font-size:.85rem}.unified-dropdown .p-multiselect-label{padding:10px 14px;font-size:.85rem}.p-dropdown-panel .p-dropdown-item{padding:14px 16px;font-size:.85rem}}.action-content{display:flex;flex-direction:column;gap:1rem}.instruction-text{color:var(--text-secondary);font-size:1rem;margin:0}.action-quick-add-bar{display:flex;gap:.5rem;align-items:center;margin-bottom:1rem;width:100%}.quick-add-input{flex:1;width:100%}.quick-add-input .p-inputtext{width:100%!important}.quick-add-input .p-inputtext{height:2rem;font-size:.9rem;width:100%!important}.actions-list{margin-top:.75rem;margin-bottom:.75rem;flex-shrink:0;max-height:200px;overflow-y:auto}.action-input-row{display:flex;gap:.5rem;margin-bottom:.5rem;align-items:center;width:100%}.action-input{flex:1;width:100%}.action-input .p-inputtext{width:100%;max-width:none}.add-action-container{margin-top:.5rem;display:flex;justify-content:flex-start}[data-theme=dark] .action-item:hover{background:#1a1a1a!important;border-color:var(--accent-color)!important}.why-component{display:flex;flex-direction:column;gap:1.25rem}.why-parent-context{background:var(--surface-ground);border-radius:12px;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.why-parent-text{font-size:.95rem;color:var(--text-color)}.why-resistance-wrapper{margin-top:.5rem;display:flex;flex-direction:column;gap:.75rem}.why-resistance-wrapper .p-slider{height:8px!important;background-color:#e9ecef!important;border-radius:4px!important;position:relative!important}.why-resistance-wrapper .p-slider-handle{width:20px!important;height:20px!important;background:#007bff!important;border:2px solid #ffffff!important;border-radius:50%!important;position:absolute!important;top:50%!important;transform:translate(-50%,-50%)!important;cursor:pointer!important;z-index:2!important;box-shadow:0 2px 4px #0000001a!important}.why-resistance-wrapper .p-slider-range{background:#007bff!important;height:100%!important;border-radius:4px!important;position:absolute!important;top:0!important;left:0!important}.why-previous-session{background:var(--surface-ground);border-radius:12px;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.why-previous-title{font-weight:600;text-transform:uppercase;font-size:.85rem;color:var(--text-color-secondary);letter-spacing:.6px}.why-previous-list{display:flex;flex-direction:column;gap:.75rem}.why-previous-item{display:flex;flex-direction:column;gap:.35rem;padding:.75rem;border-radius:10px;background:var(--surface-card)}.why-previous-text{font-size:.95rem;color:var(--text-color)}.why-previous-vision{font-size:.85rem;color:var(--text-color-secondary)}.why-previous-vision span{color:var(--text-color);font-weight:600}.why-entry-list{display:flex;flex-direction:column;gap:1rem}.why-entry{padding:.75rem 1rem;border-radius:12px;background:var(--surface-card);display:flex;flex-direction:column;gap:.75rem}.why-entry-row{display:flex;gap:.75rem;align-items:center}.why-input{flex:1}.why-remove-btn{min-width:2.5rem}.why-dropdown-row{display:flex;flex-direction:column;gap:.5rem}.why-new-vision-note{font-size:.85rem;color:var(--text-color-secondary)}.why-new-vision-note span{color:var(--text-color);font-weight:600}.why-history{background:var(--surface-ground);border-radius:12px;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.why-history-title{font-weight:600;text-transform:uppercase;font-size:.85rem;color:var(--text-color-secondary);letter-spacing:.6px}.why-history-list{display:flex;flex-direction:column;gap:.75rem;max-height:220px;overflow-y:auto;padding-right:.25rem}.why-history-session{background:var(--surface-card);border-radius:10px;padding:.75rem;display:flex;flex-direction:column;gap:.75rem}.why-history-session-title{font-weight:600;font-size:.9rem;color:var(--text-color)}.why-history-lines{display:flex;flex-direction:column;gap:.75rem}.why-history-line{display:flex;flex-direction:column;gap:.5rem}.why-history-text{font-size:.95rem;color:var(--text-color)}.why-history-vision{font-size:.85rem;color:var(--text-color-secondary)}.why-history-vision span{color:var(--text-color);font-weight:600}.why-max-level{font-size:.95rem;color:var(--text-color-secondary);text-align:center;padding:1rem;border-radius:10px;background:var(--surface-ground)}.why-actions{display:flex;justify-content:flex-start}.add-why-btn{padding-left:0}@media (max-width: 768px){.why-header{flex-direction:column;align-items:flex-start}.why-entry{padding:.75rem}.why-entry-row{flex-direction:column;align-items:stretch}.why-remove-btn{align-self:flex-end}}.practice-everything-container{max-width:1000px;margin:0 auto;padding:8px;text-align:center}.practice-session-container{max-width:1000px;margin:0 auto;padding:0 1rem;display:flex;flex-direction:column;width:100%;min-height:calc(100vh - 180px)}.practice-header{margin-bottom:.25rem;background:transparent;border-radius:12px;padding:.75rem;border:1px solid var(--border-color)}.practice-description{color:var(--text-secondary);margin-bottom:.25rem;line-height:1.4;font-size:.95rem}.practice-info{margin-bottom:.25rem}.info-card{background:transparent;border:none;border-radius:12px;padding:.75rem;text-align:left;margin-bottom:.25rem}.info-card h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.info-card ul{margin:0;padding-left:1.2rem;color:var(--text-secondary);line-height:1.4}.practice-actions{display:flex;flex-direction:column;gap:.25rem;align-items:center}.start-practice-button{background:var(--accent-primary)!important;border:1px solid var(--accent-primary)!important;color:#fff!important;padding:.75rem 1.5rem!important;font-size:1rem!important;font-weight:600!important;border-radius:8px!important;transition:all .3s ease!important;min-width:200px!important}.start-practice-button:hover{background:var(--accent-hover)!important;border-color:var(--accent-hover)!important;transform:translateY(-2px)!important;box-shadow:0 4px 12px #00000026!important}.back-button{background:var(--bg-secondary)!important;border:1px solid var(--border-color)!important;color:var(--text-secondary)!important;padding:12px 24px!important;font-size:1rem!important;border-radius:8px!important;transition:all .3s ease!important}.back-button:hover{background:var(--bg-tertiary)!important;border-color:var(--border-hover)!important;color:var(--text-primary)!important}@media (max-width: 768px){.practice-everything-container,.practice-session-container{padding:0 .5rem}.practice-session-container{min-height:calc(100vh - 160px)}.practice-header{padding:.5rem;margin-bottom:.25rem}.practice-header h2{font-size:18px}.practice-description{font-size:.85rem;margin-bottom:.25rem}.practice-info{margin-bottom:.25rem}.info-card{padding:.5rem;margin-bottom:.25rem}.info-card h3{font-size:1.3rem;margin-bottom:.25rem}.info-card ul{padding-left:1rem}.info-card li{margin-bottom:.15rem;font-size:1.05rem}.start-practice-button{min-width:160px!important;padding:.5rem 1rem!important;font-size:.85rem!important}.practice-actions{gap:.3rem}}@media (max-width: 414px){.practice-everything-container,.practice-session-container{padding:0 .5rem}.practice-session-container{min-height:calc(100vh - 140px)!important}.practice-header{padding:.375rem!important;margin-bottom:.125rem!important}.practice-header h2{font-size:16px!important}.practice-description{font-size:.8rem!important;margin-bottom:.125rem!important;line-height:1.3!important}.practice-info{margin-bottom:.125rem!important}.info-card{padding:.375rem!important;margin-bottom:.125rem!important}.info-card h3{font-size:1.2rem!important;margin-bottom:.125rem!important}.info-card ul{padding-left:.75rem!important}.info-card li{margin-bottom:.1rem!important;font-size:1rem!important}.start-practice-button{min-width:140px!important;padding:.4rem .8rem!important;font-size:.8rem!important}.practice-actions{gap:.2rem!important}.back-button{padding:8px 16px!important;font-size:.8rem!important}}.practice-everything-setup{max-width:1000px;margin:0 auto;padding:40px 20px;text-align:center}.session-info{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:20px;margin-bottom:30px;text-align:left}.session-info p{margin:10px 0;color:var(--text-primary)}.setup-actions{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.start-button{background:var(--accent-primary)!important;border:1px solid var(--accent-primary)!important;color:#fff!important;padding:12px 24px!important;font-size:16px!important;border-radius:8px!important}.start-button:hover:not(:disabled){background:var(--accent-hover)!important;border-color:var(--accent-hover)!important}.start-button:disabled{opacity:.6!important;cursor:not-allowed!important}.exit-button{background:transparent!important;border:1px solid var(--border-color)!important;color:var(--text-secondary)!important;padding:12px 24px!important;font-size:16px!important;border-radius:8px!important}.exit-button:hover{background:var(--bg-secondary)!important;color:var(--text-primary)!important}.practice-activity-content input,.practice-activity-content .p-inputtext,.practice-activity-content textarea,.practice-activity-content .p-inputtextarea{font-family:inherit!important;font-size:1rem!important;color:var(--text-primary)!important}.practice-activity-content input::placeholder,.practice-activity-content .p-inputtext::placeholder,.practice-activity-content textarea::placeholder,.practice-activity-content .p-inputtextarea::placeholder{font-style:italic!important;color:var(--text-secondary)!important;opacity:.7!important}.practice-component-wrapper{width:100%!important;max-width:1000px!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;height:calc(100vh - 230px)!important;min-height:calc(100vh - 230px)!important;max-height:calc(100vh - 230px)!important}.practice-activity-title{text-align:center;margin-bottom:1.5rem;flex-shrink:0;margin-top:2rem;padding-top:0;position:relative;top:0}.practice-activity-title h2{margin:0;color:var(--text-primary);font-size:1.5rem;font-weight:600}.practice-activity-content{flex:1;display:flex;flex-direction:column;justify-content:flex-start;overflow-y:auto;overflow-x:hidden;padding-bottom:1rem}.instruction-text{text-align:center;margin-bottom:1rem;color:var(--text-secondary);font-size:1rem;line-height:1.4;width:100%!important;flex-shrink:0}.practice-component-actions{position:sticky;bottom:0;z-index:100;display:flex;gap:1rem;justify-content:center;padding:1rem 0;background:transparent;margin-top:auto;flex-shrink:0}.practice-component-actions .skip-button{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-secondary);padding:.75rem 2rem;font-weight:600;border-radius:8px;transition:all .3s ease}.practice-component-actions .skip-button:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--accent-color);color:var(--text-primary);transform:translateY(-1px)}.practice-component-actions .complete-button{background:var(--accent-color);border:1px solid var(--accent-color);color:#fff;padding:.75rem 2rem;font-weight:600;border-radius:8px;transition:all .3s ease}.practice-component-actions .complete-button:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #007bff4d}.practice-component-actions .complete-button.disabled-state{opacity:.6;cursor:not-allowed}.category-dropdown-wrapper{margin-top:.75rem;width:100%;flex-shrink:0}.slider-container{margin-top:.75rem;width:100%;flex-shrink:0}.textarea-container{margin-top:.75rem;margin-bottom:.75rem;flex-shrink:0}.textarea-container .p-inputtextarea{width:100%;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:1rem;color:var(--text-primary);font-size:1rem;line-height:1.6;resize:none!important;transition:all .3s ease;min-height:100px!important;max-height:100px!important;height:100px!important;overflow-y:auto!important}.textarea-container .p-inputtextarea:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px #007bff1a}.textarea-container .p-inputtextarea::placeholder{font-style:italic!important;color:var(--text-secondary)!important;opacity:.7!important}.add-boost-button,.add-action-button{margin-top:1rem;margin-bottom:1rem;flex-shrink:0;height:48px;padding:0 1.5rem;font-weight:600;border-radius:8px;background:var(--accent-color);border:1px solid var(--accent-color);color:#fff;transition:all .3s ease}.add-boost-button:hover:not(:disabled),.add-action-button:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #007bff4d}.add-boost-button:disabled,.add-action-button:disabled{opacity:.6;cursor:not-allowed}.boosts-list,.actions-list{margin-top:1rem;flex-shrink:0;max-height:200px;overflow-y:auto}.boosts-list h4,.actions-list h4{margin:0 0 1rem;color:var(--text-secondary);font-size:1.1rem;font-weight:600}.boost-item,.action-item{padding:1rem;margin-bottom:.5rem;background:var(--bg-primary);border-radius:8px;border:1px solid var(--border-color);color:var(--text-primary);font-size:1rem;transition:all .3s ease}.boost-item:hover,.action-item:hover{background:var(--bg-tertiary);border-color:var(--accent-color)}[data-theme=dark] .boost-item,[data-theme=dark] .connect-form{background:#000!important;border:none!important}[data-theme=dark] .boost-item:hover,[data-theme=dark] .action-item:hover{background:#0a0a0a!important;border-color:transparent!important}.connect-form{display:flex;flex-direction:column;gap:.75rem;flex-shrink:0}.vision-selector,.connection-input{display:flex;flex-direction:column;gap:.25rem;flex-shrink:0}.vision-selector label,.connection-input label{color:var(--text-secondary);font-weight:500;font-size:.9rem;margin-bottom:.25rem}.vision-dropdown{width:100%}.vision-dropdown .p-dropdown{width:100%!important;height:40px!important}.vision-dropdown .p-dropdown,.vision-dropdown .p-dropdown-input,.vision-dropdown .p-dropdown-label,.vision-dropdown .p-dropdown-label-container{border:none!important;outline:none!important;box-shadow:none!important}.vision-dropdown{border:1px solid var(--border-color)!important;border-radius:8px!important;padding:0!important}.vision-dropdown .p-dropdown .p-dropdown-trigger{border-left:1px solid var(--border-color)!important}.vision-dropdown:has(.p-dropdown.p-focus),.vision-dropdown:has(.p-dropdown:focus){border-color:var(--accent-color)!important;box-shadow:0 0 0 2px #007bff1a!important}.connection-textarea{width:100%}.vision-association-container{margin-top:.75rem;flex-shrink:0}.vision-association-container label{display:block;margin-bottom:.25rem;color:var(--text-secondary);font-size:.9rem;font-weight:500}.vision-association-container .p-multiselect{width:100%;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;min-height:40px}.vision-association-container .p-multiselect:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px #007bff1a}.date-selector{display:flex;justify-content:center;margin-top:.75rem;width:100%;flex-shrink:0}.date-picker{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;width:100%!important;max-width:400px}.date-picker .p-button{border:none;background:transparent;color:var(--accent-color);display:flex;align-items:center;justify-content:center;transition:background .2s ease,color .2s ease}.date-picker .p-button .pi{color:var(--accent-color);font-size:1.1rem}.date-picker .p-button:hover,.date-picker .p-button:focus-visible{background:#007bff14;outline:none}.date-picker .p-button:hover .pi,.date-picker .p-button:focus-visible .pi{color:var(--accent-on-dark, #fff)}.date-picker .p-button:focus-visible{box-shadow:0 0 0 2px #007bff33}.date-picker .p-button:focus-visible .pi{color:var(--accent-color)}[data-theme=dark] .date-picker .p-button{background:transparent;color:var(--text-primary)}[data-theme=dark] .date-picker .p-button .pi{color:var(--text-primary)}.date-picker:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px #007bff1a}.date-content .revisit-note{margin-top:.75rem;padding:.75rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;border-left:4px solid var(--accent-color);flex-shrink:0}.date-content .note-text{margin:0;color:var(--text-secondary);font-size:.9rem;line-height:1.4}.simplify-content{width:100%}.simplify-input-container{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem;width:100%}.simplify-input{width:100%;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:1rem;color:var(--text-primary);font-size:1rem;transition:all .3s ease}.simplify-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px #007bff1a;outline:none}.simplify-input::placeholder{color:var(--text-tertiary)}.character-count{text-align:right;color:var(--text-tertiary);font-size:.85rem;margin-top:.25rem}.revisit-note{margin-top:.75rem;padding:.75rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;border-left:4px solid var(--accent-color);flex-shrink:0}.note-text{margin:0;color:var(--text-secondary);font-size:.9rem;line-height:1.4}.practice-component-wrapper .p-calendar,.practice-component-wrapper .p-inputtextarea,.practice-component-wrapper .p-dropdown,.practice-component-wrapper .p-slider{width:100%!important}.practice-component-wrapper .p-dropdown-panel,.practice-component-wrapper .p-multiselect-panel{max-width:calc(100vw - 2rem)!important;width:auto!important}body .p-dropdown-panel,body .p-multiselect-panel{max-width:calc(100vw - 2rem)!important;box-sizing:border-box!important}.practice-component-wrapper .vision-dropdown .p-dropdown-panel,.practice-component-wrapper .vision-association-container .p-multiselect-panel{position:absolute!important;top:100%!important;left:0!important;right:auto!important;width:100%!important;max-width:100%!important}@media (max-width: 768px){.practice-component-wrapper .p-dropdown-panel,.practice-component-wrapper .p-multiselect-panel{max-width:calc(100vw - 3rem)!important;left:1rem!important;right:1rem!important;transform:none!important}body .p-dropdown-panel,body .p-multiselect-panel{max-width:calc(100vw - 3rem)!important}.practice-component-wrapper .vision-dropdown .p-dropdown-panel,.practice-component-wrapper .vision-association-container .p-multiselect-panel{max-width:calc(100vw - 3rem)!important;left:0!important;right:auto!important}}@media (max-width: 414px){.practice-component-wrapper .p-dropdown-panel,.practice-component-wrapper .p-multiselect-panel{max-width:calc(100vw - 2rem)!important;left:1rem!important;right:1rem!important}body .p-dropdown-panel,body .p-multiselect-panel{max-width:calc(100vw - 2rem)!important}.practice-component-wrapper .vision-dropdown .p-dropdown-panel,.practice-component-wrapper .vision-association-container .p-multiselect-panel{max-width:calc(100vw - 2rem)!important;left:0!important;right:auto!important}}.practice-component-wrapper *{max-width:100%!important;box-sizing:border-box!important}.practice-component-wrapper .practice-activity-content{width:100%!important}.practice-component-wrapper .practice-activity-content>*{width:100%!important}.practice-component-wrapper .categorize-content,.practice-component-wrapper .reflect-content,.practice-component-wrapper .feel-content,.practice-component-wrapper .boost-content,.practice-component-wrapper .connect-content,.practice-component-wrapper .date-content,.practice-component-wrapper .exchange-content,.practice-component-wrapper .action-content,.practice-component-wrapper .limitation-content,.practice-component-wrapper .stream-content,.practice-component-wrapper .script-content,.practice-component-wrapper .simplify-content,.practice-component-wrapper .ideal-content,.practice-component-wrapper .values-content,.practice-component-wrapper .trace-events-content,.practice-component-wrapper .rephrase-content,.practice-component-wrapper .affirmation-content,.practice-component-wrapper .behaviors-content,.practice-component-wrapper .self-love-content{width:100%!important}@media (max-width: 768px){.practice-component-wrapper{height:calc(100vh - 200px)!important;min-height:calc(100vh - 200px)!important;max-height:calc(100vh - 200px)!important}.practice-activity-title{margin-bottom:1rem}.practice-activity-title h2{font-size:1.25rem}.add-boost-button,.add-action-button{width:100%;margin-top:1rem}.practice-component-actions{flex-direction:row;padding:.75rem 0}.practice-component-actions .skip-button,.practice-component-actions .complete-button{flex:1;min-width:0}}@media (max-width: 414px){.practice-component-wrapper{height:calc(100vh - 180px)!important;min-height:calc(100vh - 180px)!important;max-height:calc(100vh - 180px)!important}.practice-activity-title{margin-bottom:1rem}.practice-activity-title h2{font-size:1.1rem}.practice-activity-content{margin-bottom:1rem!important}.instruction-text{margin-bottom:.75rem!important;font-size:.9rem!important;line-height:1.3!important}.practice-component-actions{padding:.75rem 0!important;gap:.5rem!important}.practice-component-actions .skip-button,.practice-component-actions .complete-button{padding:.5rem 1rem!important;font-size:.9rem!important}.textarea-container .p-inputtextarea{min-height:70px!important;max-height:70px!important;height:70px!important;padding:.5rem!important;font-size:.85rem!important}.boost-item,.action-item{padding:.75rem!important;font-size:.9rem!important}.date-picker{max-width:100%!important}.rank-item{padding:.25rem .5rem!important;min-height:24px!important;height:24px!important}.rank-position{font-size:.8rem!important;min-width:16px!important}.rank-vision-statement{font-size:.75rem!important}.rank-controls .p-button{width:16px!important;height:16px!important;font-size:.5rem!important}.revisit-note{padding:.75rem!important;margin-top:.75rem!important}.note-text{font-size:.8rem!important}}.values-input-container{margin-top:.75rem;margin-bottom:.75rem;flex-shrink:0}.values-display{margin-top:.75rem;flex-shrink:0}.values-chips{display:flex;flex-wrap:wrap;gap:.5rem}.behaviors-list{margin-top:.75rem;margin-bottom:.75rem;flex-shrink:0;max-height:200px;overflow-y:auto}.behavior-input-row{display:flex;gap:.5rem;margin-bottom:.5rem;align-items:center;width:100%}.behavior-input{flex:1;width:100%!important}.add-behavior-container{margin-top:.5rem;flex-shrink:0}.feelings-list{margin-top:.75rem;margin-bottom:.75rem;flex-shrink:0;max-height:200px;overflow-y:auto}.feeling-input-row{display:flex;gap:.5rem;margin-bottom:.5rem;align-items:center;width:100%}.feeling-input{flex:1;width:100%!important}.add-feeling-container{margin-top:.5rem;flex-shrink:0}.values-list{margin-top:.75rem;margin-bottom:.75rem;flex-shrink:0;max-height:200px;overflow-y:auto}.value-input-row,.event-input-row{display:flex;gap:.5rem;margin-bottom:.5rem;align-items:center;width:100%}.value-input,.event-input{flex:1;width:100%!important}.add-value-container,.add-event-container{margin-top:.5rem;flex-shrink:0}.trace-events-list,.values-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.exchanges-list{margin-top:.75rem;margin-bottom:.75rem;flex-shrink:0;max-height:200px;overflow-y:auto}.exchange-input-row{display:flex;gap:.5rem;margin-bottom:.5rem;align-items:center;width:100%}.exchange-input{flex:1;width:100%!important}.add-exchange-container{margin-top:.5rem;flex-shrink:0}.self-love-content .textarea-container{margin-bottom:1rem}.self-love-input{width:100%!important}.vision-association-container{width:100%}.add-self-love-container{margin-top:.5rem;flex-shrink:0}.limitation-content .textarea-container{margin-bottom:1rem}.limitation-input,.rephrase-content .textarea-container{width:100%!important}.rephrase-content .textarea-container .p-inputtext{height:auto!important;min-height:auto!important;max-height:auto!important;padding:.75rem 1rem!important;width:100%!important}.fear-selection{margin-bottom:1rem}.resistance-section{display:grid;gap:.75rem}.add-limitation-container{margin-top:.5rem;flex-shrink:0}.affirmation-slider-container{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem;width:100%}.affirmation-slider-value{text-align:center;font-size:2rem;font-weight:700;color:var(--text-primary)}.affirmation-slider-wrapper{width:100%;position:relative}.affirmation-slider{width:100%!important;height:6px!important;background-color:#e9ecef!important;border-radius:3px!important;position:relative!important;display:block!important;visibility:visible!important;opacity:1!important}.affirmation-slider .p-slider{background-color:#e9ecef!important;height:6px!important;border-radius:3px!important;position:relative!important;width:100%!important;display:block!important;visibility:visible!important;opacity:1!important;border:none!important;box-shadow:inset 0 1px 3px #0000001a!important}.affirmation-slider .p-slider-range{background:var(--accent-color, #007bff)!important;height:100%!important;border-radius:3px!important;position:absolute!important;top:0!important;left:0!important}.affirmation-slider .p-slider-handle{background:var(--accent-color, #007bff)!important;border:2px solid var(--bg-primary)!important;width:20px!important;height:20px!important;position:absolute!important;top:50%!important;transform:translate(-50%,-50%)!important;border-radius:50%!important;cursor:pointer!important;z-index:2!important;box-shadow:0 2px 4px #0000001a!important}.affirmation-slider .p-slider-handle:hover{background:var(--accent-hover, #0056b3)!important;transform:translate(-50%,-50%) scale(1.1)!important}.affirmation-slider .p-slider-handle:focus{box-shadow:0 0 0 4px #007bff40!important}.affirmation-slider .p-slider-handle:active{transform:translate(-50%,-50%) scale(1.1)}.affirmation-slider-labels{display:flex;justify-content:space-between;font-size:.85rem;color:var(--text-secondary)}.changes-indicator{margin-top:.5rem;text-align:center;flex-shrink:0}.changes-indicator small{color:var(--accent-color);font-weight:500}.rank-component{max-width:700px}.rank-header{text-align:center;margin-bottom:2rem}.rank-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.rank-question{font-size:1.1rem;color:var(--text-primary);margin-bottom:.5rem}.rank-instructions{font-size:.9rem;color:var(--text-secondary);margin:0}.rank-list{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1.5rem;flex-shrink:0;max-height:300px;overflow-y:auto;overflow-x:hidden}.rank-item{display:flex;align-items:center;gap:.75rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:.1rem .75rem;cursor:grab;transition:all .2s ease;-webkit-user-select:none;user-select:none;min-height:auto;width:100%;box-sizing:border-box}.rank-item:active{cursor:grabbing}.rank-item:hover{border-color:var(--accent-color);background:var(--bg-tertiary)}.rank-item.dragging{opacity:.8;transform:scale(.98);border-color:var(--accent-color);box-shadow:0 4px 12px #0003;z-index:1000;background:var(--bg-primary)}.rank-item.drag-over{border-color:var(--accent-color);background:var(--bg-tertiary)}.rank-position{font-size:1rem;font-weight:700;color:var(--accent-color);min-width:20px;text-align:center;flex-shrink:0}.rank-vision-statement{flex:1;font-size:.85rem;color:var(--text-primary);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-controls{display:flex;flex-direction:column;gap:.125rem;flex-shrink:0;align-items:center;justify-content:center}.rank-controls .p-button{width:18px;height:18px;padding:0;min-width:unset;font-size:.65rem;display:flex;align-items:center;justify-content:center}.rank-controls .p-button:disabled{opacity:.3}.rank-controls .p-button .p-button-icon{display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.rank-item{padding:.2rem .5rem;min-height:auto}.rank-position{font-size:.9rem;min-width:18px}.rank-vision-statement{font-size:.8rem}.rank-controls{align-items:center;justify-content:center}.rank-controls .p-button{width:16px;height:16px;font-size:.55rem;display:flex;align-items:center;justify-content:center}}.journal-entry-view-popup .p-dialog-header{display:none}.journal-view-header{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);margin-bottom:1.5rem}.back-button{color:var(--accent-color)!important;padding:.5rem!important}.back-button:hover{background-color:var(--bg-secondary)!important}.journal-entry-view-content{max-height:70vh;overflow-y:auto}.metadata-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.metadata-label{font-weight:600;color:var(--text-secondary);min-width:120px}.metadata-value{color:var(--text-primary)}.vision-tags{display:flex;flex-wrap:wrap;gap:.5rem}.vision-tag{font-size:.875rem}.entry-text-section{margin-bottom:1.5rem}.entry-text-section h4{margin:0 0 1rem;color:var(--text-primary);font-size:1.125rem}.entry-text-content{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;font-size:1rem;line-height:1.6;white-space:pre-wrap;word-wrap:break-word;min-height:200px;max-height:400px;overflow-y:auto}.notes-section{border-top:1px solid var(--border-color);padding-top:1.5rem}.notes-accordion .p-accordion-header-link{padding:1rem 1.5rem;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px}.notes-accordion-header{display:flex;align-items:center;justify-content:space-between;width:100%}.notes-count{background-color:var(--accent-color);color:#fff;padding:.25rem .5rem;border-radius:12px;font-size:.875rem;font-weight:600}.notes-content{padding:1rem 0;background:var(--bg-primary)}.add-note-section{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding:1rem;background-color:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color)}.note-input.p-inputtextarea,.add-note-section .p-inputtextarea{background:var(--bg-primary)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important}.note-input{width:100%;resize:vertical}.add-note-button{align-self:flex-start}.existing-notes{display:flex;flex-direction:column;gap:1rem}.note-item{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:1rem;position:relative}.note-text{font-size:.95rem;line-height:1.5;margin-bottom:.5rem;white-space:pre-wrap;word-wrap:break-word}.note-timestamp{font-size:.8rem;color:var(--text-secondary);font-style:italic}.no-notes{text-align:center;padding:2rem;color:var(--text-secondary);font-style:italic}.category-ratings-display{display:grid;gap:.5rem}.category-rating-item{display:flex;align-items:center;gap:.75rem;font-size:.875rem}.category-name{min-width:140px;font-weight:500}.category-rating-bar{flex:1;position:relative;height:20px;background-color:var(--bg-tertiary);border-radius:4px;overflow:hidden}.category-rating-fill{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,#28a745,#20c997);transition:width .3s ease}.category-rating-value{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:.75rem;font-weight:600;color:var(--text-secondary)}@media (max-width: 768px){.journal-entry-view-content{padding:1rem}.metadata-row{flex-direction:column;align-items:flex-start;gap:.25rem}.metadata-label{min-width:auto;font-size:.875rem}.entry-text-content{padding:1rem;font-size:.95rem}.add-note-section{padding:.75rem}}.journal-attributes-popup .p-dialog-header{display:none}.journal-attributes-popup.universal-popup{background:#fff!important;border:none!important;box-shadow:none!important}.journal-attributes-popup.universal-popup .p-dialog-content{background:#fff!important;padding:2rem!important;border-radius:0!important}.journal-attributes-content{display:flex;flex-direction:column;gap:.75rem}.journal-attributes-header{text-align:center;margin-bottom:.5rem;padding-bottom:1rem}.journal-attributes-title{font-size:1.5rem;font-weight:600;margin:0;color:var(--text-primary)}.journal-selection-section{display:flex;flex-direction:column;gap:.75rem;background:none!important;border:none!important;padding:0!important;margin:0!important;border-radius:0!important}.selection-item{display:flex;flex-direction:column;gap:.5rem}.selection-label{font-weight:600;color:var(--text-primary);font-size:.95rem}.selection-help{padding:1rem;background-color:var(--surface-50);border-radius:8px;border-left:4px solid var(--primary-color);margin-bottom:.5rem}.selection-help small{color:var(--text-secondary);font-style:italic;line-height:1.4}.resistance-section{margin-top:.75rem;display:grid;gap:.75rem}.journal-feelings-input,.unified-dropdown{width:100%}input[type=checkbox]{margin-right:.5rem;transform:scale(1.2)}.category-ratings-section{margin-top:.75rem;display:grid;gap:.75rem}.category-ratings-section .p-slider{height:8px!important;background-color:#e9ecef!important;border-radius:4px!important;position:relative!important}.category-ratings-section .p-slider-handle{width:20px!important;height:20px!important;background:#007bff!important;border:2px solid #ffffff!important;border-radius:50%!important;position:absolute!important;top:50%!important;transform:translate(-50%,-50%)!important;cursor:pointer!important;z-index:2!important;box-shadow:0 2px 4px #0000001a!important}.category-ratings-section .p-slider-handle:hover{background:#0056b3!important;transform:translate(-50%,-50%) scale(1.1)!important}.category-ratings-section .p-slider-handle:focus{box-shadow:0 0 0 4px #007bff40!important}.category-ratings-section .p-slider-range{background:#007bff!important;height:100%!important;border-radius:4px!important;position:absolute!important;top:0!important;left:0!important}@media (max-width: 768px){.journal-attributes-title{font-size:1.25rem}.journal-selection-section{gap:1rem}}.journal-content{padding:0}.journal-content .p-card{margin-top:0!important}.journal-content .p-card .p-card-content{padding-top:0!important}.journal-header{margin-bottom:20px;margin-top:1.5rem;text-align:center}.journal-header h2{margin:0 0 10px;color:var(--text-primary);font-size:2rem;font-weight:600}.journal-header p{margin:0;color:var(--text-secondary);font-size:1.1rem}.journal-type-tabs{margin-bottom:0;display:flex;justify-content:center}.journal-type-buttons{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.journal-type-button{min-width:120px;transition:all .3s ease;border-radius:8px;background:var(--bg-primary)!important;border:1px solid var(--border-color)!important;color:var(--text-secondary)!important;padding:1rem 1.5rem!important;font-size:.9rem!important;font-weight:500!important;box-shadow:0 2px 4px var(--shadow)!important}.journal-type-button:hover{background:var(--bg-secondary)!important;border-color:var(--text-primary)!important;color:var(--text-primary)!important;transform:translateY(-2px)!important;box-shadow:0 4px 12px var(--shadow)!important}.journal-type-button.selected,.journal-type-button.selected:hover{background:var(--accent-color)!important;border-color:var(--accent-color)!important;color:#fff!important;font-weight:600!important;box-shadow:0 4px 12px #4dabf74d!important;transform:translateY(-2px)!important}.spill-flip-section{margin-top:20px}.section-header{margin-bottom:20px;text-align:center}.section-header h3{margin:0 0 10px;color:var(--text-primary);font-size:1.8rem;font-weight:600}.section-description{color:var(--text-secondary);font-size:1rem;line-height:1.5;max-width:800px;margin:0 auto}.spill-section,.flip-section,.statement-processing-section{padding:20px;border-radius:12px;background:var(--bg-secondary);border:1px solid var(--border-color);margin-bottom:20px}.spill-textarea,.flip-textarea{width:100%;margin-bottom:15px}.statement-detection-summary{margin:15px 0;padding:10px;background:var(--bg-primary);border-radius:8px;border:1px solid var(--border-color)}.statement-detection-summary p{margin:0;color:var(--text-secondary);font-size:.9rem}.ready-to-flip-prompt{text-align:center;margin-top:20px;padding:20px;background:var(--bg-primary);border-radius:12px;border:2px solid var(--accent-color)}.flip-prompt-text{margin:0 0 15px;color:var(--accent-color);font-size:1.2rem;font-weight:600;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}.flip-button{background:var(--accent-color)!important;border-color:var(--accent-color)!important;color:#fff!important;font-weight:600!important}.flip-actions,.processing-actions{display:flex;gap:15px;justify-content:center;margin-top:20px;flex-wrap:wrap}.detected-statements-list{margin:20px 0}.detected-statement-item{display:flex;justify-content:space-between;align-items:flex-start;padding:15px;margin-bottom:15px;background:var(--bg-primary);border-radius:8px;border:1px solid var(--border-color);gap:15px}.statement-content{flex:1}.statement-text{display:block;font-size:1rem;font-weight:500;margin-bottom:8px;padding:8px 12px;border-radius:6px;border-left:4px solid}.statement-text.positive{color:var(--success-color);background:#4caf501a;border-left-color:var(--success-color)}.statement-text.negative{color:var(--error-color);background:#f443361a;border-left-color:var(--error-color)}.statement-meta{margin-top:8px}.statement-type{font-size:.8rem;color:var(--text-secondary);font-style:italic}.statement-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-start}.statement-actions .p-button-sm{font-size:.8rem;padding:6px 12px}.statement-edit{width:100%}.statement-edit-input{width:100%;margin-bottom:10px}.edit-actions{display:flex;gap:8px;justify-content:flex-end}.affirm-section{display:flex;flex-direction:column;gap:8px}.vision-selection{margin-top:8px}.vision-dropdown{padding:4px 8px;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-primary);color:var(--text-primary);font-size:.8rem;min-width:150px}@media (max-width: 768px){.detected-statement-item{flex-direction:column;align-items:stretch}.statement-actions{justify-content:center;margin-top:10px}.flip-actions,.processing-actions{flex-direction:column;align-items:center}.flip-actions .universal-button,.processing-actions .universal-button{width:100%;max-width:300px}}.vision-selection-section{margin:20px 0;padding:20px}.vision-dropdown-label{display:block;margin-bottom:10px;font-weight:600;color:var(--text-primary);font-size:1rem}.vision-multiselect{width:100%;margin-bottom:10px}.vision-selection-section .vision-multiselect .p-multiselect-panel{border:1px solid #333!important;border-radius:6px!important;box-shadow:0 4px 12px #00000080!important;background:#1a1a1a!important}.vision-selection-section .vision-multiselect .p-multiselect-panel .p-multiselect-items{padding:8px 0!important}.vision-selection-section .vision-multiselect .p-multiselect-panel .p-multiselect-item{padding:16px 20px!important;margin:6px 12px!important;border-radius:4px!important;transition:all .2s ease!important;font-size:1rem!important;color:#fff!important;font-weight:500!important;display:flex!important;align-items:center!important;gap:16px!important;min-height:48px!important}.vision-selection-section .vision-multiselect .p-multiselect-panel .p-multiselect-item:hover{background:#2a2a2a!important;color:#fff!important}.vision-selection-section .vision-multiselect .p-multiselect-panel .p-multiselect-item.p-highlight{background:var(--accent-color)!important;color:#fff!important}.vision-selection-section .vision-multiselect .p-multiselect-panel .p-multiselect-item .p-checkbox{width:18px!important;height:18px!important;border:1px solid #333!important;border-radius:3px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:transparent!important;transition:all .2s ease!important;flex-shrink:0!important}.vision-selection-section .vision-multiselect .p-multiselect-panel .p-multiselect-item:not(.p-multiselect-item-selected) .p-checkbox{border:none!important;background:transparent!important}.vision-selection-section .vision-multiselect .p-multiselect-panel .p-multiselect-item.p-multiselect-item-selected .p-checkbox{background:var(--accent-color)!important;border:1px solid var(--accent-color)!important}.vision-selection-section .vision-multiselect .p-multiselect-panel .p-multiselect-item.p-multiselect-item-selected .p-checkbox .p-checkbox-icon{color:#fff!important;font-size:12px!important;font-weight:700!important}.vision-selection-section .vision-multiselect .p-multiselect-panel .p-multiselect-item:not(.p-multiselect-item-selected) .p-checkbox .p-checkbox-icon{display:none!important}.vision-selection-help{margin-top:8px}.vision-selection-help small{color:var(--text-secondary);font-size:.9rem;font-style:italic}.vision-names{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.vision-tag{font-size:.8rem;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-visions{color:var(--text-secondary);font-style:italic;font-size:.9rem}.universal-page .page-content:has(.journal-input-section){max-width:1400px!important;padding:0 10px!important}.journal-input-section{margin-bottom:20px;padding-left:0!important;padding-right:0!important;width:100%!important;max-width:100%!important}.journal-input-section .p-inputtextarea,.journal-textarea,.journal-input-section .input-component{width:100%!important;max-width:100%!important}@media (max-width: 768px){.universal-page .page-content:has(.journal-input-section){padding:0!important}.journal-input-section,.journal-actions{padding:0}.journal-textarea{padding:12px}}.journal-textarea{width:100%;margin-bottom:20px;border:1px solid var(--border-color);border-radius:8px;padding:15px;font-family:inherit;transition:all .3s ease;background:var(--bg-primary);color:var(--text-primary)}.journal-textarea:focus{border-color:var(--accent-color);outline:none;box-shadow:0 0 0 3px #4dabf71a}.journal-textarea:hover{border-color:var(--accent-color)}.journal-actions{display:flex;justify-content:center;gap:15px}.journal-action-button{flex:1;max-width:200px}.entries-content{padding:20px 0}.entries-table{margin-top:20px}.entries-table .p-datatable-thead>tr>th{background-color:var(--bg-primary);border-bottom:2px solid var(--border-color);font-weight:600;color:var(--text-primary)}.entries-table .p-datatable-tbody>tr:hover{background-color:var(--bg-secondary)}.action-buttons{display:flex;gap:8px;justify-content:center}.view-button{margin-right:4px}@media (max-width: 768px){.journal-content{padding:0}.journal-type-buttons{flex-direction:column;align-items:center}.journal-type-button{min-width:200px}.vision-selection-section{padding:15px;margin:15px 0}.journal-actions{flex-direction:column;align-items:stretch;gap:10px}.journal-action-button{width:100%;max-width:100%}}@media (max-width: 480px){.journal-header h2{font-size:1.5rem}.journal-header p{font-size:1rem}.journal-type-button{min-width:150px;font-size:.9rem}}.fear-selection{margin-top:15px;margin-bottom:10px}.fear-selection label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-primary);font-size:.95rem}.spill-fear-dropdown{width:100%;max-width:400px}.statement-fear-selection{margin-top:8px}.statement-fear-dropdown{width:100%;max-width:300px}.statement-fear-dropdown .p-dropdown{min-height:36px}.statement-fear-dropdown .p-dropdown-label{padding:8px 12px;font-size:.9rem}.statement-fear-dropdown .p-dropdown-panel .p-dropdown-item{padding:12px 16px;font-size:.9rem;margin-bottom:4px}.fear-note{font-size:.85rem;color:var(--text-secondary);font-style:italic;margin-top:4px}.journal-selection-section{margin:20px 0;padding:20px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px}.selection-item{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.selection-item:last-of-type{margin-bottom:15px}.selection-label{font-weight:600;color:var(--text-primary);font-size:1rem;margin-bottom:5px}.journal-fear-multiselect,.journal-vision-multiselect{width:100%}.selection-help{margin-top:10px;text-align:center}.selection-help small{color:var(--text-secondary);font-size:.9rem;font-style:italic}@media (max-width: 768px){.journal-selection-section{padding:15px;display:flex;flex-direction:column;gap:1rem}.selection-item{margin-bottom:15px;width:100%}.entries-table .p-datatable-thead{display:none}.entries-table .p-datatable-tbody tr{display:block;margin-bottom:1rem;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);box-shadow:0 2px 4px var(--shadow)}.entries-table .p-datatable-tbody td{display:flex;justify-content:space-between;align-items:flex-start;padding:.75rem;border:none;border-bottom:1px solid var(--border-color);min-height:44px}.entries-table .p-datatable-tbody td:last-child{border-bottom:none}.entries-table .p-datatable-tbody td:before{content:attr(data-label);font-weight:600;color:var(--text-secondary);margin-right:1rem;min-width:120px;flex-shrink:0}.entries-table .p-datatable-tbody td:last-child:before{content:"Actions"}.vision-names{flex-wrap:wrap;gap:.25rem}.vision-tag{font-size:.75rem}.resistance-section .p-slider-handle{width:18px!important;height:18px!important;border-width:2px!important}.resistance-section .p-slider{background-color:#e9ecef!important;height:8px!important}}.resistance-section .p-slider{height:8px!important;background-color:#e9ecef!important;border-radius:4px!important;position:relative!important}.resistance-section .p-slider-handle{width:20px!important;height:20px!important;background:#007bff!important;border:2px solid #ffffff!important;border-radius:50%!important;position:absolute!important;top:50%!important;transform:translate(-50%,-50%)!important;cursor:pointer!important;z-index:2!important;box-shadow:0 2px 4px #0000001a!important}.resistance-section .p-slider-handle:hover{background:#0056b3!important;transform:translate(-50%,-50%) scale(1.1)!important}.resistance-section .p-slider-handle:focus{box-shadow:0 0 0 4px #007bff40!important}.resistance-section .p-slider-range{background:#007bff!important;height:100%!important;border-radius:4px!important;position:absolute!important;top:0!important;left:0!important}html body div.universal-page:has(.journal-input-section)>div.page-content{padding:0 10px!important;max-width:1400px!important}.journal-entries-page{min-height:100vh;padding:0;max-width:100vw;overflow-x:hidden}.journal-entries-content{padding:1rem;max-width:100%}.journal-entries-controls{display:flex;gap:1rem;margin-bottom:1.5rem;align-items:center;flex-wrap:wrap}.search-control{flex:1;width:100%}.search-input{width:100%}.search-input .p-inputtext{padding-left:2.5rem}.search-input .p-input-icon-left{left:.75rem}.date-range-control{min-width:200px}.date-range-picker{width:100%}.journal-entries-page .date-range-picker .p-inputtext{background:var(--bg-primary)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important;box-shadow:0 2px 6px var(--shadow)!important}.journal-entries-page .date-range-picker .p-inputtext::placeholder{color:var(--text-secondary)!important}.journal-entries-page .p-datepicker{background:var(--bg-primary)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important;box-shadow:0 8px 24px var(--shadow)!important}.journal-entries-page .p-datepicker .p-datepicker-header{background:var(--bg-secondary)!important;color:var(--text-primary)!important;border-bottom:1px solid var(--border-color)!important}.journal-entries-page .p-datepicker .p-datepicker-title,.journal-entries-page .p-datepicker .p-datepicker-prev,.journal-entries-page .p-datepicker .p-datepicker-next{color:var(--text-primary)!important}.journal-entries-page .p-datepicker table td>span,.journal-entries-page .p-datepicker table td>a{background:var(--bg-primary)!important;color:var(--text-primary)!important;border-radius:6px!important}.journal-entries-page .p-datepicker table td>span:hover,.journal-entries-page .p-datepicker table td>a:hover{background:var(--bg-secondary)!important}.journal-entries-page .p-datepicker table td.p-datepicker-today>span{outline:1px solid var(--accent-color)!important}.journal-entries-page .p-datepicker table td.p-highlight>span,.journal-entries-page .p-datepicker table td.p-highlight>a,.journal-entries-page .p-datepicker .p-highlight{background:var(--accent-color)!important;color:#fff!important}.sort-control{min-width:150px}.sort-dropdown{width:100%}.journal-entries-page .sort-dropdown .p-dropdown{background:var(--bg-primary)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important;box-shadow:0 2px 6px var(--shadow)!important}.journal-entries-page .sort-dropdown .p-dropdown:hover{background:var(--bg-secondary)!important}.journal-entries-page .sort-dropdown .p-dropdown .p-dropdown-label{color:var(--text-primary)!important}.journal-entries-page .sort-dropdown .p-dropdown .p-dropdown-trigger{color:var(--text-secondary)!important}.journal-entries-page .p-dropdown-panel{background:var(--bg-primary)!important;border:1px solid var(--border-color)!important;box-shadow:0 8px 24px var(--shadow)!important}.journal-entries-page .p-dropdown-panel .p-dropdown-items .p-dropdown-item{color:var(--text-primary)!important}.journal-entries-page .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight,.journal-entries-page .p-dropdown-panel .p-dropdown-items .p-dropdown-item:hover{background:var(--bg-secondary)!important;color:var(--text-primary)!important}.journal-entries-list{display:flex;flex-direction:column;gap:8px}.journal-entry-item{border:1px solid var(--border-color);border-radius:8px;margin-bottom:8px;background:var(--bg-primary);transition:all .2s ease;overflow:hidden;width:100%;max-width:100%;overflow-wrap:break-word;word-wrap:break-word;box-shadow:0 2px 8px var(--shadow)}.journal-entry-item:last-child{margin-bottom:20px}.journal-entry-item:hover{background:var(--bg-secondary);border-color:var(--border-color);transform:translateY(-1px);box-shadow:0 4px 12px var(--shadow)}.journal-entry-header{cursor:pointer;padding:12px 16px;transition:background-color .2s ease}.journal-entry-header:hover{background-color:var(--bg-secondary)}.journal-entry-main-content{display:flex;align-items:center;gap:12px;width:100%}.journal-entry-left{display:flex;align-items:center;gap:8px;flex-shrink:0}.journal-entry-center{flex:1;min-width:0}.journal-entry-right{display:flex;align-items:center;gap:4px;flex-shrink:0}.journal-entry-basic-info{display:flex;flex-direction:column;gap:4px}.journal-entry-title{font-weight:500;color:var(--text-primary);font-size:1rem}.journal-entry-date{color:var(--text-secondary);font-size:.85rem;font-style:italic}.expand-button{color:var(--text-secondary);transition:transform .2s ease}.journal-entry-item.expanded .expand-button{transform:rotate(180deg)}.journal-entry-details{border-top:1px solid var(--border-color);background-color:var(--bg-secondary);animation:slideDown .3s ease}.journal-entry-details-content{padding:16px}.detail-section label{font-weight:600;color:var(--text-secondary);font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;min-width:fit-content}.detail-section p{margin:0;color:var(--text-primary);line-height:1.4}.detail-value{color:var(--text-primary);font-size:.9rem}.entry-preview{max-height:150px;overflow-y:auto;background:var(--bg-primary);padding:8px;border-radius:4px;border:1px solid var(--border-color)}.vision-tags{display:flex;flex-wrap:wrap;gap:4px}.vision-tag{font-size:.75rem}.journal-entry-actions{display:flex;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border-color)}.view-button,.hide-button{flex:1;display:flex!important;align-items:center!important;gap:.5rem!important;min-width:fit-content!important}.view-button .p-button-label,.hide-button .p-button-label{color:var(--text-primary)!important;font-size:.875rem!important;font-weight:500!important;white-space:nowrap;line-height:1.4!important}.view-button.p-button-text .p-button-icon,.hide-button.p-button-text .p-button-icon{color:var(--text-secondary)!important;font-size:1rem!important}.view-button.p-button-info.p-button-text,.view-button.p-button-info.p-button-text .p-button-icon,.view-button.p-button-info.p-button-text .p-button-label{color:var(--text-secondary)!important}.view-button.p-button-info.p-button-text:hover{background:#007bff1a!important}.view-button.p-button-info.p-button-text:hover .p-button-icon,.view-button.p-button-info.p-button-text:hover .p-button-label{color:var(--accent-color)!important}[data-theme=dark] .view-button.p-button-info.p-button-text:hover{background:#4dabf726!important}[data-theme=dark] .view-button.p-button-info.p-button-text:hover .p-button-icon,[data-theme=dark] .view-button.p-button-info.p-button-text:hover .p-button-label{color:var(--accent-color)!important}.hide-button.p-button-warning.p-button-text,.hide-button.p-button-warning.p-button-text .p-button-icon,.hide-button.p-button-warning.p-button-text .p-button-label{color:var(--text-secondary)!important}.hide-button.p-button-warning.p-button-text:hover{background:#f59e0b1a!important}.hide-button.p-button-warning.p-button-text:hover .p-button-icon,.hide-button.p-button-warning.p-button-text:hover .p-button-label{color:#f59e0b!important}[data-theme=dark] .hide-button.p-button-warning.p-button-text:hover{background:#fbbf2426!important}[data-theme=dark] .hide-button.p-button-warning.p-button-text:hover .p-button-icon,[data-theme=dark] .hide-button.p-button-warning.p-button-text:hover .p-button-label{color:#fbbf24!important}.no-entries{text-align:center;padding:40px 20px;color:var(--text-muted)}.no-entries p{margin:8px 0 16px;font-size:1.1rem}.create-entry-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;font-weight:500}.create-entry-button:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);transform:translateY(-1px)}@media (max-width: 768px){.journal-entries-controls{flex-direction:column;align-items:stretch;gap:.75rem}.search-control{width:100%}.date-range-control{min-width:180px}.sort-control{min-width:auto}.journal-entry-item{width:100%}.journal-entry-main-content{flex-direction:column;align-items:stretch;gap:8px}.journal-entry-left,.journal-entry-right{justify-content:center}.journal-entry-actions{flex-direction:column}.detail-section{flex-direction:column;align-items:flex-start;gap:4px}.detail-section label{min-width:auto}}.sync-page{padding:20px;max-width:800px;margin:0 auto}.sync-card{margin-top:20px}.sync-content{padding:20px}.sync-header{margin-bottom:30px;text-align:center}.sync-header h2{margin:0 0 10px;color:var(--primary-color);font-size:2rem}.sync-header p{margin:0;color:var(--text-color-secondary);font-size:1.1rem}.sync-input-section{margin-bottom:20px}.sync-form{max-width:600px;margin:0 auto}.form-group{margin-bottom:25px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--text-color)}.required-asterisk{color:var(--red-500);font-weight:700}.vision-dropdown{width:100%;border:2px solid var(--surface-border);border-radius:8px;transition:border-color .3s ease}.vision-dropdown:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-color-20)}.sync-input{width:100%;padding:12px 15px;border:2px solid var(--surface-border);border-radius:8px;font-size:16px;font-family:inherit;transition:border-color .3s ease}.sync-input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 2px var(--primary-color-20)}.sync-actions{display:flex;justify-content:center;gap:15px}.save-button{min-width:150px;font-size:1.1rem;padding:12px 24px}.vision-required-message{margin:8px 0 0;color:var(--red-500);font-size:.9rem;font-style:italic;text-align:center}.sync-items-section{margin-top:30px;padding:20px;background-color:var(--surface-card);border-radius:12px;border:1px solid var(--surface-border)}.sync-items-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.sync-items-header h3{margin:0;color:var(--primary-color);font-size:1.5rem}.view-all-button{font-size:.9rem}.sync-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-bottom:20px}.sync-items-grid-large{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;padding:20px 0}.sync-item-bubble{background:linear-gradient(135deg,var(--surface-0) 0%,var(--surface-50) 100%);border:2px solid var(--surface-border);border-radius:16px;padding:20px;position:relative;transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.sync-item-bubble:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026;border-color:var(--primary-color)}.sync-item-bubble-large{background:linear-gradient(135deg,var(--surface-0) 0%,var(--surface-50) 100%);border:2px solid var(--surface-border);border-radius:16px;padding:24px;position:relative;transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.sync-item-bubble-large:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026;border-color:var(--primary-color)}.sync-item-content{display:flex;flex-direction:column;gap:12px}.sync-item-text{font-size:1rem;line-height:1.5;color:var(--text-color);font-weight:500}.sync-item-vision{display:flex;align-items:center}.vision-tag{font-size:.85rem;font-weight:600}.sync-item-date{font-size:.8rem;color:var(--text-color-secondary);font-style:italic}.sync-item-actions{position:absolute;top:12px;right:12px;opacity:0;transition:opacity .3s ease}.sync-item-bubble:hover .sync-item-actions,.sync-item-bubble-large:hover .sync-item-actions{opacity:1}.delete-button{width:32px;height:32px;border-radius:50%}.empty-sync-state{text-align:center;padding:40px 20px;color:var(--text-color-secondary)}.empty-state-dialog{text-align:center;padding:60px 20px;color:var(--text-color-secondary)}.empty-icon{font-size:3rem;margin-bottom:16px;opacity:.6}.empty-sync-state h4,.empty-state-dialog h4{margin:0 0 8px;color:var(--text-color);font-size:1.2rem}.empty-sync-state p,.empty-state-dialog p{margin:0;font-size:1rem}.all-sync-items{max-height:70vh;overflow-y:auto}@media (max-width: 768px){.sync-page{padding:10px}.sync-content{padding:15px}.sync-form{max-width:100%}.sync-actions{flex-direction:column;align-items:center}.save-button{width:100%;max-width:300px}.sync-items-grid{grid-template-columns:1fr;gap:12px}.sync-items-grid-large{grid-template-columns:1fr;gap:16px}.sync-items-header{flex-direction:column;gap:12px;align-items:flex-start}}@media (max-width: 480px){.sync-header h2{font-size:1.5rem}.sync-header p{font-size:1rem}}.actions-page{min-height:100vh;display:flex;flex-direction:column}.quick-add-sticky-bar{position:sticky!important;top:100px!important;z-index:51!important;display:flex;gap:.5rem;align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:.75rem;box-shadow:0 2px 8px var(--shadow);max-width:1200px;margin:0 auto;box-sizing:border-box}.quick-add-input{flex:1}.quick-add-input::placeholder{font-style:italic}.quick-add-input .p-inputtext{height:2rem;font-size:.9rem}.quick-add-button,.add-details-button{flex-shrink:0;height:2rem}.quick-add-button .p-button,.add-details-button .p-button{height:100%;font-size:.85rem;padding:.5rem .75rem}.quick-add-button .p-button-label,.add-details-button .p-button-label{font-weight:600}.actions-top-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;height:230px!important;z-index:49!important;pointer-events:none!important;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background:color-mix(in srgb,var(--bg-secondary) 70%,transparent)}.subheader-width{max-width:1200px;margin-left:auto;margin-right:auto;box-sizing:border-box;width:100%}@media (min-width: 769px){.subheader-width{padding-left:2rem;padding-right:2rem}}@media (max-width: 768px){.subheader-width{padding-left:1rem;padding-right:1rem}}@media (max-width: 480px){.subheader-width{padding-left:.75rem;padding-right:.75rem}}.quick-add-sticky-bar,.display-mode-controls{pointer-events:auto!important}.only-next-action-navigation-sticky{position:sticky!important;top:250px!important;z-index:53!important;display:flex;justify-content:space-between;align-items:center;padding:.75rem 2rem;background:#f8f9faf2;border-radius:8px;border:1px solid rgba(0,0,0,.1);max-width:1200px;margin:0 auto;box-sizing:border-box;box-shadow:0 2px 8px var(--shadow);height:64px!important}.actions-page.only-next-action-mode .only-next-action-navigation-sticky{position:fixed!important;top:250px!important;left:0!important;right:0!important}.actions-page.only-next-action-mode .actions-list{position:fixed!important;top:322px!important;left:0!important;right:0!important;max-width:1200px;margin-left:auto;margin-right:auto;padding:0!important;align-items:center!important;width:100%!important;display:flex!important;justify-content:center!important;overflow:visible!important}.actions-page.only-next-action-mode .action-item{width:100%!important;max-width:1200px!important;margin:0 auto!important}.actions-page.only-next-action-mode .actions-sticky-bottom-marker{top:330px!important}.only-next-action-navigation{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1rem;background:#f8f9facc;border-radius:8px;border:1px solid rgba(0,0,0,.1)}.action-counter{font-weight:600;color:#495057;font-size:1rem}.navigation-buttons{display:flex;gap:.5rem}.navigation-buttons .p-button{font-size:.85rem;padding:.5rem 1rem;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;min-width:100px;justify-content:center}.navigation-buttons .p-button-icon-only{min-width:3rem}.navigation-buttons .p-button:disabled{opacity:.5;cursor:not-allowed}.actions-page .page-content{max-width:800px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;margin-top:0!important}.actions-content{flex:1;padding:0 2rem;display:flex;flex-direction:column;min-height:auto;justify-content:flex-start}.actions-page.only-next-action-mode .actions-content{padding-top:5px;height:auto;overflow:visible;max-height:none}.actions-page.only-next-action-mode .actions-list{height:auto;min-height:auto;max-height:none;overflow:visible;padding:0}.mode-controls{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(0,0,0,.1)}.mode-buttons{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.mode-buttons .p-button{font-size:.85rem;padding:.5rem 1rem;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;min-width:120px;justify-content:center}.mode-buttons .p-button.p-button-secondary{background:#f8f9facc;border:1px solid rgba(0,0,0,.2);color:#666}.mode-buttons .p-button.p-button-secondary:hover{background:#f8f9fa;border-color:#007bff4d;color:#333}.mode-buttons .p-button.p-button-danger{background:#dc35451a;border:1px solid rgba(220,53,69,.3);color:#dc3545}.mode-buttons .p-button.p-button-danger:hover{background:#dc354526;border-color:#dc354580}.mode-buttons .p-button.p-button-info{background:#0dcaf01a;border:1px solid rgba(13,202,240,.3);color:#0dcaf0}.mode-buttons .p-button.p-button-info:hover{background:#0dcaf026;border-color:#0dcaf080}.mode-buttons .p-button.p-button-success{background:#1987541a;border:1px solid rgba(25,135,84,.3);color:#198754}.mode-buttons .p-button.p-button-success:hover{background:#19875426;border-color:#19875480}.mode-buttons .p-button.active{transform:scale(1.05);box-shadow:0 2px 8px #00000026}.loading-container,.error-container{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 20px}.loading-spinner{font-size:1.1rem;color:#666;text-align:center}.error-container p{color:#dc3545;font-size:1rem;text-align:center}.add-action-form{display:flex;flex-direction:column;gap:12px;margin-bottom:20px;padding:16px;background:#00000005;border-radius:8px;align-items:stretch}.action-input{width:100%;min-width:200px}.vision-dropdown{width:100%;min-width:150px}.actions-list{flex:1;overflow-y:visible;margin-bottom:0;padding:0;display:flex;flex-direction:column;gap:.5rem;justify-content:flex-start;align-items:stretch;width:100%}.action-item{flex:0 0 auto;border:1px solid rgba(0,0,0,.1);border-radius:8px;background:#fffc;transition:all .2s ease;overflow:hidden;width:100%;max-width:100%;box-sizing:border-box;min-height:56px}.action-item:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.action-header{cursor:pointer;padding:12px 16px;transition:background-color .2s ease;min-height:44px}.action-main-content{display:flex;align-items:center;gap:12px;flex-shrink:0}.action-basic-info{flex:1;display:flex;flex-direction:column;gap:4px;flex-shrink:0}.action-title{font-weight:500;color:#333;font-size:1rem}.action-vision-name{color:#666;font-size:.85rem;font-style:italic}.expand-button{color:#666;transition:transform .2s ease}.action-item.expanded .expand-button{transform:rotate(180deg)}.action-details{border-top:1px solid rgba(0,0,0,.1);background-color:#f8f9fa80;animation:slideDown .3s ease}.action-details-content{padding:16px}.detail-section{margin-bottom:12px;display:flex;flex-direction:row;gap:8px;align-items:center}.detail-section:last-child{margin-bottom:0}.detail-section label{font-weight:600;color:#495057;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;min-width:fit-content}.detail-section p{margin:0;color:#333;line-height:1.4}.detail-value{color:#333;font-size:.9rem}.action-controls{border-top:1px solid #dee2e6;padding-top:12px;margin-top:12px}.control-buttons{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-start;align-items:center}.control-buttons .p-button{font-size:.8rem;padding:8px 16px;min-width:80px;height:36px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.edit-button{color:#007ad9b3!important;transition:color .3s ease}.edit-button:hover{color:#007ad9!important}.display-mode-controls{position:sticky!important;top:180px!important;z-index:52!important;display:flex;flex-direction:column;gap:1rem;padding:.5rem 2rem 1rem;max-width:1200px;margin:0 auto;box-sizing:border-box}.display-mode-toggle{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center;align-items:center;min-width:0}.status-text{font-size:.9rem;color:#666;font-style:italic;text-align:center;margin:0;order:-1}.vision-filter-right{display:flex;align-items:center;gap:.5rem;justify-content:center}.toggle-button{font-size:.85rem;padding:.5rem 1rem;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.toggle-button.p-button-secondary{background:#f8f9facc;border:1px solid rgba(0,0,0,.2);color:#666}.toggle-button.p-button-secondary:hover{background:#f8f9fa;border-color:#007bff4d;color:#333}.toggle-button.p-button-primary{background:#007bff1a;border:1px solid rgba(0,123,255,.3);color:#007ad9}.toggle-button.p-button-primary:hover{background:#007bff26;border-color:#007bff80}.vision-filter-controls{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;padding:.75rem;background:#f8f9fa80;border-radius:8px;border:1px solid rgba(0,0,0,.1)}.vision-filter-inline{display:flex;align-items:center;gap:.5rem;margin-left:1rem;padding:.5rem .75rem;background:#f8f9fa80;border-radius:6px;border:1px solid rgba(0,0,0,.1)}.filter-label{font-weight:600;color:#495057;font-size:.85rem;white-space:nowrap;flex-shrink:0}.vision-filter-dropdown{flex:1;max-width:300px}.action-count-indicator{font-size:.7rem;color:#666;font-weight:400;margin-left:.5rem;font-style:italic}.quick-access-sections{margin-top:2rem;border-top:1px solid var(--border-color);padding-top:2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}@media (max-width: 480px){.quick-access-sections{grid-template-columns:1fr!important;gap:2rem}}.access-section{background:var(--bg-primary)!important;border:1px solid var(--border-color)!important;box-shadow:0 2px 8px var(--shadow)!important;border-radius:12px!important;transition:all .3s ease!important;overflow:hidden}.access-section:hover{background:var(--bg-primary)!important;border-color:var(--accent-color)!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px var(--shadow)!important}.section-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;background:var(--bg-secondary)}.section-title{display:flex;align-items:center;gap:.75rem;font-weight:600;color:var(--text-primary);font-size:1.1rem}.section-icon{color:var(--accent-color);font-size:1.2rem}.section-content{padding:1.5rem;background:var(--bg-primary)}.navigation-links{display:flex;flex-direction:column;gap:.75rem}.nav-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:8px;background:var(--bg-tertiary);border:1px solid var(--border-color);cursor:pointer;transition:all .2s ease;color:var(--text-primary);font-weight:500}.nav-link:hover{background:var(--accent-color);color:#fff;transform:translate(4px);border-color:var(--accent-color)}.nav-link i{font-size:1rem;width:16px;text-align:center}.no-items{color:var(--text-secondary);font-style:italic;text-align:center;margin:1rem 0}.dca-accordion-section{margin-bottom:2rem;border:2px solid rgba(255,193,7,.3);border-radius:12px;overflow:hidden;background:#fff8dc1a;box-shadow:0 2px 8px #ffc1071a}.dca-accordion-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#ffc1071a,#fff8dc33);cursor:pointer;transition:all .2s ease;border-bottom:1px solid rgba(255,193,7,.2)}.dca-accordion-header:hover{background:linear-gradient(135deg,#ffc10726,#fff8dc4d)}.dca-accordion-title{display:flex;align-items:center;gap:.75rem;font-weight:700;color:#333;font-size:1.1rem}.dca-icon{color:#ffc107;font-size:1.3rem;text-shadow:0 1px 2px rgba(255,193,7,.3)}.dca-expand-button{color:#666;transition:transform .2s ease}.dca-accordion-content{background:#fff;animation:slideDown .3s ease}.dca-vision-group{border-bottom:1px solid rgba(0,0,0,.05);padding:1.5rem}.dca-vision-group:last-child{border-bottom:none}.dca-vision-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#fff8dc4d;border-radius:8px;cursor:pointer;transition:all .2s ease;margin-bottom:1rem;border:1px solid rgba(255,193,7,.2)}.dca-vision-header:hover{background:#fff8dc80;border-color:#ffc10766;transform:translateY(-1px);box-shadow:0 2px 8px #ffc10733}.dca-vision-info h4{margin:0 0 .5rem;color:#333;font-size:1.2rem;font-weight:700}.dca-statement{margin:0 0 .5rem;color:#666;font-size:.95rem;line-height:1.4;font-style:italic}.dca-target-date{font-size:.85rem;color:#007ad9;font-weight:600;background:#007bff1a;padding:.25rem .5rem;border-radius:4px;display:inline-block}.dca-actions-list{margin-top:1rem}.dca-action-item{margin-left:1rem;border-left:3px solid rgba(255,193,7,.3);background:#fff8dc0d}.dca-action-item:hover{border-left-color:#ffc10799}.no-dca-actions{text-align:center;padding:2rem;color:#666;background:#f8f9fa80;border-radius:8px;border:1px dashed rgba(0,0,0,.1)}.no-dca-actions p{margin:0 0 1rem;font-style:italic}.add-dca-action-button{background:#007bff1a;border:1px solid rgba(0,123,255,.3);color:#007ad9}.add-dca-action-button:hover{background:#007bff26;border-color:#007bff80}.dca-list{display:flex;flex-direction:column;gap:1rem}.dca-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;border:1px solid rgba(0,0,0,.1);border-radius:8px;cursor:pointer;transition:all .2s ease;background:#fff8dc4d;border-color:#ffc1074d}.dca-item:hover{background:#fff8dc80;border-color:#ffc10780;transform:translateY(-1px);box-shadow:0 2px 8px #ffc10733}.dca-info h4{margin:0 0 .5rem;color:#333;font-size:1.1rem;font-weight:600}.dca-info p{margin:0 0 .5rem;color:#666;font-size:.9rem;line-height:1.4}.dca-target-date{font-size:.8rem;color:#007ad9;font-weight:500}.view-dca-button{color:#007ad9;flex-shrink:0}.tasks-by-vision-list{display:flex;flex-direction:column;gap:1.5rem}.vision-task-group{border:1px solid rgba(0,0,0,.1);border-radius:8px;overflow:hidden;background:#ffffffe6}.vision-task-group.unassociated{background:#f8f9fae6;border-color:#6c757d4d}.vision-task-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:#f8f9facc;cursor:pointer;transition:background-color .2s ease}.vision-task-group.unassociated .vision-task-header{background:#e9ecefcc}.vision-task-header:hover{background:#f8f9fa}.vision-task-group.unassociated .vision-task-header:hover{background:#e9ecef}.vision-task-header h4{margin:0;color:#333;font-size:1rem;font-weight:600}.task-count{color:#666;font-size:.85rem;font-weight:500}.view-vision-button{color:#007ad9;flex-shrink:0}.vision-tasks-preview{padding:1rem 1.5rem;background:#fff}.vision-task-group.unassociated .vision-tasks-preview{background:#f8f9fa80}.task-preview-item{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;border-bottom:1px solid rgba(0,0,0,.05)}.task-preview-item:last-child{border-bottom:none}.task-title{flex:1;color:#333;font-size:.9rem}.task-date{color:#666;font-size:.8rem;flex-shrink:0}.more-tasks{padding:.5rem 0;color:#007ad9;font-size:.85rem;font-weight:500;text-align:center;font-style:italic}.action-content{display:flex;align-items:center;gap:12px;flex:1}.action-checkbox{flex-shrink:0}.action-text{flex:1;font-size:14px;color:#000c}.vision-dropdown-container{position:relative}.vision-dropdown-button{font-size:12px;padding:4px 8px;min-width:auto}.vision-dropdown-menu{position:absolute;top:100%;right:0;background:#fff;border:1px solid rgba(0,0,0,.2);border-radius:4px;padding:8px 12px;box-shadow:0 4px 12px #00000026;z-index:1000;min-width:150px}.vision-info{font-size:12px;color:#000000b3}.action-actions{display:flex;gap:4px;align-items:center}.reorder-button:disabled{opacity:.3}.no-actions{text-align:center;padding:40px 20px;color:#00000080}.no-actions p{margin:8px 0}.mode-info{padding:12px 16px;background:#00000005;border-radius:6px;text-align:center;margin-bottom:0}.mode-info p{margin:0;font-size:12px;color:#0009;font-style:italic}@media (max-width: 768px){.action-input,.vision-dropdown{min-width:auto}.action-item,.action-content{flex-direction:column;align-items:stretch;gap:8px}.action-actions{justify-content:center}.quick-add-sticky-bar{top:60px!important}.display-mode-controls{top:120px!important}.only-next-action-navigation-sticky{top:220px!important}.actions-page.only-next-action-mode .only-next-action-navigation-sticky{position:fixed!important;top:240px!important;left:0!important;right:0!important;height:60px!important}.actions-page.only-next-action-mode .actions-list{position:fixed!important;top:308px!important;left:0!important;right:0!important;margin-left:auto!important;margin-right:auto!important;align-items:center!important;display:flex!important;justify-content:center!important}.actions-page.only-next-action-mode .action-item{width:calc(100% - 2rem)!important;max-width:1200px!important;margin:0 auto!important}.actions-content{min-height:auto}.actions-page.only-next-action-mode .actions-content{height:calc(100vh - 410px);overflow:hidden;max-height:calc(100vh - 410px)}.actions-page.only-next-action-mode .actions-list{height:calc(100vh - 500px);max-height:calc(100vh - 500px);overflow:hidden;padding:.0625rem 0!important}.actions-list{min-height:auto;padding:0}.actions-list.few-actions{justify-content:center;padding:0}.toggle-next .p-button-label,.toggle-top .p-button-label,.toggle-all .p-button-label,.navigation-buttons .p-button-label{display:none!important;visibility:hidden!important;opacity:0!important;font-size:0!important;width:0!important;height:0!important;overflow:hidden!important}.toggle-next .p-button-content,.toggle-top .p-button-content,.toggle-all .p-button-content,.navigation-buttons .p-button-content{display:flex!important;align-items:center!important;justify-content:center!important}.toggle-next .p-button-icon,.toggle-top .p-button-icon,.toggle-all .p-button-icon,.navigation-buttons .p-button-icon{margin:0!important}.navigation-buttons .p-button{min-width:auto!important;padding:.5rem!important}.vision-filter-right .filter-label{display:none}.display-mode-controls{flex-direction:column!important;gap:.75rem!important}.status-text{order:-1!important;margin:.5rem 0 0!important}.display-mode-toggle{justify-content:center!important;gap:.5rem!important}.add-action-dialog .resistance-section .p-slider-handle{width:18px!important;height:18px!important;border-width:2px!important}.add-action-dialog .resistance-section .p-slider{background-color:#e9ecef!important;height:8px!important}.universal-page{margin:0!important;padding:0!important;width:100vw!important;max-width:100vw!important}.actions-page .page-content{margin-left:0!important;margin-right:0!important;padding-left:1rem!important;padding-right:1rem!important;width:100%!important;max-width:100%!important}.actions-content{padding:0 1rem!important}.quick-add-sticky-bar{margin:0 1rem!important}.display-mode-controls{padding:.75rem 1rem 1rem!important}}@media (max-width: 480px){.actions-page .page-content{padding-left:.75rem!important;padding-right:.75rem!important}.actions-content{padding:0 .75rem!important;min-height:auto}.quick-add-sticky-bar{margin:0 .75rem!important}.display-mode-controls{padding:.75rem .75rem 1rem!important}.only-next-action-navigation-sticky{top:220px!important}.actions-list{padding-top:0!important;min-height:auto!important}.actions-page.only-next-action-mode .actions-list{padding:.0625rem 0!important}.actions-list.few-actions{justify-content:center;padding:0}}@media (max-width: 444px){.display-mode-toggle{gap:.25rem;flex-wrap:nowrap;overflow-x:auto;padding:.25rem 0;-webkit-overflow-scrolling:touch}.toggle-button{flex-shrink:0;min-width:auto;padding:.3rem .5rem;font-size:.75rem}.toggle-button .p-button-icon{margin:0;width:1rem;height:1rem}.toggle-button .p-button-label{display:none!important;visibility:hidden!important;opacity:0!important;font-size:0!important;width:0!important;height:0!important;overflow:hidden!important}.toggle-button .p-button-content{display:flex!important;align-items:center!important;justify-content:center!important}.toggle-button .p-button-icon{margin:0!important}.vision-filter-right{flex-shrink:0;min-width:120px}.vision-filter-dropdown{font-size:.75rem}.vision-filter-dropdown .p-multiselect-label{padding:.25rem .5rem;font-size:.7rem}.vision-filter-dropdown .p-multiselect-trigger{width:1.5rem}.vision-filter-dropdown .p-multiselect-trigger-icon{font-size:.7rem}}@media (max-width: 609px){.quick-add-button .p-button-label:after{content:"Quick"}.quick-add-button .p-button-label{font-size:0}.add-details-button .p-button-label:after{content:"Details"}.add-details-button .p-button-label{font-size:0}}@media (min-width: 550px) and (max-width: 590px){.display-mode-toggle{flex-wrap:nowrap;gap:.5rem;overflow-x:auto;justify-content:flex-start;padding:.25rem 0}.toggle-button{flex-shrink:0;min-width:auto}.vision-filter-right{flex-shrink:0}}@media (min-width: 769px) and (max-width: 850px){.display-mode-controls{flex-direction:column;gap:.75rem}.display-mode-toggle{flex-wrap:nowrap;gap:.5rem;overflow-x:auto;justify-content:center;padding:.25rem 0}.toggle-button{flex-shrink:0;min-width:auto;font-size:.8rem;padding:.4rem .8rem}.vision-filter-right{flex-shrink:0}.status-text{order:-1;margin:0}}@media (min-width: 591px) and (max-width: 768px){.display-mode-controls{flex-direction:row;justify-content:space-between;align-items:center;gap:1rem}.display-mode-toggle{justify-content:flex-start;flex-wrap:nowrap;gap:.5rem}.toggle-button{flex-shrink:0;font-size:.8rem;padding:.4rem .8rem}.status-text{flex:1;text-align:center;margin:0 .5rem;order:0;font-size:.85rem}.vision-filter-right{justify-content:flex-end;flex-shrink:0}}@media (min-width: 851px){.display-mode-controls{flex-direction:row;justify-content:space-between;align-items:center;gap:2rem}.display-mode-toggle{justify-content:flex-start}.status-text{flex:1;text-align:center;margin:0 1rem;order:0}.vision-filter-right{justify-content:flex-end}}.action-item.completed{opacity:.6;text-decoration:line-through;background:#0000000d}.actions-content.bullet-journal .action-item{border-left:4px solid rgba(0,123,255,.3);padding-left:12px}.actions-content.bullet-journal .action-item:hover{border-left-color:#007bff99}.add-action-dialog .dialog-content{padding:20px}.add-action-dialog .field{margin-bottom:0}.add-action-dialog .field label{display:block;margin-bottom:4px;font-weight:500;color:#000c}.add-action-dialog .action-input,.add-action-dialog .vision-dropdown,.add-action-dialog .time-dropdown,.add-action-dialog .type-dropdown,.add-action-dialog .notes-textarea{width:100%}.add-action-dialog .notes-textarea{resize:vertical;min-height:80px}.no-vision-warning{color:#dc3545;font-size:.875rem;font-weight:500;text-align:center;margin:12px 0;padding:8px 12px;background-color:#dc35451a;border-radius:4px;border:1px solid rgba(220,53,69,.2)}.add-action-dialog .dialog-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(0,0,0,.1)}.add-action-dialog .resistance-section .p-slider{height:8px!important;background-color:#e9ecef!important;border-radius:4px!important;position:relative!important}.add-action-dialog .resistance-section .p-slider-handle{width:20px!important;height:20px!important;background:#007bff!important;border:2px solid #ffffff!important;border-radius:50%!important;position:absolute!important;top:50%!important;transform:translate(-50%,-50%)!important;cursor:pointer!important;z-index:2!important;box-shadow:0 2px 4px #0000001a!important}.add-action-dialog .resistance-section .p-slider-handle:hover{background:#0056b3!important;transform:translate(-50%,-50%) scale(1.1)!important}.add-action-dialog .resistance-section .p-slider-handle:focus{box-shadow:0 0 0 4px #007bff40!important}.add-action-dialog .resistance-section .p-slider-range{background:#007bff!important;height:100%!important;border-radius:4px!important;position:absolute!important;top:0!important;left:0!important}.action-vision-bubbles{display:flex;flex-direction:column;gap:.75rem;flex:1}.action-vision-bubble{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s ease;min-height:60px}.action-vision-bubble:hover{background:var(--bg-primary);border-color:var(--accent-color);transform:translateY(-1px);box-shadow:0 2px 8px var(--shadow)}.action-vision-bubble.dragging{opacity:.5;transform:rotate(5deg)}.action-vision-content,.action-section{display:flex;align-items:center;gap:12px;flex:1;height:100%}.action-content{display:flex;flex-direction:column;gap:4px;flex:1}.action-title{font-weight:500;color:var(--text-primary);font-size:1rem;line-height:1.2}.action-notes{color:var(--text-secondary);font-size:.85rem;font-style:italic}.action-type{color:var(--accent-color);font-size:.8rem;font-weight:500}[data-theme=dark] .dca-accordion-content,[data-theme=dark] .vision-tasks-preview,[data-theme=dark] .action-description-tooltip{background:#000!important;border:none!important}[data-theme=dark] .action-counter{color:#fff!important}[data-theme=dark] .only-next-action-navigation{background:#000c!important;border:none!important}[data-theme=dark] .mode-controls{border-color:#1a1a1a!important}[data-theme=dark] .action-title,[data-theme=dark] .action-text,[data-theme=dark] .action-description,[data-theme=dark] .action-notes{color:#fff!important}[data-theme=dark] .action-item:hover{transform:translateY(-1px)!important}[data-theme=dark] .dca-action-item:hover{border-left-color:#ffc10799!important}[data-theme=dark] .actions-content.bullet-journal .action-item:hover{border-left-color:#4dabf799!important}.vision-actions-page .page-header{position:fixed;top:0;left:0;right:0;z-index:100;background:transparent;padding:15px 20px;display:flex;justify-content:space-between;align-items:center}.vision-actions-page .header-left,.vision-actions-page .header-right{display:flex;align-items:center;gap:15px}.vision-actions-page .header-left h1{margin:0;font-size:1.5rem;font-weight:600}.vision-actions-page .header-button{color:#212529b3!important;border:1px solid rgba(0,0,0,.2)!important;background:#0000000d!important;transition:all .3s ease}.vision-actions-page .header-button:hover{color:#212529!important;border-color:#212529!important;background:#0000001a!important}.vision-actions-page .page-content{padding:40px 20px;flex:1;display:flex;flex-direction:column;align-items:center;max-width:800px;margin-left:auto;margin-right:auto;width:100%}.vision-actions-page .vision-info{text-align:center;margin-bottom:30px}.vision-actions-page .vision-info h2{margin:0 0 10px;font-size:1.3rem;font-weight:500;color:var(--text-primary)}.vision-actions-page .vision-info p{margin:0;color:var(--text-secondary);font-size:.9rem}.vision-actions-page .no-actions{text-align:center;padding:60px 20px;color:var(--text-secondary)}.vision-actions-page .no-actions-icon{font-size:4rem;margin-bottom:20px}.vision-actions-page .no-actions h3{margin:0 0 10px;font-size:1.2rem;font-weight:500}.vision-actions-page .no-actions p{margin:0 0 20px;font-size:.9rem}.vision-actions-page .add-first-action-button{background:#007bff!important;border-color:#007bff!important;color:#fff!important}.vision-actions-page .add-first-action-button:hover{background:#0056b3!important;border-color:#0056b3!important}.vision-actions-page .actions-container{width:100%;max-width:600px}.vision-actions-page .actions-list{max-height:400px;overflow-y:auto;margin-bottom:20px}.vision-actions-page .action-item{border:1px solid rgba(0,0,0,.1);border-radius:8px;margin-bottom:8px;background:#fffc;transition:all .2s ease;overflow:hidden}.vision-actions-page .action-item:hover{background:#fffffff2;border-color:#007bff4d;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.vision-actions-page .action-item.completed{opacity:.6;text-decoration:line-through;background:#0000000d}.vision-actions-page .action-header{cursor:pointer;padding:12px 16px;transition:background-color .2s ease}.vision-actions-page .action-main-content{display:flex;align-items:center;gap:12px}.vision-actions-page .action-basic-info{flex:1;display:flex;flex-direction:column;gap:4px}.vision-actions-page .action-title{font-weight:500;color:#333;font-size:1rem}.vision-actions-page .expand-button{color:#666;transition:transform .2s ease}.vision-actions-page .action-item.expanded .expand-button{transform:rotate(180deg)}.vision-actions-page .action-details{border-top:1px solid rgba(0,0,0,.1);background-color:#f8f9fa80;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.vision-actions-page .action-details-content{padding:16px}.vision-actions-page .detail-section{margin-bottom:12px;display:flex;flex-direction:row;gap:8px;align-items:center}.vision-actions-page .detail-section:last-child{margin-bottom:0}.vision-actions-page .detail-section label{font-weight:600;color:#495057;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;min-width:fit-content}.vision-actions-page .detail-section p{margin:0;color:#333;line-height:1.4}.vision-actions-page .detail-value{color:#333;font-size:.9rem}.vision-actions-page .action-controls{border-top:1px solid #dee2e6;padding-top:12px;margin-top:12px}.vision-actions-page .control-buttons{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-start;align-items:center}.vision-actions-page .control-buttons .p-button{font-size:.8rem;padding:8px 16px;min-width:80px;height:36px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.vision-actions-page .edit-button{color:#007ad9b3!important;transition:color .3s ease}.vision-actions-page .edit-button:hover{color:#007ad9!important}.vision-actions-page .reorder-button:disabled{opacity:.3}.vision-actions-page .add-action-dialog .dialog-content,.vision-actions-page .field{display:flex;flex-direction:column;gap:8px}.vision-actions-page .field label{font-weight:500;color:#212529;font-size:.9rem}.vision-actions-page .action-input,.vision-actions-page .time-input,.vision-actions-page .time-dropdown,.vision-actions-page .type-dropdown,.vision-actions-page .vision-dropdown,.vision-actions-page .notes-textarea{width:100%}.vision-actions-page .notes-textarea{resize:vertical;min-height:80px}.vision-actions-page .dialog-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:1rem}.vision-actions-page .cancel-button{color:#212529b3!important}.vision-actions-page .add-button{background:#007bff!important;border-color:#007bff!important;color:#fff!important}.vision-actions-page .add-button:hover{background:#0056b3!important;border-color:#0056b3!important}.vision-actions-page .add-button:disabled{background:#007bff80!important;border-color:#007bff80!important}.vision-actions-page .loading-container{display:flex;justify-content:center;align-items:center;min-height:50vh}.vision-actions-page .loading-spinner{font-size:1.1rem;color:#212529b3}@media (max-width: 768px){.vision-actions-page .page-content{padding:20px 15px}.vision-actions-page .actions-container{max-width:100%}.vision-actions-page .action-item{padding:12px}.vision-actions-page .action-text{font-size:.9rem}.vision-actions-page .add-action-dialog{width:90%!important;max-width:400px}}[data-theme=dark] .vision-actions-page .action-title,[data-theme=dark] .vision-actions-page .detail-section p,[data-theme=dark] .vision-actions-page .detail-value,[data-theme=dark] .vision-actions-page .field label,[data-theme=dark] .vision-actions-page .loading-spinner,[data-theme=dark] .vision-actions-page .expand-button{color:#fff!important}[data-theme=dark] .vision-actions-page .action-item:hover{background:#1a1a1a!important;border-color:transparent!important;transform:translateY(-1px)!important}.archives-list .list-item-component,.lists-list .list-item-component{margin-bottom:1rem}.archives-list .status-tag,.lists-list .status-tag{font-size:.75rem;padding:.25rem .5rem}.archives-list .vision-date,.lists-list .action-date,.lists-list .journal-date{color:var(--text-secondary);font-size:.875rem;font-weight:400}.lists-list .vision-reference,.lists-list .notes-text{color:var(--text-secondary);font-size:.875rem;font-style:italic}.lists-list .action-notes{margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border-color)}.lists-list .notes-text{display:block;line-height:1.4}@media (max-width: 768px){.archives-table .p-datatable-thead{display:none}.archives-table .p-datatable-tbody tr{display:block;margin-bottom:1rem;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);box-shadow:0 2px 4px var(--shadow)}.archives-table .p-datatable-tbody td{display:flex;justify-content:space-between;align-items:flex-start;padding:.75rem;border:none;border-bottom:1px solid var(--border-color);min-height:44px}.archives-table .p-datatable-tbody td:last-child{border-bottom:none}.archives-table .p-datatable-tbody td:before{content:attr(data-label);font-weight:600;color:var(--text-secondary);margin-right:1rem;min-width:120px;flex-shrink:0}}.page-header{position:fixed;top:0;left:0;right:0;height:60px;background:transparent;display:flex;align-items:center;justify-content:space-between;padding:0 20px;z-index:100}.header-left,.header-right{display:flex;align-items:center;gap:10px}.header-center h1{margin:0;font-size:24px;font-weight:300;color:var(--text-primary)}.header-button{color:#212529b3!important;border:1px solid rgba(0,0,0,.1)!important;background:#0000000d!important;transition:all .3s ease}.header-button:hover{color:#007bff!important;border-color:#007bff4d!important;background:#007bff1a!important}.page-subheader{position:fixed;top:120px;left:0;right:0;height:50px;background:transparent;display:flex;align-items:center;justify-content:center;z-index:1000}.subheader-content{display:flex;align-items:center;gap:10px;max-width:80%}.current-vision{font-size:16px;color:var(--text-primary);text-align:center;flex:1;display:flex;align-items:center;justify-content:center;gap:10px}.subheader-edit{color:#21252999!important;padding:5px!important;background:transparent!important;border:none!important;box-shadow:none!important;min-height:auto!important;width:auto!important;height:auto!important;border-radius:0!important}.subheader-edit:hover{color:#007bff!important;background:transparent!important;border:none!important;box-shadow:none!important;transform:none!important}.page-content{padding:40px 20px;flex:1;display:flex;justify-content:center}.reflect-content{max-width:1000px;width:100%;display:flex;flex-direction:column;gap:40px}.slider-container{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:30px;display:flex;flex-direction:column;gap:15px;box-shadow:0 2px 10px var(--shadow)}.slider-header{display:flex;justify-content:space-between;align-items:center}.slider-header h3{margin:0;font-size:20px;font-weight:500;color:var(--text-primary)}.slider-value{font-size:24px;font-weight:700;color:var(--text-primary)}.slider-question{margin:0;font-size:16px;color:var(--text-primary)}.slider-scale{margin:0;font-size:14px;color:var(--text-secondary)}.slider-wrapper{display:flex;align-items:center;gap:15px;margin-top:10px}.reflection-slider{flex:1}.reflection-slider .p-slider-handle{background:var(--slider-color, #666)!important;border:2px solid var(--bg-primary)!important}.reflection-slider.active .p-slider-handle{box-shadow:0 0 0 4px #ffffff4d!important}.slider-submit{background-color:var(--slider-color, #007bff)!important;border:1px solid var(--slider-color, #007bff)!important;color:#fff!important;min-width:40px;height:40px;box-shadow:0 2px 4px #0000001a!important}.slider-submit:hover:not(:disabled){background-color:var(--bg-primary)!important;color:var(--slider-color, #007bff)!important;border-color:var(--slider-color, #007bff)!important}.slider-submit:disabled{opacity:.5;cursor:not-allowed}.cooldown-display{text-align:center;color:#dc3545;font-size:14px;margin-top:10px;padding:8px;background-color:#f8d7da;border-radius:4px;border:1px solid #f5c6cb}.page-footer{padding:20px;text-align:center;color:var(--text-secondary);font-size:14px;border-top:1px solid var(--border-color)}.active-slider-hint{color:#28a745;font-weight:500;margin-top:10px;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:20px}.loading-spinner{font-size:18px;color:var(--text-primary)}.error-container h2{color:var(--text-primary);margin:0}.reflection-slider .p-slider{background-color:#e9ecef!important;height:6px!important;border-radius:3px!important;position:relative!important;width:100%!important;display:block!important;visibility:visible!important;opacity:1!important}.reflection-slider .p-slider-range{background:var(--slider-color, #666)!important}.reflection-slider .p-slider-handle{background:var(--slider-color, #007bff)!important;border:2px solid var(--bg-primary) \/* theme-aware *\/!important;width:20px!important;height:20px!important;box-shadow:0 2px 4px #0000001a!important}.reflection-slider .p-slider-handle:hover{background:var(--slider-color, #007bff)!important;color:var(--bg-primary)!important;transform:translate(-50%,-50%) scale(1.1)!important}.reflection-slider .p-slider-handle:focus{box-shadow:0 0 0 4px #007bff40!important}.reflection-slider .p-slider-handle:active{transform:translate(-50%,-50%) scale(1.1)}.slider-wrapper{cursor:pointer}.slider-wrapper:hover .reflection-slider .p-slider-handle{transform:translate(-50%,-50%) scale(1.05)}.reflection-slider:disabled{opacity:.5;cursor:not-allowed}.reflection-slider:disabled .p-slider-handle{cursor:not-allowed}.reflection-slider.active{transform:scale(1.02);transition:transform .2s ease}@media (max-width: 768px){.page-content{padding:20px 10px}.reflect-content{gap:30px}.slider-container{padding:20px}.slider-wrapper{flex-direction:column;gap:10px}.slider-submit{align-self:center}.reflection-slider .p-slider-handle{width:18px!important;height:18px!important;border-width:2px!important}.reflection-slider .p-slider{background-color:#e9ecef!important;height:6px!important;width:100%!important;display:block!important;visibility:visible!important;opacity:1!important}}[data-theme=dark] .reflection-slider .p-slider-range,[data-theme=dark] .reflection-slider .p-slider-handle{background:var(--slider-color, var(--accent-color))!important}[data-theme=dark] .slider-placeholder-icon,[data-theme=dark] .slider-header h3,[data-theme=dark] .slider-value,[data-theme=dark] .reflect-content h2{color:#fff!important}.loading-container{display:flex;justify-content:center;align-items:center;height:100vh}.loading-spinner{font-size:1.2rem;color:var(--text-color-secondary)}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:1rem}.page-content{flex:1;padding:2rem;overflow-y:auto}.feel-container{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.vision-preview{background-color:var(--surface-card);padding:1.5rem;border-radius:12px;border-left:4px solid var(--primary-color);box-shadow:0 2px 8px #0000001a}.vision-preview h3{margin:0 0 1rem;color:var(--text-color);font-size:1.1rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.vision-text{margin:0;font-size:1.2rem;line-height:1.6;color:var(--text-color);font-style:italic}.feel-prompt{text-align:center}.feel-prompt h2{margin:0;color:var(--text-color);font-size:1.8rem;font-weight:600;line-height:1.3}.feel-input-container{display:flex;justify-content:center}.feel-input{width:100%;max-width:800px;font-size:1.1rem;padding:1rem;border-radius:8px;border:2px solid var(--surface-border);background-color:var(--surface-card);color:var(--text-color);transition:all .3s ease}.feel-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.1);outline:none}.feelings-input-container{display:flex;justify-content:center;margin:2rem 0}.feelings-input-bar{width:100%;max-width:800px;min-height:60px;padding:.5rem;border:2px solid var(--surface-border);border-radius:12px;background-color:var(--surface-card);display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;transition:all .3s ease}.feelings-input-bar:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.1)}.feeling-tag-inline{background-color:var(--primary-color);color:#fff;border:none;border-radius:16px;padding:.4rem .8rem;font-size:.85rem;font-weight:500;transition:all .3s ease;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center}.feeling-tag-inline:hover{background-color:var(--primary-color-dark);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--primary-color-rgb),.3)}.feeling-input-inline{flex:1;min-width:200px;font-size:1rem;padding:.5rem;border:none;background-color:transparent;color:var(--text-color);outline:none}.feeling-input-inline::placeholder{color:var(--text-color-secondary);font-style:italic}.current-feelings{background-color:var(--surface-card);padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #0000001a}.current-feelings h3{margin:0 0 1rem;color:var(--text-color);font-size:1.1rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.feelings-list{display:flex;flex-wrap:wrap;gap:.5rem}.feeling-tag{background-color:var(--primary-color);color:#fff;border:none;border-radius:20px;padding:.5rem 1rem;font-size:.9rem;font-weight:500;transition:all .3s ease;cursor:pointer}.feeling-tag:hover{background-color:var(--primary-color-dark);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--primary-color-rgb),.3)}.other-feelings{background-color:var(--surface-card);padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #0000001a}.other-feelings h3{margin:0 0 1rem;color:var(--text-color);font-size:1.1rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.feelings-suggestions{display:flex;flex-wrap:wrap;gap:.5rem}.feeling-suggestion{background-color:transparent;color:var(--primary-color);border:1px solid var(--primary-color);border-radius:20px;padding:.5rem 1rem;font-size:.9rem;font-weight:500;transition:all .3s ease;cursor:pointer}.feeling-suggestion:hover{background-color:var(--primary-color);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--primary-color-rgb),.3)}.page-footer{padding:1rem 2rem;text-align:center;background-color:var(--surface-card);border-top:1px solid var(--surface-border)}.page-footer p{margin:0;color:var(--text-color-secondary);font-size:.9rem}@media (max-width: 768px){.page-content{padding:1rem}.feel-container{gap:1.5rem}.vision-preview,.current-feelings,.other-feelings{padding:1rem}.feel-prompt h2{font-size:1.5rem}.feel-input{font-size:1rem;padding:.8rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.feeling-tag,.feeling-suggestion{animation:fadeInUp .3s ease-out}.feeling-tag:focus,.feeling-suggestion:focus{outline:2px solid var(--primary-color);outline-offset:2px}.feeling-tag:disabled,.feeling-suggestion:disabled{opacity:.6;cursor:not-allowed;transform:none}.affirm-page{min-height:100vh;background:#000;color:#fff;display:flex;flex-direction:column}.affirm-container{max-width:1000px;margin:0 auto;padding:2rem;flex:1}.vision-preview{margin-bottom:2rem;padding:1rem;border:1px solid #333;border-radius:8px;background:#111}.vision-preview h3{margin:0 0 .5rem;color:#ccc;font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.vision-preview .vision-text{margin:0;font-size:1.1rem;line-height:1.4}.affirm-prompt{text-align:center;margin-bottom:2rem}.affirm-prompt h2{margin:0 0 1rem;font-size:1.5rem;font-weight:300}.instruction-text{color:#ccc;font-size:.9rem;margin:0}.affirm-input{display:flex;gap:1rem;margin-bottom:2rem;align-items:flex-start}.affirm-input-field{flex:1;background:#111;border:1px solid #333;color:#fff;padding:.75rem;border-radius:4px;font-size:1rem}.affirm-input-field:focus{border-color:#666;outline:none}.add-button{background:#333;border:1px solid #555;color:#fff;padding:.75rem 1.5rem;border-radius:4px;font-size:.9rem;text-transform:uppercase;letter-spacing:1px;transition:all .2s ease}.add-button:hover:not(:disabled){background:#555;border-color:#777}.add-button:disabled{opacity:.5;cursor:not-allowed}.inversion-input-container{display:flex;flex-direction:column;gap:.5rem;flex:1}.inversion-guide{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#222;border-radius:4px;border:1px solid #444}.guide-text{color:#ccc;font-size:.9rem}.guide-prompt{color:#fff;font-weight:500;font-family:monospace}.affirm-items{margin-bottom:2rem}.limitations-list,.inversions-list,.affirmations-list{margin-bottom:1rem}.limitations-list h4,.inversions-list h4,.affirmations-list h4{margin:0 0 .5rem;color:#ccc;font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.limitation-item,.inversion-item,.affirmation-item{padding:.75rem;margin-bottom:.5rem;background:#111;border:1px solid #333;border-radius:4px;font-size:.95rem;line-height:1.4}.limitation-item{border-left:3px solid #ff6b6b}.inversion-item{border-left:3px solid #4ecdc4}.affirmation-item{border-left:3px solid #45b7d1}.affirm-actions{text-align:center;margin-bottom:2rem}.next-button:disabled{opacity:.5;cursor:not-allowed}.affirm-button{background:var(--accent-color)!important;border-color:var(--accent-color)!important;color:#fff!important;font-size:1.1rem!important;padding:1.2rem 2.5rem!important;box-shadow:0 4px 12px #4dabf74d!important}.affirm-button:hover:not(:disabled){background:var(--accent-hover)!important;border-color:var(--accent-hover)!important;color:#fff!important;transform:translateY(-2px);box-shadow:0 6px 16px #4dabf766}.page-footer{text-align:center;padding:1rem;border-top:1px solid #333;background:#111}.page-footer p{margin:0;color:#ccc;font-size:.9rem}.process-dialog-content{padding:1rem 0}.process-dialog-content p{margin:0 0 1rem;line-height:1.5}.process-dialog-content ul{margin:0 0 1.5rem;padding-left:1.5rem}.process-dialog-content li{margin-bottom:.5rem;line-height:1.4}.dialog-actions{text-align:center}.continue-button{background:#4ecdc4;border:1px solid #4ecdc4;color:#000;padding:1rem 2rem;border-radius:4px;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;transition:all .2s ease}.continue-button:hover{background:#45b7d1;border-color:#45b7d1}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center}.loading-spinner{font-size:1.1rem;color:#ccc}.error-container h2{margin:0 0 1rem;color:#ff6b6b}@media (max-width: 768px){.affirm-container{padding:1rem}.affirm-input{flex-direction:column}.inversion-input-container{width:100%}.affirm-prompt h2{font-size:1.3rem}}[data-theme=dark] .affirm-input-field:focus{border-color:var(--accent-color)!important}.categorize-page{display:flex;flex-direction:column}.page-content{flex:1;padding:1rem;max-width:1000px;margin:0 auto;width:100%}.category-selection-container{display:flex;justify-content:center;align-items:center;min-height:40vh}.category-dropdown-container{width:100%;max-width:400px;margin:0 auto}.category-dropdown{background:var(--bg-primary)!important;border:2px solid var(--border-color)!important;color:var(--text-primary)!important;border-radius:12px!important;font-size:1rem!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:1px!important}.category-dropdown .p-dropdown-label{color:var(--text-primary)!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:1px!important}.category-dropdown .p-dropdown-trigger{color:var(--text-primary)!important}@media (max-width: 768px){.page-content{padding:1rem}.category-selection-container{min-height:30vh;padding:.5rem 0}.category-dropdown-container{max-width:100%;padding:0 1rem}}.boost-container{display:flex;flex-direction:column;gap:2rem}.boost-prompt{text-align:center}.boost-prompt h2{margin:0;color:var(--text-primary);font-size:1.5rem;font-weight:600;line-height:1.3}.feelings-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;margin-bottom:1rem}.feelings-section h3{margin:0 0 1rem;color:var(--text-primary);font-size:1.1rem;font-weight:600}.feeling-tag-inline{background:var(--accent-color);color:#fff;border:none;border-radius:16px;padding:.4rem .8rem;font-size:.85rem;font-weight:500;transition:all .3s ease;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center}.feeling-tag-inline:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #007bff4d}.boost-input-container{display:flex;justify-content:center;margin:1rem 0}.boost-input{width:100%;max-width:800px;font-size:1.1rem;padding:1rem;border-radius:8px;border:2px solid var(--border-color);background-color:var(--bg-primary);color:var(--text-primary);transition:all .3s ease}.boost-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #007bff1a;outline:none}.boosts-list{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;margin-bottom:1rem}.boosts-list h3{margin:0 0 1rem;color:var(--text-primary);font-size:1.1rem;font-weight:600}.boost-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;margin-bottom:.5rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;transition:all .3s ease}.boost-item:hover{background:var(--bg-tertiary);border-color:var(--accent-color)}.boost-statement{flex:1;color:var(--text-primary);font-size:1rem;line-height:1.4}.remove-boost-button{color:var(--text-secondary);background:transparent;border:none;padding:.25rem;border-radius:4px;transition:all .3s ease}.remove-boost-button:hover{color:#ff6b6b;background:#ff6b6b1a}.action-buttons{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.add-boost-button{background:var(--accent-color);border:1px solid var(--accent-color);color:#fff;padding:.75rem 2rem;font-weight:600;border-radius:8px;transition:all .3s ease}.add-boost-button:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #007bff4d}.add-boost-button:disabled{opacity:.5;cursor:not-allowed}.done-button{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);padding:.75rem 2rem;font-weight:600;border-radius:8px;transition:all .3s ease}.done-button:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--accent-color);color:var(--text-primary);transform:translateY(-1px)}.footer{padding:1rem 2rem;text-align:center;background:var(--bg-secondary);border-top:1px solid var(--border-color)}.footer p{margin:0;color:var(--text-secondary);font-size:.9rem}@media (max-width: 768px){.page-content{padding:1rem}.boost-container{gap:1.5rem}.boost-prompt h2{font-size:1.3rem}.boost-input{font-size:1rem;padding:.8rem}.action-buttons{flex-direction:column;align-items:center}.add-boost-button,.done-button{width:100%;max-width:300px}}.connect-container{display:flex;flex-direction:column;gap:2rem}.connect-current-vision{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;text-align:center}.connect-current-vision h3{margin:0 0 1rem;color:var(--text-primary);font-size:1.1rem;font-weight:600}.vision-display{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:1rem;font-size:1.1rem;line-height:1.5;color:var(--text-primary);font-style:italic}.connect-selection{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;text-align:center}.connect-selection h3{margin:0 0 1rem;color:var(--text-primary);font-size:1.2rem;font-weight:600}.instruction-text{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin:0 0 1.5rem}.vision-selector{width:100%;max-width:800px;margin:0 auto}.connect-input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;text-align:center}.connect-input h3{margin:0 0 1rem;color:var(--text-primary);font-size:1.2rem;font-weight:600}.connect-input-field{width:100%;max-width:800px;margin:0 auto 1.5rem;font-size:1.1rem;padding:1rem;border-radius:8px;border:2px solid var(--border-color);background-color:var(--bg-primary);color:var(--text-primary);transition:all .3s ease}.connect-input-field:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #007bff1a;outline:none}.connect-button{background:var(--accent-color);border:1px solid var(--accent-color);color:#fff;padding:1rem 2rem;font-weight:600;border-radius:8px;transition:all .3s ease;font-size:1.1rem}.connect-button:disabled{opacity:.5;cursor:not-allowed}.connect-target-vision{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;text-align:center}.connect-target-vision h3{margin:0 0 1rem;color:var(--text-primary);font-size:1.1rem;font-weight:600}.change-selection-button{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);padding:.75rem 1.5rem;font-weight:600;border-radius:8px;transition:all .3s ease;margin-top:1rem}.change-selection-button:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--accent-color);color:var(--text-primary);transform:translateY(-1px)}.connection-vision-association{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-color)}.connection-vision-association h4{margin:0 0 1rem;color:var(--text-primary);font-size:1.1rem;font-weight:600;text-align:center}.association-dropdowns{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:800px;margin:0 auto}.association-dropdown-container,.association-dropdown-container .vision-dropdown{width:100%}@media (max-width: 768px){.page-content{padding:1rem}.connect-container{gap:1.5rem}.connect-current-vision,.connect-selection,.connect-input,.connect-target-vision{padding:1rem}.connect-selection h3,.connect-input h3{font-size:1.1rem}.connect-input-field{font-size:1rem;padding:.8rem}.vision-selector{max-width:100%}.connection-vision-association{margin-top:1.5rem;padding-top:1.5rem}.association-dropdowns{gap:.75rem}}.timekeep-page{min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary);padding-top:120px}.timekeep-content{max-width:1000px;margin:0 auto;padding:2rem;display:flex;flex-direction:column;gap:2rem}.mode-card,.timer-card,.controls-card,.settings-card,.instructions-card{background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 12px var(--shadow)}.mode-toggle-container{display:flex;justify-content:center;padding:2rem}.mode-toggle-group{display:flex;background:var(--bg-tertiary);border-radius:25px;padding:4px;border:1px solid var(--border-color);box-shadow:inset 0 2px 4px var(--shadow)}.mode-option{display:flex;align-items:center;gap:.5rem;padding:12px 24px;border-radius:20px;border:none;background:transparent;color:var(--text-secondary);font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:140px;justify-content:center}.mode-option:hover{color:var(--text-primary);background:var(--bg-primary);transform:translateY(-1px)}.mode-option.active{background:linear-gradient(45deg,var(--accent-color),var(--accent-hover));color:#fff;box-shadow:0 4px 12px #4dabf74d}.mode-option.active:hover{transform:translateY(-2px);box-shadow:0 6px 16px #4dabf766}.mode-option i{font-size:1.2rem}.timer-display{text-align:center;padding:3rem 2rem}.timer-time{font-size:4rem;font-weight:300;font-family:Courier New,monospace;color:var(--text-primary);margin-bottom:1rem;text-shadow:0 2px 4px var(--shadow);letter-spacing:2px;line-height:1.2}.timer-warning{color:#e74c3c;animation:pulse 1s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.timer-target{font-size:1.2rem;color:var(--text-secondary);font-weight:500}.timer-controls{display:flex;justify-content:center;gap:1.5rem;padding:2rem;position:relative}.control-button{min-width:120px;height:60px;font-size:1.1rem;font-weight:600;border-radius:30px;transition:all .3s ease;border:none}.start-button{background:linear-gradient(45deg,#27ae60,#2ecc71);color:#fff}.start-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2ecc7166}.stop-button{background:linear-gradient(45deg,#e74c3c,#c0392b);color:#fff}.stop-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e74c3c66}.reset-button{background:linear-gradient(45deg,var(--text-secondary),var(--text-muted));color:#fff}.reset-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--shadow)}.timer-settings{padding:2rem;text-align:center}.timer-settings h3{margin-bottom:1.5rem;color:var(--text-primary);font-size:1.3rem;font-weight:600}.minutes-input-container{display:flex;gap:1rem;align-items:center;justify-content:center;flex-wrap:wrap}.minutes-input{min-width:200px}.minutes-input .p-inputnumber-input{font-size:1.1rem;padding:12px 16px;border-radius:8px;border:2px solid var(--border-color);background-color:var(--bg-primary);color:var(--text-primary);transition:border-color .3s ease}.minutes-input .p-inputnumber-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #4dabf71a}.set-button{background:linear-gradient(45deg,var(--accent-color),var(--accent-hover));color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;transition:all .3s ease}.set-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px var(--shadow)}.instructions{padding:2rem}.instructions h3{margin-bottom:1.5rem;color:var(--text-primary);font-size:1.3rem;font-weight:600}.instructions ul{list-style:none;padding:0;margin:0}.instructions li{margin-bottom:1rem;padding:1rem;background:var(--bg-primary);border-radius:8px;color:var(--text-primary);line-height:1.5;border:1px solid var(--border-color)}.instructions strong{color:var(--accent-color);font-weight:600}@media (max-width: 768px){.timekeep-content{padding:1rem;gap:1.5rem}.timer-time{font-size:3rem}.timer-controls{flex-direction:column;align-items:center;gap:1rem}.control-button{width:100%;max-width:200px}.minutes-input-container{flex-direction:column;align-items:stretch;gap:1rem}.minutes-input{min-width:auto;width:100%}.mode-toggle-container{padding:1.5rem}.mode-toggle-group{flex-direction:column;gap:4px;width:100%;max-width:300px}.mode-option{min-width:auto;width:100%}.timer-display{padding:2rem 1rem}.timer-settings,.instructions{padding:1.5rem}}.mode-card .p-card-title,.timer-card .p-card-title,.controls-card .p-card-title,.settings-card .p-card-title,.instructions-card .p-card-title{color:var(--text-primary);font-size:1.2rem;font-weight:600;margin-bottom:1rem;border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.mode-card .p-card-content,.timer-card .p-card-content,.controls-card .p-card-content,.settings-card .p-card-content,.instructions-card .p-card-content{padding:1rem}.timer-controls .flow-state-toggle.position-bottom-right{position:absolute;bottom:8px;right:8px;z-index:10}.timekeep-page *{transition:background-color .3s ease,color .3s ease,border-color .3s ease}.cycle-page{min-height:100vh!important;background:var(--bg-primary)!important;padding:120px 20px 20px!important;position:relative!important;color:var(--text-primary)!important}.cycle-page .loading-container{display:flex;justify-content:center;align-items:center;min-height:50vh}.cycle-page .loading-spinner{color:var(--text-primary);font-size:18px}.cycle-header-controls{display:flex;align-items:center;gap:1rem}.cycle-stats{color:var(--text-secondary);font-size:1.1rem}.cycle-unavailable{display:flex;justify-content:center;align-items:center;min-height:60vh}.unavailable-card{max-width:500px!important;text-align:center!important;background:var(--bg-primary)!important;border:1px solid var(--border-color)!important;box-shadow:0 4px 12px var(--shadow)!important}.unavailable-card h2{color:var(--text-primary)!important;margin-bottom:20px}.unavailable-card p{color:var(--text-secondary)!important;margin-bottom:30px;line-height:1.6}.stats-display{display:flex;flex-direction:column;gap:15px;margin-bottom:30px}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color)}.stat-label{font-weight:500;color:var(--text-primary)}.stat-value{font-weight:600;color:var(--accent-color)}.setup-panel{max-width:600px!important;margin:0 auto!important;background:#fff!important;border:1px solid #dee2e6!important;box-shadow:0 4px 12px #0000001a!important}[data-theme=dark] .setup-panel{background:#2d2d2d!important;border-color:#404040!important;box-shadow:0 4px 12px #0000004d!important}.setup-panel h3{color:#333!important;margin-bottom:25px;text-align:center;font-size:1.5rem}.mode-selection{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:30px}.mode-option{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;transition:all .3s ease;cursor:pointer}.mode-option:hover{background:var(--bg-tertiary);border-color:var(--accent-color);transform:translateY(-1px)}.mode-option.selected{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.checkmark-container{width:24px;height:24px;border:2px solid var(--border-color);border-radius:4px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-primary);transition:all .2s ease;flex-shrink:0}.mode-option.selected .checkmark-container{border-color:#fff;background-color:#fff}.checkmark{color:var(--accent-color);font-weight:700;font-size:16px}.mode-option.selected .checkmark{color:var(--accent-color)}.mode-label{font-size:1.1rem;font-weight:500;color:var(--text-primary);cursor:pointer;flex:1}.mode-option.selected .mode-label{color:#fff}.timing-control{margin-bottom:30px}.timing-control label{display:block;margin-bottom:15px;font-weight:500;color:var(--text-primary);font-size:1.1rem}.timing-slider{width:100%}.cycle-display{max-width:800px!important;margin:0 auto!important;background:#fff!important;border:1px solid #dee2e6!important;border-radius:16px!important;padding:30px!important;box-shadow:0 4px 12px #0000001a!important;text-align:center!important}[data-theme=dark] .cycle-display{background:#2d2d2d!important;border-color:#404040!important;box-shadow:0 4px 12px #0000004d!important}.cycle-controls{display:flex;justify-content:center;align-items:center;gap:20px;margin-bottom:30px}.pause-button{background:#ffc107!important;border-color:#ffc107!important;color:#fff!important}.pause-button:hover{background:#e0a800!important;border-color:#e0a800!important}.stop-button{background:#dc3545!important;border-color:#dc3545!important;color:#fff!important}.stop-button:hover{background:#c82333!important;border-color:#c82333!important}.cycle-info{color:var(--text-secondary);font-size:1.1rem;font-weight:500}.vision-content{margin:40px 0;min-height:300px;display:flex;flex-direction:column;justify-content:center;align-items:center}.vision-title{font-size:2.5rem;font-weight:300;color:var(--text-primary);margin-bottom:20px;line-height:1.3;text-align:center;max-width:100%;word-wrap:break-word}.vision-image{max-width:100%;max-height:400px;display:flex;justify-content:center;align-items:center}.vision-image img{max-width:100%;max-height:400px;object-fit:contain;border-radius:8px;box-shadow:0 4px 16px #0000001a}.cycle-progress{margin-top:30px;height:8px!important;border-radius:4px!important}.timing-hover-area{position:fixed;bottom:0;left:0;right:0;height:60px;z-index:999;cursor:pointer}.timing-control-overlay{position:fixed;bottom:-100px;left:50%;transform:translate(-50%);background:var(--bg-primary);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:20px 30px;border-radius:12px 12px 0 0;color:var(--text-primary);transition:all .4s cubic-bezier(.4,0,.2,1);z-index:1000;box-shadow:0 -4px 20px var(--shadow);border:1px solid var(--border-color)}.timing-control-overlay.visible{bottom:0}.timing-control-content{display:flex;flex-direction:column;align-items:center;gap:15px;min-width:300px}.timing-control-content label{font-size:1.1rem;font-weight:600;margin:0;color:var(--text-primary)}.overlay-slider{width:100%;margin:10px 0}.overlay-slider .p-slider-handle{background:var(--accent-color)!important;border:2px solid var(--bg-primary)!important;box-shadow:0 2px 8px var(--shadow)!important}.overlay-slider .p-slider-range{background:linear-gradient(90deg,var(--accent-color),var(--accent-hover))!important}.keyboard-hint{font-size:.85rem;color:var(--text-secondary);text-align:center;line-height:1.4;font-style:italic}@media (max-width: 768px){.cycle-page{padding:120px 15px 15px}.setup-panel{margin:0 10px}.cycle-display{margin:0 10px;padding:20px}.vision-title{font-size:2rem}.timing-control-overlay{left:10px;right:10px;transform:none;min-width:auto;padding:15px 20px}.timing-control-content{min-width:auto}.overlay-slider .p-slider-handle{width:18px!important;height:18px!important;border-width:2px!important}.overlay-slider .p-slider{background-color:#e9ecef!important;height:6px!important}}@media (max-width: 480px){.cycle-controls{flex-direction:column;gap:15px}.vision-title{font-size:1.5rem}.vision-image{max-height:250px}}[data-theme=dark] .setup-panel,[data-theme=dark] .cycle-display{background:#000!important;border:none!important;box-shadow:0 4px 16px #000c!important}[data-theme=dark] .setup-panel h3{color:#fff!important}[data-theme=dark] .mode-option.selected .checkmark-container{background-color:var(--accent-color)!important;border-color:var(--accent-color)!important}.listen-container{display:flex;flex-direction:column;gap:2rem}.vision-preview{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;margin-bottom:1rem}.vision-preview h3{margin:0 0 1rem;color:var(--text-primary);font-size:1.1rem;font-weight:600}.vision-text{margin:0;font-size:1.1rem;line-height:1.5;color:var(--text-primary);font-style:italic}.listen-prompt{text-align:center}.listen-prompt h2{margin:0;color:var(--text-primary);font-size:1.5rem;font-weight:600;line-height:1.3}.listen-input-container{display:flex;justify-content:center;margin:1rem 0}.listen-input{width:100%;max-width:800px;font-size:1.1rem;padding:1rem;border-radius:8px;border:2px solid var(--border-color);background-color:var(--bg-primary);color:var(--text-primary);transition:all .3s ease}.listen-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #007bff1a;outline:none}.listen-instructions{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;text-align:center}.listen-instructions p{margin:0;color:var(--text-secondary);font-size:1rem;line-height:1.6}.page-footer{padding:1rem 2rem;text-align:center;background:var(--bg-secondary);border-top:1px solid var(--border-color)}.page-footer p{margin:0;color:var(--text-secondary);font-size:.9rem}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:1rem}.loading-spinner{font-size:1.2rem;color:var(--text-secondary)}.error-container h2{color:#ff6b6b;margin-bottom:1rem}@media (max-width: 768px){.page-content{padding:1rem}.listen-container{gap:1.5rem}.vision-preview,.listen-instructions{padding:1rem}.listen-prompt h2{font-size:1.3rem}.listen-input{font-size:1rem;padding:.8rem}}.audio-recorder{max-width:500px;margin:0 auto}.audio-recorder-content{display:flex;flex-direction:column;gap:1rem}.audio-recorder-error{margin-bottom:.5rem}.audio-recorder-status{display:flex;align-items:center;justify-content:center;min-height:2rem}.recording-indicator{display:flex;align-items:center;gap:.5rem;color:#dc3545;font-weight:500}.recording-dot{width:12px;height:12px;background-color:#dc3545;border-radius:50%;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.recording-complete{display:flex;align-items:center;gap:.5rem;color:#28a745;font-weight:500}.audio-recorder-progress{display:flex;flex-direction:column;gap:.25rem}.progress-text{text-align:center;color:#6c757d;font-size:.875rem}.audio-recorder-controls{display:flex;flex-direction:column;gap:1rem}.recording-controls{display:flex;justify-content:center}.playback-controls{display:flex;flex-direction:column;gap:1rem}.playback-buttons,.recording-actions{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap}.audio-recorder-info{text-align:center;padding:.5rem;background-color:#f8f9fa;border-radius:.375rem;border:1px solid #e9ecef}.audio-recorder-info small{color:#6c757d}.audio-recorder-info i{margin-right:.25rem}@media (max-width: 480px){.playback-buttons,.recording-actions{flex-direction:column}.playback-buttons button,.recording-actions button{width:100%}}@media (prefers-color-scheme: dark){.audio-recorder-info{background-color:#343a40;border-color:#495057}.audio-recorder-info small{color:#adb5bd}}.audio-playback{max-width:400px;margin:0 auto}.audio-playback-content{display:flex;flex-direction:column;gap:1rem}.audio-playback-title h4{margin:0;text-align:center;color:#495057;font-size:1.1rem;font-weight:500}.audio-playback-error{margin-bottom:.5rem}.audio-playback-loading{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;color:#6c757d}.audio-playback-progress{display:flex;flex-direction:column;gap:.5rem}.audio-progress-bar{height:8px}.progress-time{display:flex;justify-content:space-between;font-size:.875rem;color:#6c757d}.audio-playback-seek{margin:.5rem 0}.seek-slider{width:100%;height:6px;border-radius:3px;background:#e9ecef;outline:none;-webkit-appearance:none;cursor:pointer}.seek-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#007bff;cursor:pointer;border:2px solid var(--bg-primary);box-shadow:0 2px 4px #0003}.seek-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#007bff;cursor:pointer;border:2px solid var(--bg-primary);box-shadow:0 2px 4px #0003}.audio-playback-controls{display:flex;flex-direction:column;gap:1rem}.playback-buttons{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap}.playback-actions{display:flex;justify-content:center}.audio-playback-info{text-align:center;padding:.5rem;background-color:#f8f9fa;border-radius:.375rem;border:1px solid #e9ecef}.audio-playback-info small{color:#6c757d;display:flex;align-items:center;justify-content:center;gap:.25rem}.audio-playback-info i{font-size:.875rem}@media (max-width: 480px){.playback-buttons{flex-direction:column}.playback-buttons button{width:100%}}@media (prefers-color-scheme: dark){.audio-playback-title h4{color:#adb5bd}.audio-playback-info{background-color:#343a40;border-color:#495057}.audio-playback-info small{color:#adb5bd}.seek-slider{background:#495057}.seek-slider::-webkit-slider-thumb{background:#007bff;border-color:#343a40}.seek-slider::-moz-range-thumb{background:#007bff;border-color:#343a40}}.audio-recorder-with-storage{display:flex;flex-direction:column;gap:2rem;max-width:600px;margin:0 auto}.recorder-section{display:flex;justify-content:center}.main-recorder{width:100%;max-width:500px}.saved-recordings-section h4{margin:0 0 1rem;color:#495057;font-size:1.2rem;font-weight:600}.recordings-list{display:flex;flex-direction:column;gap:1rem}.recording-item{display:flex;flex-direction:column;gap:1rem;padding:1rem;border:1px solid #e9ecef;border-radius:.5rem;background-color:#f8f9fa;transition:all .2s ease}.recording-item:hover{border-color:#007bff;box-shadow:0 2px 8px #007bff1a}.recording-info{display:flex;flex-direction:column;gap:.25rem}.recording-info h5{margin:0;color:#212529;font-size:1rem;font-weight:500}.recording-info small{color:#6c757d;font-size:.875rem}.recording-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.playback-component{flex:1;min-width:200px}.save-dialog-content{display:flex;flex-direction:column;gap:1.5rem}.field label{font-weight:500;color:#495057}.recording-preview{padding:1rem;background-color:#f8f9fa;border-radius:.375rem;border:1px solid #e9ecef}.preview-player{max-width:100%}.dialog-actions{display:flex;justify-content:flex-end;gap:.5rem}@media (max-width: 768px){.recording-item{padding:.75rem}.recording-actions{flex-direction:column;align-items:stretch}.playback-component{min-width:unset}.dialog-actions{flex-direction:column}.dialog-actions button{width:100%}}@media (prefers-color-scheme: dark){.saved-recordings-section h4{color:#adb5bd}.recording-item{background-color:#343a40;border-color:#495057}.recording-item:hover{border-color:#007bff;box-shadow:0 2px 8px #007bff33}.recording-info h5{color:#f8f9fa}.recording-info small{color:#adb5bd}.recording-preview{background-color:#343a40;border-color:#495057}.field label{color:#adb5bd}}.speak-page{min-height:100vh;background:var(--bg-secondary)!important;color:var(--text-primary)!important;display:flex;flex-direction:column}.speak-page .loading-container,.speak-page .error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:1rem}.speak-page .loading-spinner{font-size:1.2rem;color:var(--text-secondary)}.speak-page .error-container h2{color:#ff6b6b;margin-bottom:1rem}.page-content{flex:1;padding:2rem;max-width:1000px;margin:0 auto;width:100%}.speak-container{display:flex;flex-direction:column;gap:2rem}.speak-prompt{text-align:center;margin:2rem 0}.speak-prompt h2{font-size:2rem;margin:0 0 1rem;color:var(--text-primary)}.speak-prompt p{font-size:1.1rem;line-height:1.6;color:var(--text-secondary);margin:0}.affirmations-list{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;box-shadow:0 2px 8px var(--shadow)}.affirmations-list h3{margin:0 0 1rem;font-size:1.2rem;color:var(--text-primary)}.affirmations-grid{display:grid;gap:1rem}.affirmation-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:1rem}.affirmation-text{margin:0;font-size:1rem;line-height:1.5;color:var(--text-primary)}.audio-recorder-section{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;box-shadow:0 2px 8px var(--shadow)}.audio-recorder-section h3{margin:0 0 1rem;font-size:1.2rem;color:var(--text-primary)}.speak-audio-recorder{margin-top:1rem}.speak-instructions{background-color:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1.5rem;text-align:center}.speak-instructions p{margin:0;font-size:1rem;line-height:1.6;opacity:.8}.page-footer{padding:1rem 2rem;text-align:center;border-top:1px solid rgba(255,255,255,.1);background-color:#ffffff05}.page-footer p{margin:0;font-size:.9rem;opacity:.7}@media (max-width: 768px){.page-content{padding:1rem}.speak-prompt h2{font-size:1.5rem}.vision-text{font-size:1.1rem}.affirmations-grid{grid-template-columns:1fr}}.recordings-list{background-color:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1.5rem}.recordings-list h3{margin:0 0 1rem;font-size:1.2rem;color:#fff}.recordings-grid{display:grid;gap:1rem}.recording-item{background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.recording-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.recording-title{margin:0;font-size:1.1rem;color:#fff;flex:1}.recording-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;font-size:.85rem;opacity:.7}.recording-duration{font-weight:500}.recording-date{font-size:.8rem}.affirmation-association{background-color:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:4px;padding:.75rem}.affirmation-label{margin:0 0 .5rem;font-size:.85rem;opacity:.8;color:#fff}.affirmation-text{margin:0 0 .5rem;font-size:.95rem;color:#fff;font-style:italic}.vision-text{margin:0;font-size:.85rem;opacity:.7;color:#fff}.recording-playback{margin:.5rem 0}.speak-playback{width:100%}.recording-actions{display:flex;justify-content:flex-end;gap:.5rem}.affirmations-reference{background-color:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1.5rem}.affirmations-reference h3{margin:0 0 .5rem;font-size:1.2rem;color:#fff}.reference-note{margin:0 0 1rem;font-size:.9rem;opacity:.8;color:#fff}.affirmation-reference-item{background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:1rem}.affirmation-reference-item .affirmation-text{margin:0 0 .5rem;font-size:1rem;line-height:1.5;color:#fff}.vision-reference{margin:0;font-size:.85rem;opacity:.7;color:#fff}.more-affirmations{background-color:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:1rem;text-align:center}.more-affirmations p{margin:0;font-size:.9rem;opacity:.7;color:#fff}.speak-page{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.practice-settings-modal .p-dialog-content{padding:1.5rem;max-height:70vh;overflow-y:auto}.settings-content{display:flex;flex-direction:column;gap:2rem}.settings-section{display:flex;flex-direction:column;gap:1rem}.section-title{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.section-title i{color:var(--accent-color)}.section-description{margin:0;color:var(--text-secondary);font-size:.9rem;line-height:1.4}.question-category{display:flex;flex-direction:column;gap:1rem}.category-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.category-title{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.category-title i{font-size:1.2rem;color:var(--accent-color)}.category-header-buttons{display:flex;gap:.25rem;align-items:center}.category-toggle-btn{padding:.25rem!important;min-width:auto!important;width:auto!important}.category-toggle-btn .p-button-icon{font-size:1rem}.question-types-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.question-type-item{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;transition:all .2s ease;cursor:pointer}.question-type-item:hover{border-color:var(--accent-color);box-shadow:0 2px 8px var(--shadow)}.question-type-item-selected{border-color:var(--accent-color);background:#4dabf71a;box-shadow:0 2px 8px var(--shadow)}.question-type-checkbox{display:flex;align-items:center;gap:.75rem}.question-type-label{font-weight:500;color:var(--text-primary);cursor:pointer;margin:0}.question-type-description{margin:0;font-size:.85rem;color:var(--text-secondary);line-height:1.3;margin-left:2rem}.ranking-question-type{background-color:#64b5f61a;border-left:3px solid #64b5f6}.ranking-badge{display:inline-block;background-color:#64b5f6;color:#fff;font-size:.7rem;padding:2px 6px;border-radius:10px;margin-left:8px;vertical-align:middle}.setting-group{display:flex;flex-direction:column;gap:1rem}.toggle-group{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px}.toggle-label{font-weight:500;color:var(--text-primary);cursor:pointer;margin:0}.radio-group{display:flex;flex-direction:column;gap:.75rem}.radio-option{display:flex;align-items:center;gap:.5rem}.radio-label{cursor:pointer;color:var(--text-primary);margin:0}.input-group{display:flex;align-items:center;gap:1rem;margin-left:1.5rem}.input-label{font-weight:500;color:var(--text-primary);white-space:nowrap}.number-input{width:80px;max-width:80px}.number-input .p-inputnumber-input{width:80px;min-width:80px;max-width:80px;height:32px;min-height:32px;text-align:center;padding:.25rem .5rem}.number-input .p-inputnumber-button-group{width:30px!important;height:32px!important;display:flex!important;flex-direction:column!important}.number-input .p-inputnumber-button{width:30px!important;height:16px!important;min-height:16px!important;max-height:16px!important;background:var(--bg-primary)!important;border:1px solid var(--border-color)!important;border-radius:2px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:10px!important;color:var(--text-primary)!important;padding:0!important;margin:0!important}.number-input .p-inputnumber-button:hover{background:var(--bg-secondary)!important;border-color:var(--accent-color)!important}.number-input .p-inputnumber-button:first-child{border-bottom:none!important;border-radius:2px 2px 0 0!important}.number-input .p-inputnumber-button:last-child{border-top:none!important;border-radius:0 0 2px 2px!important}.number-input .p-inputnumber-button .p-button-icon{font-size:8px!important;line-height:1!important}.number-input .p-inputnumber-button-up:before{content:"▲"!important;font-size:8px!important;color:var(--text-primary)!important}.number-input .p-inputnumber-button-down:before{content:"▼"!important;font-size:8px!important;color:var(--text-primary)!important}.settings-modal-footer{display:flex;justify-content:space-between;align-items:center;padding:1rem 0 0;border-top:1px solid var(--border-color)}.footer-buttons-right,.footer-buttons-left{display:flex;gap:.5rem}@media (max-width: 768px){.practice-settings-modal{width:95vw!important;max-width:none!important}.practice-settings-modal .p-dialog-content{padding:1rem;max-height:80vh}.question-types-grid{grid-template-columns:1fr}.question-type-item{padding:.75rem}.input-group{flex-direction:column;align-items:flex-start;gap:.5rem;margin-left:0}.number-input{width:80px;max-width:80px}.settings-modal-footer{flex-direction:column;gap:1rem;align-items:stretch}.footer-buttons-right,.footer-buttons-left{justify-content:center}.section-title{font-size:1.1rem}.category-title{font-size:.9rem}.category-header-buttons{gap:.125rem}.category-toggle-btn .p-button-icon{font-size:.9rem}}[data-theme=dark] .practice-settings-modal .p-dialog,[data-theme=dark] .practice-settings-modal .p-dialog-content{background:#000!important;color:#fff!important;border:none!important;box-shadow:0 10px 30px #000c!important}[data-theme=dark] .practice-settings-modal .p-dialog-header{background:#000!important;border-bottom:1px solid #1a1a1a!important;color:#fff!important}[data-theme=dark] .practice-settings-modal .p-dialog-header .p-dialog-title{color:#fff!important}[data-theme=dark] .practice-settings-modal .p-dialog-footer{background:#000!important;border-top:1px solid #1a1a1a!important;color:#fff!important}[data-theme=dark] .practice-settings-modal .section-title,[data-theme=dark] .practice-settings-modal .section-description,[data-theme=dark] .practice-settings-modal .category-title,[data-theme=dark] .practice-settings-modal .question-type-label,[data-theme=dark] .practice-settings-modal .question-type-description,[data-theme=dark] .practice-settings-modal .radio-label,[data-theme=dark] .practice-settings-modal .input-label,[data-theme=dark] .practice-settings-modal .settings-modal-footer{color:#fff!important}[data-theme=dark] .practice-settings-modal .question-type-item{background:#0a0a0a!important;border:1px solid #1a1a1a!important;box-shadow:0 2px 8px #00000080!important;cursor:pointer!important}[data-theme=dark] .practice-settings-modal .question-type-item:hover{background:#1a1a1a!important;border-color:var(--accent-color)!important;box-shadow:0 4px 12px #0009!important}[data-theme=dark] .practice-settings-modal .question-type-item-selected{background:#4dabf726!important;border-color:var(--accent-color)!important;box-shadow:0 4px 12px #4dabf74d!important}[data-theme=dark] .practice-settings-modal .category-header{border-bottom-color:#1a1a1a!important}[data-theme=dark] .practice-settings-modal .category-title{border-bottom-color:transparent!important}[data-theme=dark] .practice-settings-modal .settings-section,[data-theme=dark] .practice-settings-modal .setting-group,[data-theme=dark] .practice-settings-modal .toggle-group{background:transparent!important;border:none!important}[data-theme=dark] .practice-settings-modal .p-divider,[data-theme=dark] .practice-settings-modal .p-divider.p-divider-horizontal:before{border-top-color:#1a1a1a!important}[data-theme=dark] .practice-settings-modal .settings-modal-footer{border-top-color:#1a1a1a!important}[data-theme=dark] .practice-settings-modal .p-checkbox .p-checkbox-box{background:#0a0a0a!important;border:1px solid rgba(255,255,255,.3)!important;box-shadow:inset 0 0 0 1px #ffffff14;transition:border-color .2s ease,box-shadow .2s ease;color:#fff!important}[data-theme=dark] .practice-settings-modal .p-checkbox .p-checkbox-box:hover{border-color:var(--accent-color)!important}[data-theme=dark] .practice-settings-modal .p-checkbox .p-checkbox-box.p-highlight{background:var(--accent-color)!important;border-color:var(--accent-color)!important;box-shadow:none;color:#fff!important}[data-theme=dark] .practice-settings-modal .p-checkbox .p-checkbox-icon,[data-theme=dark] .practice-settings-modal .p-checkbox .p-checkbox-label{color:#fff!important}[data-theme=dark] .practice-settings-modal .p-radiobutton .p-radiobutton-box{background:#0a0a0a!important;border:1px solid #1a1a1a!important;color:#fff!important}[data-theme=dark] .practice-settings-modal .p-radiobutton .p-radiobutton-box:hover{border-color:var(--accent-color)!important}[data-theme=dark] .practice-settings-modal .p-radiobutton .p-radiobutton-box.p-highlight{background:var(--accent-color)!important;border-color:var(--accent-color)!important;color:#fff!important}[data-theme=dark] .practice-settings-modal .p-radiobutton .p-radiobutton-icon,[data-theme=dark] .practice-settings-modal .p-radiobutton .p-radiobutton-label{color:#fff!important}[data-theme=dark] .practice-settings-modal .p-inputnumber .p-inputnumber-input{background:#0a0a0a!important;border:1px solid #1a1a1a!important;color:#fff!important}[data-theme=dark] .practice-settings-modal .p-inputnumber .p-inputnumber-input:focus{border-color:var(--accent-color)!important;box-shadow:0 0 0 3px #4dabf733!important}[data-theme=dark] .practice-settings-modal .p-inputnumber .p-inputnumber-button{background:#0a0a0a!important;border:1px solid #1a1a1a!important;color:#fff!important}[data-theme=dark] .practice-settings-modal .p-inputnumber .p-inputnumber-button:hover{background:#1a1a1a!important;border-color:var(--accent-color)!important}[data-theme=dark] .practice-settings-modal .p-button{background:#0a0a0a!important;border:1px solid #1a1a1a!important;color:#fff!important}[data-theme=dark] .practice-settings-modal .p-button:hover{background:#1a1a1a!important;border-color:var(--accent-color)!important;color:#fff!important}[data-theme=dark] .practice-settings-modal .p-button.p-button-primary{background:var(--accent-color)!important;border-color:var(--accent-color)!important;color:#fff!important}[data-theme=dark] .practice-settings-modal .p-button.p-button-primary:hover{background:var(--accent-hover)!important;border-color:var(--accent-hover)!important;color:#fff!important}[data-theme=dark] .practice-settings-modal .p-button.p-button-secondary{background:#0a0a0a!important;border:1px solid #1a1a1a!important;color:#fff!important}[data-theme=dark] .practice-settings-modal .p-button.p-button-secondary:hover{background:#1a1a1a!important;border-color:var(--accent-color)!important;color:#fff!important}[data-theme=dark] .practice-settings-modal .p-button.p-button-text{background:transparent!important;border:none!important;color:#fff!important}[data-theme=dark] .practice-settings-modal .p-button.p-button-text:hover{background:#1a1a1a!important;border:1px solid #1a1a1a!important;color:#fff!important}[data-theme=dark] .practice-settings-modal .p-dialog-content::-webkit-scrollbar{width:6px}[data-theme=dark] .practice-settings-modal .p-dialog-content::-webkit-scrollbar-track{background:#000;border-radius:3px}[data-theme=dark] .practice-settings-modal .p-dialog-content::-webkit-scrollbar-thumb{background:#1a1a1a;border-radius:3px}[data-theme=dark] .practice-settings-modal .p-dialog-content::-webkit-scrollbar-thumb:hover{background:#2a2a2a}[data-theme=dark] .practice-settings-modal .section-title i{color:var(--accent-color)!important}[data-theme=dark] .practice-settings-modal .question-type-checkbox:focus-within .question-type-label{color:var(--accent-color)!important}[data-theme=dark] .practice-settings-modal .radio-option:focus-within .radio-label{color:var(--accent-color)!important}.question-type-item{transition:all .2s cubic-bezier(.4,0,.2,1)}.radio-option{transition:all .2s ease}.question-type-checkbox:focus-within .question-type-label{color:var(--accent-color)}.radio-option:focus-within .radio-label{color:var(--accent-color)}.p-checkbox .p-checkbox-box{border-radius:4px}.p-radiobutton .p-radiobutton-box{border-radius:50%}.p-inputnumber{border-radius:12px}.p-inputnumber-input{text-align:center;font-weight:500}.p-button{border-radius:12px;font-weight:500}.practice-settings-modal .p-dialog-content::-webkit-scrollbar{width:6px}.practice-settings-modal .p-dialog-content::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:3px}.practice-settings-modal .p-dialog-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.practice-settings-modal .p-dialog-content::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}.practice-completion-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);padding:20px;transition:background-color .3s ease}.practice-completion-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 12px var(--shadow);padding:60px 40px;max-width:500px;width:100%;text-align:center;transition:all .3s ease}[data-theme=dark] .practice-completion-card{border:none;box-shadow:0 4px 16px #0009}.practice-completion-icon{font-size:64px;margin:0 auto 24px;display:block;text-align:center;width:100%}.practice-completion-card h1{margin:0 0 20px;font-size:28px;font-weight:700;color:var(--text-primary)}.practice-completion-card p{margin:0 0 32px;font-size:16px;color:var(--text-secondary);line-height:1.6}.go-to-visions-button{width:100%;padding:14px 28px;background:var(--accent-color);border:1px solid var(--accent-color);color:#fff;font-size:16px;font-weight:600;border-radius:8px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.go-to-visions-button:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);transform:translateY(-2px);box-shadow:0 6px 20px #007bff4d}.go-to-visions-button:disabled{opacity:.6;cursor:not-allowed}.go-to-visions-button .p-button-icon{font-size:18px}@media (max-width: 768px){.practice-completion-card{padding:40px 24px}.practice-completion-icon{font-size:48px;margin-bottom:20px}.practice-completion-card h1{font-size:24px;margin-bottom:16px}.practice-completion-card p{font-size:15px;margin-bottom:28px}}@media (max-width: 480px){.practice-completion-container{padding:16px}.practice-completion-card{padding:32px 20px}.practice-completion-icon{font-size:40px;margin-bottom:16px}.practice-completion-card h1{font-size:22px;margin-bottom:12px}.practice-completion-card p{font-size:14px;margin-bottom:24px}.go-to-visions-button{padding:12px 24px;font-size:15px}}.practice-page .page-content{margin-top:40px!important}.practice-session-container{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;height:calc(100vh - 180px);overflow-y:auto;padding-bottom:1rem}.practice-progress{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1rem;margin-bottom:.5rem}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.progress-text{color:var(--text-primary);font-weight:600;font-size:1.1rem}.completed-text{color:var(--text-secondary);font-size:1rem}.progress-bar{width:100%;height:8px;background:var(--bg-primary);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:var(--accent-color);border-radius:4px;transition:width .3s ease}.practice-everything-container{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:.5rem}.practice-header{text-align:center;padding:.5rem 0;background:transparent;border-radius:0;border:none}.practice-description{margin:0;font-size:1rem;line-height:1.4;color:var(--text-primary)}.practice-info{display:flex;justify-content:center}.info-card{background:transparent;border:none;border-radius:12px;padding:.75rem;max-width:1000px}.info-card h3{margin:0 0 .5rem;color:var(--text-primary);font-size:1.1rem;font-weight:600}.info-card ul{margin:0;padding-left:1.5rem;color:var(--text-secondary);line-height:1.4}.info-card li{margin-bottom:.25rem}.practice-actions{display:flex;flex-direction:column;align-items:center;gap:.5rem}.start-practice-with-flow{position:relative;width:100%;max-width:420px;display:flex;align-items:center;justify-content:center}.practice-button-flow-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);z-index:10;pointer-events:auto}.practice-button-flow-toggle .inline-toggle{transform:scale(.95);box-shadow:0 2px 8px #00000026}.start-practice-button{background:var(--accent-color);border:1px solid var(--accent-color);color:#fff;padding:.875rem 1.5rem;font-size:1.1rem;font-weight:600;border-radius:8px;transition:all .3s ease;width:100%;max-width:420px}.start-practice-button.p-button{justify-content:flex-start!important}.start-practice-button .p-button-label{flex:0 0 auto!important;margin-left:.5rem!important}.start-practice-button .p-button-icon{margin-right:0!important}.start-practice-button:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);transform:translateY(-2px);box-shadow:0 6px 20px #007bff4d}.start-practice-button:disabled{opacity:.6;cursor:not-allowed}.settings-button{background:transparent;border:2px solid var(--accent-color);color:var(--accent-color);padding:.75rem 1.5rem;font-size:1rem;font-weight:500;border-radius:8px;transition:all .3s ease}.settings-button:hover:not(:disabled){background:var(--accent-color);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #007bff33}@media (max-width: 768px){.practice-page .page-content{margin-top:20px!important}.practice-session-container{height:calc(100vh - 160px);padding:0 .5rem}.practice-everything-container{padding:.5rem}.practice-header,.info-card{padding:.75rem;margin-bottom:.25rem}.progress-info{flex-direction:column;gap:.5rem;align-items:flex-start}}.advanced-page{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px}.advanced-content{width:100%;max-width:600px;display:flex;justify-content:center;align-items:center}.advanced-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:24px}.coming-soon-card{text-align:center;padding:60px 24px!important}.coming-soon-content{display:flex;flex-direction:column;align-items:center;gap:24px}.coming-soon-icon{margin-bottom:8px}.coming-soon-title{color:var(--text-primary);font-size:2.5rem;font-weight:600;margin:0}.coming-soon-message{color:var(--text-secondary);font-size:1.1rem;line-height:1.6;margin:0;max-width:500px}@media (max-width: 768px){.advanced-page{padding:16px;min-height:100vh}.advanced-content{max-width:100%}.advanced-card{padding:16px}.coming-soon-card{padding:40px 16px!important}.coming-soon-title{font-size:2rem}.coming-soon-message{font-size:1rem}}.search-results-page{min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary);padding-top:120px}.search-results-content{max-width:1200px;margin:0 auto;padding:2rem;display:flex;flex-direction:column;gap:2rem}.search-input-section{display:flex;flex-direction:column;gap:1rem;align-items:center}.search-input-container{position:relative;width:100%;max-width:600px;display:flex;align-items:center}.search-icon{position:absolute;left:12px;color:var(--text-color-secondary);z-index:1}.search-input{width:100%;padding:16px 20px 16px 44px;border:2px solid var(--surface-border);border-radius:12px;font-size:18px;background:var(--surface-card);transition:all .2s ease}.search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-color-20)}.search-stats{color:var(--text-color-secondary);font-size:14px;font-weight:500}.search-prompt{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;text-align:center;gap:1rem}.search-prompt i{font-size:4rem;color:var(--text-color-secondary);opacity:.5}.search-prompt h3{color:var(--text-color);font-size:1.5rem;font-weight:600;margin:0}.search-prompt p{color:var(--text-color-secondary);font-size:1rem;margin:0;max-width:400px}.search-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;gap:1rem}.search-loading i{font-size:2rem;color:var(--primary-color)}.search-loading span{color:var(--text-color-secondary);font-size:1rem}.search-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;gap:1rem;color:var(--red-500)}.search-error i{font-size:2rem}.no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;text-align:center;gap:1rem}.no-results i{font-size:4rem;color:var(--text-color-secondary);opacity:.5}.no-results h3{color:var(--text-color);font-size:1.5rem;font-weight:600;margin:0}.no-results p{color:var(--text-color-secondary);font-size:1rem;margin:0;max-width:400px}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.result-card{cursor:pointer;transition:all .3s ease;border:1px solid var(--surface-border);background:var(--surface-card);border-radius:12px;overflow:hidden}.result-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px var(--shadow);border-color:var(--primary-color)}.result-card.stealth-mode{background:var(--bg-tertiary)!important;border-color:var(--border-color)!important;opacity:.8}.result-card.stealth-mode .result-title{color:var(--text-color-secondary)!important;font-weight:600;letter-spacing:1px}.result-card.stealth-mode .result-content{color:var(--text-color-secondary)!important;opacity:.7}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--surface-border)}.result-type{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.result-type i{font-size:14px}.result-date{font-size:11px;color:var(--text-color-secondary)}.result-title{font-size:1.1rem;font-weight:600;color:var(--text-color);margin-bottom:12px;line-height:1.4}.result-content{font-size:14px;color:var(--text-color-secondary);line-height:1.5;margin-bottom:16px}.result-footer{display:flex;justify-content:flex-end}.view-button{color:var(--primary-color)!important;font-weight:500!important}.view-button:hover{background:var(--primary-color-10)!important}@media (max-width: 768px){.search-results-content{padding:1rem}.search-input{font-size:16px;padding:14px 18px 14px 40px}.results-grid{grid-template-columns:1fr;gap:1rem}.search-prompt i,.no-results i{font-size:3rem}.search-prompt h3,.no-results h3{font-size:1.25rem}}@media (prefers-color-scheme: dark){.result-card:hover{box-shadow:0 8px 25px #0000004d}}.settings-page{min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary);padding-top:120px}.settings-search-container{max-width:800px;margin:0 auto;padding:1rem 2rem 0}.settings-content{max-width:800px;margin:0 auto;padding:2rem;display:flex;flex-direction:column;gap:2rem}.settings-header{text-align:center;margin-bottom:3rem;padding-bottom:0;border-bottom:none!important}.settings-subtitle{color:var(--text-secondary);margin:.5rem 0 1rem;font-size:1rem}.settings-header .search-container{max-width:400px;margin:.5rem auto 0!important}.search-container .p-input-icon-left>i{top:50%;transform:translateY(-50%)}.search-container .p-input-icon-left>.p-inputtext{padding-left:2.5rem}.settings-cards-container{display:flex;flex-direction:column;gap:1.5rem;margin-top:.5rem}.settings-card:first-of-type{border-top:none}.settings-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.settings-card .p-card-header{background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);padding:1rem}.settings-card .p-card-title{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0}.settings-card .p-card-content{padding:1rem}.settings-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.settings-card-icon{width:2.5rem;height:2.5rem;background:var(--accent-color);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem}.settings-card-info{flex:1}.settings-card-title{font-size:1.25rem;font-weight:600;margin:0 0 .25rem;color:var(--text-primary)}.settings-card-description{font-size:.9rem;color:var(--text-secondary);margin:0;line-height:1.4}.settings-card-content{display:flex;flex-direction:column;gap:1rem}.setting-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:transparent;border:1px solid transparent;border-radius:6px;transition:all .2s ease}.setting-item:hover{background:transparent;border-color:transparent}.setting-header{display:flex;align-items:center;gap:.75rem;flex:1}.setting-icon{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;color:var(--accent-color);font-size:1rem}.setting-info{flex:1}.setting-label{font-weight:500;color:var(--text-primary);margin:0 0 .25rem;font-size:.95rem}.setting-description{font-size:.85rem;color:var(--text-secondary);margin:0;line-height:1.3}.setting-control{margin-left:1rem}.theme-toggle{min-width:120px}.font-size-dropdown{min-width:200px;width:100%}.default-page-dropdown,.default-action-sort-dropdown,.default-action-sort-vision-dropdown{min-width:200px}.export-button{min-width:100px}.setting-toggle{min-width:60px}.no-results-card{text-align:center;background:var(--bg-secondary);border:1px solid var(--border-color)}.no-results-content{padding:2rem}.no-results-icon{font-size:2rem;color:var(--text-muted);margin-bottom:1rem}.no-results-text{color:var(--text-secondary);margin-bottom:1rem}.clear-search-button{color:var(--accent-color)}.settings-footer{display:flex;justify-content:center;padding-top:1rem;border-top:1px solid var(--border-color)}.footer-button{color:var(--text-secondary)}.footer-button:hover{color:var(--accent-color)}@media (max-width: 768px){.settings-page{padding-top:100px}.settings-content{padding:1rem}.settings-search-container{padding:.5rem 1rem 0}.setting-item{flex-direction:column;align-items:stretch;gap:.75rem}.setting-header{justify-content:flex-start}.setting-control{margin-left:0;align-self:flex-end}.theme-toggle,.font-size-dropdown,.default-page-dropdown{min-width:auto;width:100%}.settings-card-header{flex-direction:column;text-align:center;gap:.75rem}.settings-card-icon{align-self:center}}@media (prefers-color-scheme: dark){.settings-card-icon{background:var(--accent-color-dark, var(--accent-color))}}@media (prefers-contrast: high){.setting-item{border-width:2px}.setting-item:hover{border-width:3px}}.push-notification-settings{display:flex;flex-direction:column;gap:1rem}.push-notification-settings .setting-item{margin-bottom:0}@media (prefers-reduced-motion: reduce){.setting-item{transition:none}}.forgot-password-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);padding:20px;transition:background-color .3s ease}.forgot-password-container{width:100%;max-width:450px}.forgot-password-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 12px var(--shadow);overflow:hidden;transition:all .3s ease}[data-theme=dark] .forgot-password-card{border:none;box-shadow:0 4px 16px #0009}.forgot-password-header{padding:40px 40px 30px;text-align:center}.forgot-password-header .logo{font-size:48px;margin-bottom:20px}.forgot-password-header h1{margin:0 0 10px;font-size:28px;font-weight:700;color:var(--text-primary)}.forgot-password-header p{margin:0;font-size:15px;color:var(--text-secondary);line-height:1.6}.forgot-password-form{padding:0 40px 40px}.alert-success{background-color:#22c55e1a;color:#16a34a;border:1px solid rgba(34,197,94,.3)}[data-theme=dark] .alert-success{background-color:#22c55e26;color:#86efac;border:none}.forgot-password-footer{padding:20px 40px;background-color:var(--bg-secondary);text-align:center;border-top:1px solid var(--border-color)}[data-theme=dark] .forgot-password-footer{border-top:none;background-color:var(--bg-tertiary)}@media (max-width: 500px){.forgot-password-card{border-radius:0}.forgot-password-header,.forgot-password-form,.forgot-password-footer{padding-left:24px;padding-right:24px}.forgot-password-header h1{font-size:24px}.forgot-password-header p{font-size:14px}}.reset-password-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);padding:20px;transition:background-color .3s ease}.reset-password-container{width:100%;max-width:450px}.reset-password-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 12px var(--shadow);overflow:hidden;transition:all .3s ease}[data-theme=dark] .reset-password-card{border:none;box-shadow:0 4px 16px #0009}.reset-password-header{padding:40px 40px 30px;text-align:center}.reset-password-header .logo{font-size:48px;margin-bottom:20px}.reset-password-header h1{margin:0 0 10px;font-size:28px;font-weight:700;color:var(--text-primary)}.reset-password-header p{margin:0;font-size:15px;color:var(--text-secondary);line-height:1.6}.reset-password-form{padding:0 40px 40px}.form-group{margin-bottom:24px}.form-group input{width:100%;padding:12px 16px;font-size:15px;background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:8px;transition:all .3s ease;font-family:inherit}[data-theme=dark] .form-group input{border:none;box-shadow:0 1px 3px #00000080}.form-group input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #4dabf71a}[data-theme=dark] .form-group input:focus{border:1px solid var(--accent-color);box-shadow:0 0 0 3px #4dabf733}.form-group input:disabled{background-color:var(--bg-tertiary);cursor:not-allowed;opacity:.6}.field-hint{margin-top:6px;font-size:13px;color:var(--text-secondary)}.alert{padding:12px 16px;border-radius:8px;margin-bottom:20px;display:flex;align-items:center;gap:10px;font-size:14px;line-height:1.5}.alert-icon{font-size:18px;flex-shrink:0}.alert-error{background-color:#dc26261a;color:#dc2626;border:1px solid rgba(220,38,38,.3)}[data-theme=dark] .alert-error{background-color:#dc262626;color:#fca5a5;border:none}.submit-button{width:100%;padding:14px 24px;background:var(--accent-color);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 12px #4dabf74d}.submit-button:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 6px 16px #4dabf766}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{opacity:.5;cursor:not-allowed}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.reset-password-footer{padding:20px 40px;background-color:var(--bg-secondary);text-align:center;border-top:1px solid var(--border-color)}[data-theme=dark] .reset-password-footer{border-top:none;background-color:var(--bg-tertiary)}.back-link{color:var(--accent-color);text-decoration:none;font-size:14px;font-weight:600;transition:color .3s ease}.back-link:hover{color:var(--accent-hover);text-decoration:underline}.success-message{padding:60px 40px;text-align:center}.success-icon{font-size:64px;margin-bottom:20px;animation:scaleIn .5s ease-out}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.success-message h1{margin:0 0 16px;font-size:28px;font-weight:700;color:var(--text-primary)}.success-message p{margin:0 0 12px;font-size:15px;color:var(--text-secondary);line-height:1.6}.redirect-message{margin-top:24px!important;font-weight:600;color:var(--accent-color)!important}.login-link{display:inline-block;margin-top:24px;padding:12px 24px;background:var(--accent-color);color:#fff;text-decoration:none;border-radius:8px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #4dabf74d}.login-link:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 6px 16px #4dabf766}@media (max-width: 500px){.reset-password-card{border-radius:0}.reset-password-header,.reset-password-form,.reset-password-footer,.success-message{padding-left:24px;padding-right:24px}.reset-password-header h1,.success-message h1{font-size:24px}.reset-password-header p,.success-message p{font-size:14px}}.register-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);padding:20px;transition:background-color .3s ease}.register-container{width:100%;max-width:450px}.register-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 12px var(--shadow);overflow:hidden;transition:all .3s ease}[data-theme=dark] .register-card{border:none;box-shadow:0 4px 16px #0009}.register-header{padding:40px 40px 30px;text-align:center}.register-header .logo{font-size:48px;margin-bottom:20px}.register-header h1{margin:0 0 10px;font-size:28px;font-weight:700;color:var(--text-primary)}.register-header p{margin:0;font-size:15px;color:var(--text-secondary)}.register-form{padding:0 40px 40px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:600;color:var(--text-primary)}.form-group input{width:100%;padding:12px 16px;border:1px solid var(--border-color);border-radius:8px;font-size:15px;color:var(--text-primary);background:var(--bg-primary);transition:all .2s ease;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.form-group input:disabled{opacity:.6;cursor:not-allowed}.field-hint{margin-top:6px;font-size:12px;color:var(--text-secondary)}.community-section{margin:30px 0;padding:20px;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color)}.community-section h3{margin:0 0 8px;font-size:16px;font-weight:600;color:var(--text-primary)}.section-description{margin:0 0 20px;font-size:14px;color:var(--text-secondary)}.checkbox-group{display:flex;flex-direction:column;gap:15px}.checkbox-label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;padding:12px;border-radius:8px;transition:background-color .2s ease}.checkbox-label:hover{background:var(--bg-primary)}.checkbox-label input[type=checkbox]{display:none}.checkmark{width:20px;height:20px;border:2px solid var(--border-color);border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;margin-top:2px}.checkbox-label input[type=checkbox]:checked+.checkmark{background:#007bff;border-color:#007bff}.checkbox-label input[type=checkbox]:checked+.checkmark:after{content:"✓";color:#fff;font-size:12px;font-weight:700}.checkbox-content{flex:1}.checkbox-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.checkbox-description{font-size:13px;color:var(--text-secondary);line-height:1.4}.alert{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px}.alert-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.alert-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.alert-icon{font-size:16px}.submit-button{width:100%;padding:12px 24px;background:#007bff;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.submit-button:hover:not(:disabled){background:#0056b3}.submit-button:disabled{opacity:.6;cursor:not-allowed}.spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.register-footer{padding:20px 40px 40px;text-align:center;border-top:1px solid var(--border-color)}.register-footer p{margin:0;font-size:14px;color:var(--text-secondary)}.login-link{color:#007bff;text-decoration:none;font-weight:600;background:#007bff1a;padding:4px 8px;border-radius:4px;transition:all .2s ease}.login-link:hover{background:#007bff33;text-decoration:underline}[data-theme=dark] .register-footer p{color:var(--text-secondary)!important}[data-theme=dark] .login-link{color:#4dabf7!important;background:#4dabf71a!important}[data-theme=dark] .login-link:hover{color:#74c0fc!important;background:#4dabf733!important;text-decoration:underline}.success-message{padding:40px;text-align:center}.success-icon{font-size:48px;margin-bottom:20px}.success-message h1{margin:0 0 15px;font-size:24px;font-weight:700;color:var(--text-primary)}.success-message p{margin:0 0 10px;font-size:15px;color:var(--text-secondary);line-height:1.5}.redirect-message{margin-top:20px!important;font-style:italic}.captcha-container{display:flex;justify-content:center;margin:20px 0}.captcha-container>div{transform:scale(.9);transform-origin:0 0}@media (max-width: 480px){.register-page{padding:10px}.register-header,.register-form,.register-footer{padding-left:20px;padding-right:20px}.community-section{margin:20px 0;padding:15px}.captcha-container>div{transform:scale(.8)}}@font-face{font-family:primeicons;font-display:block;src:url(/assets/primeicons-DMOk5skT.eot);src:url(/assets/primeicons-DMOk5skT.eot?#iefix) format("embedded-opentype"),url(/assets/primeicons-C6QP2o4f.woff2) format("woff2"),url(/assets/primeicons-WjwUDZjB.woff) format("woff"),url(/assets/primeicons-MpK4pl85.ttf) format("truetype"),url(/assets/primeicons-Dr5RGzOO.svg?#primeicons) format("svg");font-weight:400;font-style:normal}.pi{font-family:primeicons;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.pi:before{--webkit-backface-visibility:hidden;backface-visibility:hidden}.pi-fw{width:1.28571429em;text-align:center}.pi-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}@media (prefers-reduced-motion: reduce){.pi-spin{-webkit-animation-delay:-1ms;animation-delay:-1ms;-webkit-animation-duration:1ms;animation-duration:1ms;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s}}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.pi-folder-plus:before{content:""}.pi-receipt:before{content:""}.pi-asterisk:before{content:""}.pi-face-smile:before{content:""}.pi-pinterest:before{content:""}.pi-expand:before{content:""}.pi-pen-to-square:before{content:""}.pi-wave-pulse:before{content:""}.pi-turkish-lira:before{content:""}.pi-spinner-dotted:before{content:""}.pi-crown:before{content:""}.pi-pause-circle:before{content:""}.pi-warehouse:before{content:""}.pi-objects-column:before{content:""}.pi-clipboard:before{content:""}.pi-play-circle:before{content:""}.pi-venus:before{content:""}.pi-cart-minus:before{content:""}.pi-file-plus:before{content:""}.pi-microchip:before{content:""}.pi-twitch:before{content:""}.pi-building-columns:before{content:""}.pi-file-check:before{content:""}.pi-microchip-ai:before{content:""}.pi-trophy:before{content:""}.pi-barcode:before{content:""}.pi-file-arrow-up:before{content:""}.pi-mars:before{content:""}.pi-tiktok:before{content:""}.pi-arrow-up-right-and-arrow-down-left-from-center:before{content:""}.pi-ethereum:before{content:""}.pi-list-check:before{content:""}.pi-thumbtack:before{content:""}.pi-arrow-down-left-and-arrow-up-right-to-center:before{content:""}.pi-equals:before{content:""}.pi-lightbulb:before{content:""}.pi-star-half:before{content:""}.pi-address-book:before{content:""}.pi-chart-scatter:before{content:""}.pi-indian-rupee:before{content:""}.pi-star-half-fill:before{content:""}.pi-cart-arrow-down:before{content:""}.pi-calendar-clock:before{content:""}.pi-sort-up-fill:before{content:""}.pi-sparkles:before{content:""}.pi-bullseye:before{content:""}.pi-sort-down-fill:before{content:""}.pi-graduation-cap:before{content:""}.pi-hammer:before{content:""}.pi-bell-slash:before{content:""}.pi-gauge:before{content:""}.pi-shop:before{content:""}.pi-headphones:before{content:""}.pi-eraser:before{content:""}.pi-stopwatch:before{content:""}.pi-verified:before{content:""}.pi-delete-left:before{content:""}.pi-hourglass:before{content:""}.pi-truck:before{content:""}.pi-wrench:before{content:""}.pi-microphone:before{content:""}.pi-megaphone:before{content:""}.pi-arrow-right-arrow-left:before{content:""}.pi-bitcoin:before{content:""}.pi-file-edit:before{content:""}.pi-language:before{content:""}.pi-file-export:before{content:""}.pi-file-import:before{content:""}.pi-file-word:before{content:""}.pi-gift:before{content:""}.pi-cart-plus:before{content:""}.pi-thumbs-down-fill:before{content:""}.pi-thumbs-up-fill:before{content:""}.pi-arrows-alt:before{content:""}.pi-calculator:before{content:""}.pi-sort-alt-slash:before{content:""}.pi-arrows-h:before{content:""}.pi-arrows-v:before{content:""}.pi-pound:before{content:""}.pi-prime:before{content:""}.pi-chart-pie:before{content:""}.pi-reddit:before{content:""}.pi-code:before{content:""}.pi-sync:before{content:""}.pi-shopping-bag:before{content:""}.pi-server:before{content:""}.pi-database:before{content:""}.pi-hashtag:before{content:""}.pi-bookmark-fill:before{content:""}.pi-filter-fill:before{content:""}.pi-heart-fill:before{content:""}.pi-flag-fill:before{content:""}.pi-circle:before{content:""}.pi-circle-fill:before{content:""}.pi-bolt:before{content:""}.pi-history:before{content:""}.pi-box:before{content:""}.pi-at:before{content:""}.pi-arrow-up-right:before{content:""}.pi-arrow-up-left:before{content:""}.pi-arrow-down-left:before{content:""}.pi-arrow-down-right:before{content:""}.pi-telegram:before{content:""}.pi-stop-circle:before{content:""}.pi-stop:before{content:""}.pi-whatsapp:before{content:""}.pi-building:before{content:""}.pi-qrcode:before{content:""}.pi-car:before{content:""}.pi-instagram:before{content:""}.pi-linkedin:before{content:""}.pi-send:before{content:""}.pi-slack:before{content:""}.pi-sun:before{content:""}.pi-moon:before{content:""}.pi-vimeo:before{content:""}.pi-youtube:before{content:""}.pi-flag:before{content:""}.pi-wallet:before{content:""}.pi-map:before{content:""}.pi-link:before{content:""}.pi-credit-card:before{content:""}.pi-discord:before{content:""}.pi-percentage:before{content:""}.pi-euro:before{content:""}.pi-book:before{content:""}.pi-shield:before{content:""}.pi-paypal:before{content:""}.pi-amazon:before{content:""}.pi-phone:before{content:""}.pi-filter-slash:before{content:""}.pi-facebook:before{content:""}.pi-github:before{content:""}.pi-twitter:before{content:""}.pi-step-backward-alt:before{content:""}.pi-step-forward-alt:before{content:""}.pi-forward:before{content:""}.pi-backward:before{content:""}.pi-fast-backward:before{content:""}.pi-fast-forward:before{content:""}.pi-pause:before{content:""}.pi-play:before{content:""}.pi-compass:before{content:""}.pi-id-card:before{content:""}.pi-ticket:before{content:""}.pi-file-o:before{content:""}.pi-reply:before{content:""}.pi-directions-alt:before{content:""}.pi-directions:before{content:""}.pi-thumbs-up:before{content:""}.pi-thumbs-down:before{content:""}.pi-sort-numeric-down-alt:before{content:""}.pi-sort-numeric-up-alt:before{content:""}.pi-sort-alpha-down-alt:before{content:""}.pi-sort-alpha-up-alt:before{content:""}.pi-sort-numeric-down:before{content:""}.pi-sort-numeric-up:before{content:""}.pi-sort-alpha-down:before{content:""}.pi-sort-alpha-up:before{content:""}.pi-sort-alt:before{content:""}.pi-sort-amount-up:before{content:""}.pi-sort-amount-down:before{content:""}.pi-sort-amount-down-alt:before{content:""}.pi-sort-amount-up-alt:before{content:""}.pi-palette:before{content:""}.pi-undo:before{content:""}.pi-desktop:before{content:""}.pi-sliders-v:before{content:""}.pi-sliders-h:before{content:""}.pi-search-plus:before{content:""}.pi-search-minus:before{content:""}.pi-file-excel:before{content:""}.pi-file-pdf:before{content:""}.pi-check-square:before{content:""}.pi-chart-line:before{content:""}.pi-user-edit:before{content:""}.pi-exclamation-circle:before{content:""}.pi-android:before{content:""}.pi-google:before{content:""}.pi-apple:before{content:""}.pi-microsoft:before{content:""}.pi-heart:before{content:""}.pi-mobile:before{content:""}.pi-tablet:before{content:""}.pi-key:before{content:""}.pi-shopping-cart:before{content:""}.pi-comments:before{content:""}.pi-comment:before{content:""}.pi-briefcase:before{content:""}.pi-bell:before{content:""}.pi-paperclip:before{content:""}.pi-share-alt:before{content:""}.pi-envelope:before{content:""}.pi-volume-down:before{content:""}.pi-volume-up:before{content:""}.pi-volume-off:before{content:""}.pi-eject:before{content:""}.pi-money-bill:before{content:""}.pi-images:before{content:""}.pi-image:before{content:""}.pi-sign-in:before{content:""}.pi-sign-out:before{content:""}.pi-wifi:before{content:""}.pi-sitemap:before{content:""}.pi-chart-bar:before{content:""}.pi-camera:before{content:""}.pi-dollar:before{content:""}.pi-lock-open:before{content:""}.pi-table:before{content:""}.pi-map-marker:before{content:""}.pi-list:before{content:""}.pi-eye-slash:before{content:""}.pi-eye:before{content:""}.pi-folder-open:before{content:""}.pi-folder:before{content:""}.pi-video:before{content:""}.pi-inbox:before{content:""}.pi-lock:before{content:""}.pi-unlock:before{content:""}.pi-tags:before{content:""}.pi-tag:before{content:""}.pi-power-off:before{content:""}.pi-save:before{content:""}.pi-question-circle:before{content:""}.pi-question:before{content:""}.pi-copy:before{content:""}.pi-file:before{content:""}.pi-clone:before{content:""}.pi-calendar-times:before{content:""}.pi-calendar-minus:before{content:""}.pi-calendar-plus:before{content:""}.pi-ellipsis-v:before{content:""}.pi-ellipsis-h:before{content:""}.pi-bookmark:before{content:""}.pi-globe:before{content:""}.pi-replay:before{content:""}.pi-filter:before{content:""}.pi-print:before{content:""}.pi-align-right:before{content:""}.pi-align-left:before{content:""}.pi-align-center:before{content:""}.pi-align-justify:before{content:""}.pi-cog:before{content:""}.pi-cloud-download:before{content:""}.pi-cloud-upload:before{content:""}.pi-cloud:before{content:""}.pi-pencil:before{content:""}.pi-users:before{content:""}.pi-clock:before{content:""}.pi-user-minus:before{content:""}.pi-user-plus:before{content:""}.pi-trash:before{content:""}.pi-external-link:before{content:""}.pi-window-maximize:before{content:""}.pi-window-minimize:before{content:""}.pi-refresh:before{content:""}.pi-user:before{content:""}.pi-exclamation-triangle:before{content:""}.pi-calendar:before{content:""}.pi-chevron-circle-left:before{content:""}.pi-chevron-circle-down:before{content:""}.pi-chevron-circle-right:before{content:""}.pi-chevron-circle-up:before{content:""}.pi-angle-double-down:before{content:""}.pi-angle-double-left:before{content:""}.pi-angle-double-right:before{content:""}.pi-angle-double-up:before{content:""}.pi-angle-down:before{content:""}.pi-angle-left:before{content:""}.pi-angle-right:before{content:""}.pi-angle-up:before{content:""}.pi-upload:before{content:""}.pi-download:before{content:""}.pi-ban:before{content:""}.pi-star-fill:before{content:""}.pi-star:before{content:""}.pi-chevron-left:before{content:""}.pi-chevron-right:before{content:""}.pi-chevron-down:before{content:""}.pi-chevron-up:before{content:""}.pi-caret-left:before{content:""}.pi-caret-right:before{content:""}.pi-caret-down:before{content:""}.pi-caret-up:before{content:""}.pi-search:before{content:""}.pi-check:before{content:""}.pi-check-circle:before{content:""}.pi-times:before{content:""}.pi-times-circle:before{content:""}.pi-plus:before{content:""}.pi-plus-circle:before{content:""}.pi-minus:before{content:""}.pi-minus-circle:before{content:""}.pi-circle-on:before{content:""}.pi-circle-off:before{content:""}.pi-sort-down:before{content:""}.pi-sort-up:before{content:""}.pi-sort:before{content:""}.pi-step-backward:before{content:""}.pi-step-forward:before{content:""}.pi-th-large:before{content:""}.pi-arrow-down:before{content:""}.pi-arrow-left:before{content:""}.pi-arrow-right:before{content:""}.pi-arrow-up:before{content:""}.pi-bars:before{content:""}.pi-arrow-circle-down:before{content:""}.pi-arrow-circle-left:before{content:""}.pi-arrow-circle-right:before{content:""}.pi-arrow-circle-up:before{content:""}.pi-info:before{content:""}.pi-info-circle:before{content:""}.pi-home:before{content:""}.pi-spinner:before{content:""}.universal-popup .resistance-section .p-slider,.add-action-dialog .resistance-section .p-slider{height:8px!important;background-color:#e9ecef!important;border-radius:4px!important;position:relative!important}.universal-popup .resistance-section .p-slider-handle,.add-action-dialog .resistance-section .p-slider-handle{width:20px!important;height:20px!important;background:#007bff!important;border:2px solid #ffffff!important;border-radius:50%!important;position:absolute!important;top:50%!important;transform:translate(-50%,-50%)!important;cursor:pointer!important;z-index:2!important;box-shadow:0 2px 4px #0000001a!important}.universal-popup .resistance-section .p-slider-handle:hover,.add-action-dialog .resistance-section .p-slider-handle:hover{background:#0056b3!important;transform:translate(-50%,-50%) scale(1.1)!important}.universal-popup .resistance-section .p-slider-handle:focus,.add-action-dialog .resistance-section .p-slider-handle:focus{box-shadow:0 0 0 4px #007bff40!important}.universal-popup .resistance-section .p-slider-range,.add-action-dialog .resistance-section .p-slider-range{background:#007bff!important;height:100%!important;border-radius:4px!important;position:absolute!important;top:0!important;left:0!important}.feelings-section{margin:1.5rem 0;padding:1rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px var(--shadow)}.feelings-section h3{margin:0 0 1rem;color:var(--text-primary);font-size:1rem;font-weight:600}.feelings-tags{display:flex;flex-wrap:wrap;gap:.5rem}.feelings-section .feeling-tag{background-color:var(--accent-color);color:#fff!important;border:none;border-radius:20px;padding:.625rem 1.25rem;font-size:.9rem;font-weight:500;transition:all .3s ease;cursor:default;display:inline-block}.feelings-section .feeling-tag:hover{background-color:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #007bff4d}.feeling-tag-inline{background-color:var(--accent-color)!important;color:#fff!important;border:none!important;border-radius:16px!important;padding:.5rem 1rem!important;font-size:.85rem!important;font-weight:500!important;transition:all .3s ease!important;cursor:pointer!important;white-space:nowrap!important;display:inline-flex!important;align-items:center!important}.feeling-tag-inline:hover{background-color:var(--accent-hover)!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #007bff4d!important}.feeling-tag{background-color:var(--accent-color);color:#fff!important;border:none;border-radius:20px;padding:.5rem 1rem;font-size:.85rem;font-weight:500;transition:all .3s ease;cursor:default}.feeling-tag:hover{background-color:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #007bff4d}.p-button{background:var(--bg-primary)!important;border:1px solid var(--border-color)!important;color:var(--text-secondary)!important;padding:1rem 1.5rem!important;border-radius:8px!important;transition:all .3s ease!important;font-size:.9rem!important;font-weight:500!important;text-align:center!important;min-height:60px!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 2px 4px var(--shadow)!important;gap:.5rem!important}.p-button:hover{background:var(--bg-secondary)!important;border-color:var(--text-primary)!important;color:var(--text-primary)!important;transform:translateY(-2px)!important;box-shadow:0 4px 12px var(--shadow)!important}.p-button:focus{box-shadow:0 0 0 3px #4dabf71a!important;outline:none!important}.p-button.p-button-primary{background:var(--accent-color)!important;border-color:var(--accent-color)!important;color:#fff!important;font-weight:600!important;box-shadow:0 4px 12px #4dabf74d!important}.p-button.p-button-primary:hover{background:var(--accent-hover)!important;border-color:var(--accent-hover)!important;color:#fff!important;transform:translateY(-2px)!important;box-shadow:0 6px 16px #4dabf766!important}.p-button.p-button-secondary{background:var(--bg-primary)!important;border:1px solid var(--border-color)!important;color:var(--text-secondary)!important}.p-button.p-button-secondary:hover{background:var(--bg-secondary)!important;border-color:var(--text-primary)!important;color:var(--text-primary)!important;transform:translateY(-2px)!important;box-shadow:0 4px 12px var(--shadow)!important}.p-button.p-button-text{background:transparent!important;border:none!important;color:var(--text-secondary)!important;padding:.5rem 1rem!important;min-height:40px!important;font-size:.85rem!important;box-shadow:none!important}.p-button.p-button-text:hover{background:var(--bg-secondary)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important;box-shadow:0 2px 4px var(--shadow)!important}.p-button.p-button-outlined{background:transparent!important;border:1px solid var(--border-color)!important;color:var(--text-secondary)!important;padding:.5rem 1rem!important;min-height:40px!important;font-size:.85rem!important;box-shadow:none!important}.p-button.p-button-outlined:hover{background:var(--bg-secondary)!important;border-color:var(--text-primary)!important;color:var(--text-primary)!important;box-shadow:0 2px 4px var(--shadow)!important}.p-button.p-button-sm{padding:.75rem 1rem!important;min-height:40px!important;font-size:.85rem!important}.p-button.p-button-lg{padding:1.25rem 2rem!important;min-height:60px!important;font-size:1.1rem!important}.p-button.square{aspect-ratio:1!important;min-height:80px!important;width:80px!important;padding:1rem!important;display:flex!important;align-items:center!important;justify-content:center!important}.p-button.full-width{width:100%!important;min-height:40px!important;padding:.75rem 1rem!important;display:flex!important;flex-direction:row!important}.p-button.active,.p-button.selected{background:var(--accent-color)!important;border-color:var(--accent-color)!important;color:#fff!important;font-weight:600!important;box-shadow:0 4px 12px #4dabf74d!important}.p-button.active:hover,.p-button.selected:hover{background:var(--accent-hover)!important;border-color:var(--accent-hover)!important;color:#fff!important;transform:translateY(-2px)!important;box-shadow:0 6px 16px #4dabf766!important}.p-card{background:var(--bg-primary)!important;border:1px solid var(--border-color)!important;box-shadow:0 2px 8px var(--shadow)!important;border-radius:12px!important;transition:all .3s ease!important}.p-card:hover{background:var(--bg-primary)!important;border-color:var(--accent-color)!important;transform:translateY(-1px)!important;box-shadow:0 4px 16px var(--shadow)!important}.p-card .p-card-header{background:transparent!important;border-bottom:1px solid var(--border-color)!important;padding:1.5rem 1.5rem 1rem!important}.p-card .p-card-title{color:var(--text-primary)!important;font-size:1.25rem!important;font-weight:600!important;margin:0!important}.p-card .p-card-content{background:transparent!important;color:var(--text-primary)!important;padding:1rem 1.5rem 1.5rem!important}.p-card .p-card-footer{background:transparent!important;border-top:1px solid var(--border-color)!important;padding:1rem 1.5rem 1.5rem!important}.universal-popup .p-confirm-dialog-footer,.universal-popup .form-actions,.universal-popup .dialog-footer,.universal-popup .flow-state-footer,.universal-popup .vision-stats-footer,.universal-popup .dialog-actions{display:flex!important;gap:15px!important;justify-content:flex-end!important;margin-top:2rem!important;padding-top:1rem!important;border-top:1px solid var(--border-color)!important}.p-panel{background:var(--bg-primary)!important;border:1px solid var(--border-color)!important;border-radius:12px!important;box-shadow:0 2px 8px var(--shadow)!important;transition:all .3s ease!important}.p-panel:hover{background:var(--bg-primary)!important;border-color:var(--accent-color)!important;transform:translateY(-1px)!important;box-shadow:0 4px 16px var(--shadow)!important}.p-panel .p-panel-header{background:transparent!important;border-bottom:1px solid var(--border-color)!important;padding:1.5rem 1.5rem 1rem!important}.p-panel .p-panel-title{color:var(--text-primary)!important;font-size:1.25rem!important;font-weight:600!important;margin:0!important}.p-panel .p-panel-content{background:transparent!important;color:var(--text-primary)!important;padding:1rem 1.5rem 1.5rem!important}.p-inputtext{background:var(--bg-primary)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important;padding:.75rem 1rem!important;border-radius:8px!important;transition:all .3s ease!important}.p-inputtext:focus{border-color:var(--accent-color)!important;box-shadow:0 0 0 3px #4dabf71a!important;outline:none!important}.p-inputtext:hover{border-color:var(--accent-color)!important}.p-inputtextarea{background:var(--bg-primary)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important;padding:.75rem 1rem!important;border-radius:8px!important;transition:all .3s ease!important;resize:vertical!important}.p-inputtextarea:focus{border-color:var(--accent-color)!important;box-shadow:0 0 0 3px #4dabf71a!important;outline:none!important}.p-inputtextarea:hover{border-color:var(--accent-color)!important}.p-autocomplete-panel{background:var(--bg-primary)!important;border:1px solid var(--border-color)!important;box-shadow:0 4px 12px var(--shadow)!important;border-radius:8px!important}.p-autocomplete-panel .p-autocomplete-item{color:var(--text-primary)!important}.p-autocomplete-panel .p-autocomplete-item:hover{background:var(--bg-secondary)!important;color:var(--text-primary)!important}.p-autocomplete-panel .p-autocomplete-item.p-highlight{background:var(--bg-tertiary)!important;color:var(--accent-color)!important}.universal-button-container.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media (max-width: 480px){.bubble-component{grid-template-columns:1fr!important}}.universal-page .page-content{flex:1!important;padding:2rem!important;margin-top:170px!important;max-width:1200px!important;margin-left:auto!important;margin-right:auto!important;width:100%!important}@media (max-width: 768px){.universal-page .page-content{padding:1rem!important;margin-top:140px!important}.universal-button-container{flex-direction:column;align-items:stretch}.universal-button-container.grid,.universal-button-container.grid-3{grid-template-columns:1fr}.universal-popup .p-dialog{width:95vw!important;margin:1rem!important}.universal-popup .p-dialog-content{padding:1.5rem!important}.universal-popup .p-dialog-header-close{top:.75rem!important;right:.75rem!important;width:28px!important;height:28px!important}.universal-popup .p-confirm-dialog-footer,.universal-popup .form-actions,.universal-popup .dialog-footer,.universal-popup .flow-state-footer,.universal-popup .vision-stats-footer,.universal-popup .dialog-actions{flex-direction:column!important;gap:.5rem!important}.p-button,.universal-button{min-height:44px!important;min-width:44px!important}}@media (max-width: 480px){.universal-page .page-content{padding:.75rem!important;margin-top:120px!important}.p-button{padding:.75rem 1rem!important;min-height:40px!important}.p-card .p-card-content,.p-card .p-card-header,.p-card .p-card-footer,.p-dialog .p-dialog-content,.universal-popup .p-dialog-content{padding:1rem!important}.universal-popup .p-button{padding:.75rem 1rem!important;min-height:44px!important;font-size:.85rem!important}.universal-button-container.grid,.universal-button-container.grid-3{grid-template-columns:1fr!important}.p-button,.universal-button,.p-checkbox,.p-radio,.p-dropdown,.p-inputtext,.p-inputtextarea{min-height:44px!important;min-width:44px!important}.p-slider-handle{min-height:20px!important;min-width:20px!important;max-height:20px!important;max-width:20px!important}.p-slider{background-color:#e9ecef!important}.p-button-icon-only{min-width:44px!important;min-height:44px!important}.p-button.p-button-sm{min-height:44px!important;min-width:44px!important}}.settings-modal .settings-header{text-align:center;margin-bottom:1rem}.settings-modal .settings-title{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0}.settings-modal .settings-section{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;margin-bottom:1rem}.settings-modal .settings-section h3{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.settings-modal .settings-section .pi{font-size:1rem}.settings-modal .p-selectbutton{display:flex;gap:.5rem}.settings-modal .p-selectbutton .p-button{flex:1;padding:.75rem 1rem;min-height:40px;font-size:.9rem;border-radius:6px}.settings-modal .p-selectbutton .p-button.p-button-outlined{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-secondary)}.settings-modal .p-selectbutton .p-button.p-button-outlined:hover{background:var(--bg-secondary);border-color:var(--accent-color);color:var(--text-primary)}.settings-modal .p-selectbutton .p-button.p-button-outlined.p-highlight{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.settings-modal .p-togglebutton{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-secondary);padding:.5rem 1rem;border-radius:6px;transition:all .3s ease}.settings-modal .p-togglebutton:hover{background:var(--bg-secondary);border-color:var(--accent-color);color:var(--text-primary)}.settings-modal .p-togglebutton.p-highlight{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.settings-modal .border-top-1{border-top:1px solid var(--border-color)}@media (max-width: 768px){.settings-modal .p-dialog{width:95vw!important;margin:.5rem!important}.settings-modal .settings-section{padding:1rem}.settings-modal .p-selectbutton{flex-direction:column}.settings-modal .p-selectbutton .p-button{width:100%}}.bubble-component,.universal-page .bubble-component,.universal-page .vision-bubble,.universal-page .vision-subheader-bubble,.universal-page .vision-list-item,.universal-page .vision-tile,.universal-page .action-item,.universal-page .feeling-tag,.universal-page .feeling-suggestion{background:var(--bg-primary)!important;border:1px solid var(--border-color)!important;box-shadow:0 2px 8px var(--shadow)!important;transition:all .3s ease!important;width:100%!important;max-width:800px!important}[data-theme=dark] .bubble-component,[data-theme=dark] .universal-page .bubble-component,[data-theme=dark] .universal-page .vision-subheader-bubble,[data-theme=dark] .universal-page .feeling-tag,[data-theme=dark] .universal-page .feeling-suggestion{border:none!important;box-shadow:0 2px 10px #00000080!important}[data-theme=dark] .universal-page .vision-bubble,[data-theme=dark] .universal-page .vision-list-item,[data-theme=dark] .universal-page .vision-tile,[data-theme=dark] .universal-page .action-item{background:#0a0a0a!important;border:none!important;box-shadow:0 2px 10px #00000080!important}.universal-card,.activity-card,.stats-card,.reflection-averages-card,.category-card,.projected-dates-card,.streaks-card,.history-card,.chart-card,.stat-card{background:var(--bg-primary)!important;border:1px solid var(--border-color)!important;box-shadow:0 2px 8px var(--shadow)!important;border-radius:12px!important;transition:all .3s ease!important;width:100%!important;max-width:800px!important}[data-theme=dark] .universal-card,[data-theme=dark] .activity-card,[data-theme=dark] .stats-card,[data-theme=dark] .reflection-averages-card,[data-theme=dark] .category-card,[data-theme=dark] .projected-dates-card,[data-theme=dark] .streaks-card,[data-theme=dark] .history-card,[data-theme=dark] .chart-card,[data-theme=dark] .stat-card{border:none!important;box-shadow:0 2px 12px #0000008c!important}.universal-card:hover,.activity-card:hover,.stats-card:hover,.reflection-averages-card:hover,.category-card:hover,.projected-dates-card:hover,.streaks-card:hover,.history-card:hover,.chart-card:hover,.stat-card:hover{background:var(--bg-primary)!important;border-color:var(--accent-color)!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px var(--shadow)!important}.universal-card .p-card-title,.activity-card .p-card-title,.stats-card .p-card-title,.reflection-averages-card .p-card-title,.category-card .p-card-title,.projected-dates-card .p-card-title,.streaks-card .p-card-title,.history-card .p-card-title,.chart-card .p-card-title,.stat-card .p-card-title{color:var(--text-primary)!important;font-size:1.2rem!important;font-weight:600!important;margin-bottom:1.5rem!important;padding:0 .5rem!important}.universal-card .p-card-content,.activity-card .p-card-content,.stats-card .p-card-content,.reflection-averages-card .p-card-content,.category-card .p-card-content,.projected-dates-card .p-card-content,.streaks-card .p-card-content,.history-card .p-card-content,.chart-card .p-card-content,.stat-card .p-card-content{padding:1.5rem!important}.bubble-component:hover,.universal-page .bubble-component:hover,.universal-page .vision-bubble:hover,.universal-page .vision-subheader-bubble:hover,.universal-page .vision-list-item:hover,.universal-page .vision-tile:hover,.universal-page .action-item:hover{background:var(--bg-primary)!important;border-color:var(--accent-color)!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px var(--shadow)!important}.input-component,.universal-page .input-component,.universal-page .statement-input,.universal-page .feel-input,.universal-page .affirm-input-field{background:var(--bg-primary)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important;padding:.75rem 1rem!important;border-radius:8px!important;transition:all .3s ease!important}.input-component:focus,.universal-page .input-component:focus,.universal-page .statement-input:focus,.universal-page .feel-input:focus,.universal-page .affirm-input-field:focus{border-color:var(--accent-color)!important;box-shadow:0 0 0 3px #4dabf71a!important;outline:none!important}.list-component,.universal-page .list-component{background:transparent!important;border:none!important;padding:0!important}.list-item-component,.universal-page .list-item-component{background:var(--bg-primary)!important;border:1px solid var(--border-color)!important;box-shadow:0 2px 8px var(--shadow)!important;border-radius:8px!important;padding:1rem!important;margin-bottom:.5rem!important;transition:all .3s ease!important}.list-item-component:hover,.universal-page .list-item-component:hover{background:var(--bg-primary)!important;border-color:var(--accent-color)!important;transform:translateY(-1px)!important;box-shadow:0 4px 16px var(--shadow)!important}[data-theme=dark] .p-card,[data-theme=dark] .p-panel,[data-theme=dark] .p-dialog,[data-theme=dark] .p-datatable,[data-theme=dark] .p-dropdown,[data-theme=dark] .p-multiselect,[data-theme=dark] .p-calendar,[data-theme=dark] .p-accordion .p-accordion-header,[data-theme=dark] .p-accordion .p-accordion-content,[data-theme=dark] .p-tabview .p-tabview-nav,[data-theme=dark] .p-tabview .p-tabview-panels{border:none!important}[data-theme=dark] .list-item-component,[data-theme=dark] .universal-page .list-item-component{border:none!important;box-shadow:0 2px 10px #00000080!important}[data-theme=dark] .p-inputtext,[data-theme=dark] .p-inputtextarea,[data-theme=dark] .input-component,[data-theme=dark] .universal-page .input-component,[data-theme=dark] .universal-page .statement-input,[data-theme=dark] .universal-page .feel-input,[data-theme=dark] .universal-page .affirm-input-field{border:none!important;box-shadow:0 1px 3px #00000080!important}[data-theme=dark] .p-inputtext:focus,[data-theme=dark] .p-inputtextarea:focus,[data-theme=dark] .input-component:focus,[data-theme=dark] .universal-page .input-component:focus,[data-theme=dark] .universal-page .statement-input:focus,[data-theme=dark] .universal-page .feel-input:focus,[data-theme=dark] .universal-page .affirm-input-field:focus{border:1px solid var(--accent-color)!important;box-shadow:0 0 0 3px #4dabf733!important}[data-theme=dark] .p-button,[data-theme=dark] .universal-button,[data-theme=dark] .p-button.p-button-primary,[data-theme=dark] .p-button.active,[data-theme=dark] .p-button.selected,[data-theme=dark] .universal-button.active,[data-theme=dark] .universal-button.selected,[data-theme=dark] .universal-popup,[data-theme=dark] .p-dialog .p-dialog-content,[data-theme=dark] .p-dialog .p-dialog-header,[data-theme=dark] .p-dialog .p-dialog-footer{border:none!important}[data-theme=dark] .settings-card,[data-theme=dark] .settings-card .p-card-header,[data-theme=dark] .setting-item{border:none!important;box-shadow:0 2px 8px #00000080!important}[data-theme=dark] .action-item,[data-theme=dark] .action-bubble,[data-theme=dark] .action-card{background:#0a0a0a!important;border:none!important;box-shadow:0 2px 8px #00000080!important}[data-theme=dark] .new-vision-sticky-bar,[data-theme=dark] .quick-add-sticky-bar,[data-theme=dark] .actions-top-overlay{border:none!important;box-shadow:0 4px 12px #0009!important}[data-theme=dark] .page-header,[data-theme=dark] .page-subheader,[data-theme=dark] .vision-subheader-bubble,[data-theme=dark] .skeleton-card,[data-theme=dark] .loading-skeleton{border:none!important}.p-dropdown{background:var(--bg-primary)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important;box-shadow:0 2px 6px var(--shadow)!important}.p-dropdown .p-dropdown-label{color:var(--text-primary)!important}.p-dropdown .p-dropdown-trigger{color:var(--text-secondary)!important}.p-dropdown-panel{background:var(--bg-primary)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important;box-shadow:0 8px 24px var(--shadow)!important}.p-dropdown-panel .p-dropdown-header{background:var(--bg-secondary)!important;color:var(--text-primary)!important;border-bottom:1px solid var(--border-color)!important}.p-dropdown-panel .p-dropdown-items,.p-dropdown-panel .p-dropdown-items-wrapper{background:var(--bg-primary)!important}.p-dropdown-panel .p-dropdown-items .p-dropdown-item{color:var(--text-primary)!important}.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight,.p-dropdown-panel .p-dropdown-items .p-dropdown-item:hover{background:var(--bg-secondary)!important;color:var(--text-primary)!important}.p-inputtext,.p-inputtextarea{background:var(--bg-primary)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important}.p-inputtext::placeholder,.p-inputtextarea::placeholder{color:var(--text-secondary)!important}.p-datepicker{background:var(--bg-primary)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important;box-shadow:0 8px 24px var(--shadow)!important}.p-datepicker .p-datepicker-header{background:var(--bg-secondary)!important;color:var(--text-primary)!important;border-bottom:1px solid var(--border-color)!important}.p-datepicker .p-datepicker-title,.p-datepicker .p-datepicker-prev,.p-datepicker .p-datepicker-next{color:var(--text-primary)!important}.p-datepicker table td>span,.p-datepicker table td>a{background:var(--bg-primary)!important;color:var(--text-primary)!important;border-radius:6px!important}.p-datepicker table td>span:hover,.p-datepicker table td>a:hover{background:var(--bg-secondary)!important}.p-datepicker table td.p-datepicker-today>span{outline:1px solid var(--accent-color)!important}.p-datepicker table td.p-highlight>span,.p-datepicker table td.p-highlight>a,.p-datepicker .p-highlight{background:var(--accent-color)!important;color:#fff!important}.p-tag{padding:.5rem 1rem!important;font-size:.875rem!important;font-weight:500!important;border-radius:8px!important;display:inline-flex!important;align-items:center!important;gap:.5rem!important;line-height:1.4!important;white-space:nowrap!important}.p-chip{background:var(--bg-tertiary)!important;color:var(--text-primary)!important;border-radius:8px!important;padding:10px 16px 10px 20px!important;font-size:.875rem!important;font-weight:500!important;transition:all .2s ease!important;display:inline-flex!important;align-items:center!important;gap:10px!important;border:1px solid var(--border-color)!important;min-height:36px!important;line-height:1.2!important;vertical-align:middle!important;max-width:180px!important}.p-chip-label{color:var(--text-primary)!important;font-size:.875rem!important;font-weight:500!important;line-height:1.2!important;display:flex!important;align-items:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:120px!important}.p-chip-icon{font-size:.875rem!important;width:18px!important;height:18px!important;color:var(--text-secondary)!important;cursor:pointer!important;transition:all .2s ease!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important}.p-chip-icon:hover{color:var(--text-primary)!important;transform:scale(1.1)!important}[data-theme=light] .p-chip,[data-theme=light] .feeling-chip{background:var(--bg-tertiary)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important}[data-theme=light] .p-chip-icon{color:var(--text-secondary)!important}[data-theme=light] .p-chip-icon:hover{color:var(--text-primary)!important}[data-theme=dark] .p-chip,[data-theme=dark] .feeling-chip{background:var(--bg-tertiary)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important}[data-theme=dark] .p-chip-icon{color:var(--text-secondary)!important}[data-theme=dark] .p-chip-icon:hover{color:var(--text-primary)!important}.feeling-chip{border-radius:8px!important;padding:10px 16px 10px 20px!important;min-height:36px!important;display:inline-flex!important;align-items:center!important;gap:10px!important;max-width:180px!important}.feeling-chip .p-chip-icon{font-size:.875rem!important;width:18px!important;height:18px!important}.p-multiselect-token,.unified-dropdown.p-multiselect .p-multiselect-token{background:var(--bg-tertiary)!important;color:var(--text-primary)!important;border-radius:8px!important;padding:10px 16px 10px 20px!important;font-size:.875rem!important;border:1px solid var(--border-color)!important;margin:2px!important;min-height:36px!important;display:inline-flex!important;align-items:center!important;gap:8px!important;max-width:170px!important}.p-multiselect-token .p-multiselect-token-icon,.unified-dropdown.p-multiselect .p-multiselect-token .p-multiselect-token-icon{font-size:.875rem!important;width:16px!important;height:16px!important;color:var(--text-secondary)!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important}.p-multiselect-token .p-multiselect-token-icon:hover,.unified-dropdown.p-multiselect .p-multiselect-token .p-multiselect-token-icon:hover{color:var(--text-primary)!important}[data-theme=light] .p-multiselect-token,[data-theme=light] .unified-dropdown.p-multiselect .p-multiselect-token{background:var(--bg-tertiary)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important}[data-theme=light] .p-multiselect-token .p-multiselect-token-icon,[data-theme=light] .unified-dropdown.p-multiselect .p-multiselect-token .p-multiselect-token-icon{color:var(--text-secondary)!important}[data-theme=light] .p-multiselect-token .p-multiselect-token-icon:hover,[data-theme=light] .unified-dropdown.p-multiselect .p-multiselect-token .p-multiselect-token-icon:hover{color:var(--text-primary)!important}[data-theme=dark] .p-multiselect-token,[data-theme=dark] .unified-dropdown.p-multiselect .p-multiselect-token{background:var(--bg-tertiary)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important}[data-theme=dark] .p-multiselect-token .p-multiselect-token-icon,[data-theme=dark] .unified-dropdown.p-multiselect .p-multiselect-token .p-multiselect-token-icon{color:var(--text-secondary)!important}[data-theme=dark] .p-multiselect-token .p-multiselect-token-icon:hover,[data-theme=dark] .unified-dropdown.p-multiselect .p-multiselect-token .p-multiselect-token-icon:hover{color:var(--text-primary)!important}.app{min-height:100vh;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);position:relative}.app .container{transition:margin-left .3s ease-in-out}.universal-page{min-height:100vh!important;background:var(--bg-secondary)!important;color:var(--text-primary)!important;display:flex!important;flex-direction:column!important;transition:background-color .3s ease,color .3s ease!important}.universal-page .page-content{flex:1!important;padding:1rem!important;margin-top:80px!important;max-width:1000px!important;margin-left:auto!important;margin-right:auto!important;width:100%!important}@media (max-width: 768px){.universal-page .page-content{margin-top:70px!important}}@media (max-width: 480px){.universal-page .page-content{margin-top:60px!important}}.universal-page:has(.page-subheader) .page-content{margin-top:140px!important}.universal-page .page-header{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:1100!important;background:transparent!important;padding:10px 20px!important;display:grid!important;grid-template-columns:1fr auto 1fr!important;align-items:center!important}@media (max-width: 768px){.universal-page .page-header{grid-template-columns:auto 1fr auto!important;gap:.25rem!important;padding:.5rem .75rem!important;align-items:center!important}.universal-page .page-header .header-left,.universal-page .page-header .header-right{justify-content:flex-start!important;flex-wrap:nowrap!important;gap:.25rem!important;min-width:0!important}.universal-page .page-header .header-buttons-container{gap:.25rem!important}.universal-page .page-header .header-center{min-width:0!important;flex:1!important}.universal-page .page-header .header-center h1{font-size:1.25rem!important;text-align:center!important;margin:0!important;line-height:1.1!important;word-wrap:break-word!important;-webkit-hyphens:auto!important;hyphens:auto!important}.universal-page .page-header .header-button{padding:.5rem .75rem!important;font-size:.85rem!important;min-height:40px!important}.universal-page .page-header .header-button.mobile-icon-only{padding:.5rem!important;min-width:44px!important;justify-content:center!important}.universal-page .page-header .universal-button.header.mobile-icon-only{padding:.5rem!important}.universal-page .page-header .header-button.mobile-icon-only .p-button-icon{font-size:1.1rem!important}.universal-page .page-header .header-button.mobile-icon-only .p-button-label{display:none!important}.universal-page .page-header .header-button.mobile-icon-only{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:.5rem!important;display:flex!important;align-items:center!important;justify-content:center!important}.universal-page .page-header .header-button.mobile-icon-only *{display:none!important}.universal-page .page-header .header-button.mobile-icon-only .p-button-icon{display:block!important;font-size:1.1rem!important}}@media (max-width: 480px){.universal-page .page-header{padding:.25rem .5rem!important;gap:.125rem!important}.universal-page .page-header .header-left,.universal-page .page-header .header-right,.universal-page .page-header .header-buttons-container{gap:.125rem!important}.universal-page .page-header .header-right .universal-button.header.mobile-icon-only{padding:.375rem!important}.universal-page .page-header .header-center h1{font-size:1.25rem!important;line-height:1.1!important}.universal-page .page-header .header-button.mobile-icon-only{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;padding:.375rem!important}.universal-page .page-header .universal-button.header.mobile-icon-only{padding:.375rem!important}.universal-page .page-header .header-button.mobile-icon-only .p-button-icon{font-size:1rem!important}}.universal-page .page-subheader{position:fixed!important;top:100px!important;left:0!important;right:0!important;z-index:50!important;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:10px 20px!important}.bubble-component,.universal-page .bubble-component,.universal-page .vision-bubble,.universal-page .vision-subheader-bubble,.universal-page .vision-list-item,.universal-page .vision-tile,.universal-page .card,.universal-page .p-card,.universal-page .action-item,.universal-page .feeling-tag,.universal-page .feeling-suggestion{background:var(--bg-primary)!important;border:1px solid var(--border-color)!important;box-shadow:0 2px 8px var(--shadow)!important;transition:all .3s ease!important;width:100%!important;max-width:1000px!important}.universal-card,.activity-card,.stats-card,.reflection-averages-card,.category-card,.projected-dates-card,.history-card,.chart-card,.stat-card{background:var(--bg-primary)!important;border:1px solid var(--border-color)!important;box-shadow:0 2px 8px var(--shadow)!important;border-radius:12px!important;transition:all .3s ease!important;width:100%!important;max-width:1000px!important}.universal-card:hover,.activity-card:hover,.stats-card:hover,.reflection-averages-card:hover,.category-card:hover,.projected-dates-card:hover,.history-card:hover,.chart-card:hover,.stat-card:hover{background:var(--bg-primary)!important;border-color:var(--accent-color)!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px var(--shadow)!important}.universal-card .p-card-title,.activity-card .p-card-title,.stats-card .p-card-title,.reflection-averages-card .p-card-title,.category-card .p-card-title,.projected-dates-card .p-card-title,.history-card .p-card-title,.chart-card .p-card-title,.stat-card .p-card-title{color:var(--text-primary)!important;font-size:1.2rem!important;font-weight:600!important;margin-bottom:1.5rem!important;padding:0 .5rem!important}.universal-card .p-card-content,.activity-card .p-card-content,.stats-card .p-card-content,.reflection-averages-card .p-card-content,.category-card .p-card-content,.projected-dates-card .p-card-content,.history-card .p-card-content,.chart-card .p-card-content,.stat-card .p-card-content{padding:1.5rem!important}.input-component,.universal-page .input-component,.universal-page .p-inputtext,.universal-page .p-inputtextarea,.universal-page .statement-input,.universal-page .feel-input,.universal-page .affirm-input-field{background:var(--bg-primary)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important;transition:all .3s ease!important}.list-component,.universal-page .list-component{background:transparent!important;border:none!important;box-shadow:none!important}.list-item-component,.universal-page .list-item-component{background:var(--bg-primary)!important;border:1px solid var(--border-color)!important;box-shadow:0 2px 8px var(--shadow)!important;transition:all .3s ease!important;margin-bottom:.5rem!important;border-radius:8px!important}.universal-page .bubble-component:hover,.universal-page .vision-bubble:hover,.universal-page .vision-subheader-bubble:hover,.universal-page .vision-list-item:hover,.universal-page .vision-tile:hover,.universal-page .card:hover,.universal-page .p-card:hover,.universal-page .action-item:hover,.universal-page .list-item-component:hover{background:var(--bg-primary)!important;border-color:var(--accent-color)!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px var(--shadow)!important}.universal-page .p-inputtext,.universal-page .p-inputtextarea,.universal-page .statement-input,.universal-page .feel-input,.universal-page .affirm-input-field{background:var(--bg-primary)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important;transition:all .3s ease!important}.universal-page .input-component:focus,.universal-page .p-inputtext:focus,.universal-page .p-inputtextarea:focus,.universal-page .statement-input:focus,.universal-page .feel-input:focus,.universal-page .affirm-input-field:focus{border-color:var(--accent-color)!important;box-shadow:0 0 0 3px #4dabf71a!important;outline:none!important}@media (max-width: 768px){.universal-page .page-content{padding:.5rem!important}.universal-page .page-header{padding:10px 15px!important}.universal-page .page-subheader{top:100px!important;padding:5px!important}}@media (max-width: 480px){.universal-page .page-content{padding:.25rem!important}}.universal-popup .p-dialog-content{background:var(--bg-primary)!important;color:var(--text-primary)!important;padding:2rem!important;border-radius:12px!important;box-shadow:0 8px 32px var(--shadow)!important}.universal-popup .p-button:hover{background:var(--bg-secondary)!important;border-color:var(--text-primary)!important;color:var(--text-primary)!important;transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow)}.universal-popup .p-button.p-confirm-dialog-accept{background:var(--accent-color)!important;border-color:var(--accent-color)!important;color:#fff!important;font-weight:600!important;box-shadow:0 4px 12px #4dabf74d}.universal-popup .p-button.p-confirm-dialog-accept:hover{background:var(--accent-hover)!important;border-color:var(--accent-hover)!important;color:#fff!important;transform:translateY(-2px);box-shadow:0 6px 16px #4dabf766}.universal-popup .p-button.p-confirm-dialog-reject{background:var(--bg-tertiary)!important;border:1px solid var(--border-color)!important;color:var(--text-secondary)!important}.universal-popup .p-button.p-confirm-dialog-reject:hover{background:var(--bg-secondary)!important;border-color:var(--text-primary)!important;color:var(--text-primary)!important}.universal-popup .p-confirm-dialog-message{color:var(--text-primary)!important;font-size:1rem!important;line-height:1.5!important;margin-bottom:1.5rem!important}.universal-popup .p-confirm-dialog-icon{color:var(--accent-color)!important;font-size:1.5rem!important;margin-right:1rem!important}.universal-popup .p-confirm-dialog-footer,.universal-popup .form-actions,.universal-popup .dialog-footer,.universal-popup .flow-state-footer,.universal-popup .vision-stats-footer,.universal-popup .dialog-actions{display:flex!important;gap:15px!important;justify-content:flex-end!important;margin-top:2rem!important;padding-top:1rem!important;border-top:1px solid var(--surface-border)!important}.universal-popup .flow-state-footer{border-top:none!important}.universal-button{background:var(--bg-primary)!important;border:1px solid var(--border-color)!important;color:var(--text-secondary)!important;padding:1rem 1.5rem!important;border-radius:8px!important;transition:all .3s ease!important;font-size:.9rem!important;font-weight:500!important;text-align:center!important;min-height:60px!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 2px 4px var(--shadow)!important;gap:.5rem!important}.universal-button:hover{background:var(--bg-secondary)!important;border-color:var(--text-primary)!important;color:var(--text-primary)!important;transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow)}.universal-button.secondary{background:transparent!important;border:none!important;color:var(--text-secondary)!important;padding:.5rem 1rem!important;min-height:40px!important;font-size:.85rem!important;font-weight:500!important;box-shadow:none!important;transition:all .3s ease!important}.universal-button.secondary:hover{background:var(--bg-secondary)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important;box-shadow:0 2px 4px var(--shadow)!important}.universal-button.secondary.active{background:var(--bg-primary)!important;border:1px solid var(--text-primary)!important;color:var(--text-primary)!important;box-shadow:0 2px 4px var(--shadow)!important}.universal-button.active,.universal-button.selected{background:var(--accent-color)!important;border-color:var(--accent-color)!important;color:#fff!important;font-weight:600!important;box-shadow:0 4px 12px #4dabf74d}.universal-button.active:hover,.universal-button.selected:hover{background:var(--accent-hover)!important;border-color:var(--accent-hover)!important;color:#fff!important;transform:translateY(-2px);box-shadow:0 6px 16px #4dabf766}.universal-button:disabled,.universal-button.disabled-button{opacity:.5!important;cursor:not-allowed!important;pointer-events:none!important}.universal-button:disabled:hover,.universal-button.disabled-button:hover{background:var(--bg-primary)!important;border-color:var(--border-color)!important;color:var(--text-secondary)!important;transform:none!important;box-shadow:0 2px 8px var(--shadow)}.universal-button.compact{padding:.75rem 1rem!important;min-height:40px!important;font-size:.85rem!important}.universal-button.header{background:transparent!important;border:none!important;color:var(--text-secondary)!important;padding:.5rem 1rem!important;min-height:40px!important;font-size:.85rem!important;box-shadow:none!important}.universal-button.header.has-flow-state{position:relative;display:flex!important;align-items:center;justify-content:center;overflow:visible!important}.universal-button.header:hover{background:var(--bg-secondary)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important;box-shadow:0 2px 4px var(--shadow)!important}.universal-button.header.active{background:var(--bg-primary)!important;border:1px solid var(--text-primary)!important;color:var(--text-primary)!important;box-shadow:0 2px 4px var(--shadow)!important}.universal-button.square{aspect-ratio:1;min-height:80px!important;width:80px!important;padding:1rem!important}.universal-button.full-width{width:100%!important;min-height:40px!important;padding:.75rem 1rem!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:.5rem!important}.universal-button-container{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.button-style-example{padding:2rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;margin:2rem 0}.button-style-example h3{margin:0 0 2rem;color:var(--text-primary);font-size:1.5rem;font-weight:600}.button-style-example h4{margin:0 0 1rem;color:var(--text-primary);font-size:1.1rem;font-weight:500}.button-group{margin-bottom:2rem}.button-group:last-child{margin-bottom:0}.usage-examples{background:var(--bg-secondary);padding:1rem;border-radius:8px;border:1px solid var(--border-color)}.usage-examples p{margin:.5rem 0;color:var(--text-primary);font-size:.9rem}.usage-examples code{background:var(--bg-primary);padding:.2rem .4rem;border-radius:4px;font-family:Courier New,monospace;font-size:.8rem;color:var(--accent-color);border:1px solid var(--border-color)}.demo-card{margin-bottom:2rem;background:var(--bg-primary)!important;border:1px solid var(--border-color)!important;box-shadow:0 2px 8px var(--shadow)!important}.demo-card .p-card-title{color:var(--text-primary)!important;font-size:1.5rem!important;font-weight:600!important;margin-bottom:.5rem!important}.demo-card .p-card-content p{color:var(--text-secondary)!important;margin-bottom:1.5rem!important;font-size:1rem!important}.button-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}@media (max-width: 480px){.button-grid{grid-template-columns:1fr!important}}.button-grid .p-button{justify-self:start;min-width:150px}.code-examples{display:flex;flex-direction:column;gap:1.5rem}.code-section h4{margin:0 0 .5rem;color:var(--text-primary);font-size:1.1rem;font-weight:600}.code-section pre{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1rem;margin:0;overflow-x:auto}.code-section code{background:transparent;padding:0;border:none;font-family:Courier New,monospace;font-size:.9rem;color:var(--text-primary);white-space:pre}@media (max-width: 768px){.button-grid{grid-template-columns:1fr;gap:.75rem}.button-grid .p-button{min-width:auto;width:100%}}.universal-button-container.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;width:100%}@media (max-width: 480px){.universal-button-container.grid{grid-template-columns:1fr!important}}.universal-button-container.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.universal-popup{background:var(--bg-primary)!important;border:1px solid var(--border-color)!important;border-radius:12px!important;box-shadow:0 10px 30px #0003!important;color:var(--text-primary)!important}.universal-popup .p-dialog-header{display:none!important}.universal-popup .p-dialog-content{background:var(--bg-primary)!important;color:var(--text-primary)!important;padding:2rem!important;border-radius:12px!important;position:relative!important}.universal-popup .p-dialog-header-close{position:absolute!important;top:1rem!important;right:1rem!important;z-index:1000!important;background:var(--bg-primary)!important;border:1px solid var(--border-color)!important;color:var(--text-secondary)!important;width:32px!important;height:32px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:.9rem!important;transition:all .3s ease!important;box-shadow:0 2px 4px var(--shadow)!important}.universal-popup .p-dialog-header-close:hover{background:var(--bg-secondary)!important;border-color:var(--text-primary)!important;color:var(--text-primary)!important;transform:translateY(-2px)!important;box-shadow:0 4px 12px var(--shadow)!important}.universal-popup .p-button{background:var(--bg-primary)!important;border:1px solid var(--border-color)!important;color:var(--text-secondary)!important;padding:1rem 1.5rem!important;border-radius:8px!important;transition:all .3s ease!important;font-size:.9rem!important;font-weight:500!important;text-align:center!important;min-height:60px!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 2px 4px var(--shadow)!important;gap:.5rem!important}.universal-popup .p-button:hover{background:var(--bg-secondary)!important;border-color:var(--text-primary)!important;color:var(--text-primary)!important;transform:translateY(-2px)!important;box-shadow:0 4px 12px var(--shadow)!important}.universal-popup .p-button.p-button-primary,.universal-popup .p-button.active,.universal-popup .p-button.selected{background:var(--accent-color)!important;border-color:var(--accent-color)!important;color:#fff!important;font-weight:600!important;box-shadow:0 4px 12px #4dabf74d!important}.universal-popup .p-button.p-button-primary:hover,.universal-popup .p-button.active:hover,.universal-popup .p-button.selected:hover{background:var(--accent-hover)!important;border-color:var(--accent-hover)!important;color:#fff!important;transform:translateY(-2px)!important;box-shadow:0 6px 16px #4dabf766!important}.universal-popup .p-button.compact{padding:.75rem 1rem!important;min-height:40px!important;font-size:.85rem!important}.universal-popup .p-button.p-button-text{background:transparent!important;border:none!important;color:var(--text-secondary)!important;box-shadow:none!important}.universal-popup .p-button.p-button-text:hover{background:var(--bg-secondary)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important;box-shadow:0 2px 4px var(--shadow)!important}@media (max-width: 768px){.universal-popup .p-dialog{width:95vw!important;margin:1rem!important}.universal-popup .p-dialog-content{padding:1.5rem!important}.universal-popup .p-dialog-header-close{top:.75rem!important;right:.75rem!important;width:28px!important;height:28px!important}.universal-popup .p-confirm-dialog-footer,.universal-popup .form-actions,.universal-popup .dialog-footer,.universal-popup .flow-state-footer,.universal-popup .vision-stats-footer,.universal-popup .dialog-actions{flex-direction:column!important;gap:.5rem!important}.universal-popup .p-confirm-dialog-footer .p-button,.universal-popup .form-actions .p-button,.universal-popup .dialog-footer .p-button,.universal-popup .flow-state-footer .p-button,.universal-popup .vision-stats-footer .p-button,.universal-popup .dialog-actions .p-button{width:100%!important}}@media (max-width: 480px){.universal-popup .p-dialog-content{padding:1rem!important}.universal-popup .p-button{padding:.75rem 1rem!important;min-height:50px!important;font-size:.85rem!important}}.details-button.has-flow-state{position:relative;display:flex!important;align-items:center;justify-content:center;overflow:visible!important}.button-flow-toggle{position:absolute;bottom:-6px;right:-8px;z-index:1002;pointer-events:auto;background:transparent!important;border:none!important}.button-flow-toggle .inline-toggle{transform:scale(.9);box-shadow:0 4px 12px #00000040;display:flex!important;align-items:center!important;justify-content:center!important}.app .container.sidebar-open{margin-left:250px}.container{max-width:1200px;margin:0 auto;padding:2rem}.welcome-card{box-shadow:0 10px 30px #0003;border-radius:12px}.welcome-content{text-align:center}.welcome-content h2{color:var(--text-primary);margin-bottom:1rem}.welcome-content p{color:var(--text-secondary);margin-bottom:1rem}.feature-list{text-align:left;display:inline-block;color:var(--text-secondary);margin-bottom:2rem}.feature-list li{margin-bottom:.5rem}.action-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.action-buttons .p-button{min-width:2rem;height:2rem}.form-card{box-shadow:0 10px 30px #0003;border-radius:12px}.form{display:flex;flex-direction:column;gap:1.5rem}.field{display:flex;flex-direction:column;gap:.5rem}.field label{font-weight:600;color:var(--text-primary)}.button-group{display:flex;gap:1rem;justify-content:center;margin-top:1rem;flex-wrap:wrap}@media (max-width: 768px){.button-group{flex-direction:column;align-items:stretch}.button-group .p-button{width:100%}.grid{grid-template-columns:1fr!important}}.p-invalid{border-color:#e74c3c!important}.p-card .p-card-title{color:var(--text-primary);font-size:1.5rem;font-weight:700}.p-button{border-radius:8px;font-weight:600}.p-inputtext{border-radius:8px;border:2px solid var(--border-color);transition:all .3s ease}.p-inputtext:focus{border-color:var(--accent-color);box-shadow:0 0 0 .2rem #007bff40}.p-datatable{background:var(--bg-primary);border-radius:8px;overflow:hidden}.p-datatable .p-datatable-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.p-datatable .p-datatable-tbody>tr:hover{background:#007bff0d}.flex{display:flex}.gap-2{gap:.5rem}.p-4{padding:1rem}.mb-4{margin-bottom:1rem}.splash-page{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;font-family:Inter,sans-serif;padding-top:80px}.splash-content{text-align:center;z-index:10}.mnfst-title{font-size:4rem;font-weight:700;letter-spacing:.5rem;margin:0;color:var(--text-primary);text-shadow:0 0 5px rgba(33,37,41,.15),0 0 10px rgba(33,37,41,.1),0 0 15px rgba(33,37,41,.05)}.splash-subtitle{font-size:1.2rem;color:var(--text-secondary);margin:1rem 0 3rem;font-weight:300}.rotating-text{font-size:1.2rem;color:var(--text-secondary);margin:1rem 0 3rem;font-weight:300;letter-spacing:.15rem;min-height:1.5em;display:flex;align-items:center;justify-content:center}.rotating-text.visible{opacity:1}.rotating-text.hidden{opacity:0}.splash-buttons{display:flex;flex-direction:column;gap:1.5rem;align-items:center}.splash-button{width:200px!important;min-width:200px!important;max-width:200px!important;height:50px;border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-primary);font-size:1rem;font-weight:500;border-radius:8px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.splash-button:hover{border:1px solid var(--text-primary);background:var(--bg-secondary);color:var(--text-primary);transform:translateY(-2px);box-shadow:0 5px 15px var(--shadow)}.splash-button:active{transform:translateY(0)}.splash-auth{position:absolute;top:1rem;right:2rem;z-index:10}.auth-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--text-primary);font-size:.9rem;font-weight:500;padding:.75rem 1.5rem;border-radius:25px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.auth-button:hover{background:#fff3;border-color:#fff6;transform:translateY(-1px);box-shadow:0 3px 10px var(--shadow)}.auth-button:active{transform:translateY(0)}.splash-settings{position:absolute;bottom:2rem;left:2rem;z-index:10;background:#ffffff1a;border-radius:50%;padding:.75rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.settings-icon{color:var(--text-muted);font-size:2rem;transition:all .3s ease}.splash-settings:hover{background:#fff3;border-color:#fff6;transform:scale(1.05)}.splash-settings:hover .settings-icon{color:var(--text-primary);transform:scale(1.1)}.about-dialog .p-dialog-header{display:none}.about-dialog .p-dialog-content{background:var(--bg-primary);color:var(--text-primary);padding:2rem;overflow:visible}.about-dialog .p-dialog-header .p-dialog-title{color:var(--text-primary);font-size:1.5rem;font-weight:600}.about-content p{margin-bottom:1.5rem;line-height:1.6;color:var(--text-secondary)}.about-content p:last-child{margin-bottom:0}.about-content em{color:var(--text-primary);font-style:italic}@media (max-width: 768px){.about-dialog,.login-dialog{width:90vw!important}}.lists-dialog .p-dialog-header{display:none}.lists-dialog .p-dialog-content{background:var(--bg-primary);color:var(--text-primary);padding:2rem}.lists-dialog .p-dialog-header .p-dialog-title{color:var(--text-primary);font-size:1.5rem;font-weight:600}.lists-content p{margin-bottom:1rem;color:var(--text-secondary)}.lists-content ul{color:var(--text-secondary);padding-left:1.5rem}.lists-content li{margin-bottom:.5rem}.add-task-dialog .p-dialog-header{display:none}.add-task-dialog .p-dialog-content{background:var(--bg-primary);color:var(--text-primary);padding:2rem}.add-task-dialog .p-dialog-header .p-dialog-title{color:var(--text-primary);font-size:1.25rem;font-weight:600}.dialog-content,.dialog-content .field{display:flex;flex-direction:column;gap:.5rem}.dialog-content label{color:var(--text-primary);font-weight:600}.task-input,.time-input{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:8px;transition:all .3s ease}.task-input:focus,.time-input:focus{border-color:var(--accent-color);background:var(--bg-primary);box-shadow:0 0 0 .2rem #007bff40}.task-input::placeholder,.time-input::placeholder{color:var(--text-muted)}.dialog-actions .cancel-button{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary)}.dialog-actions .cancel-button:hover{background:var(--bg-tertiary);color:var(--text-primary)}.dialog-actions .add-button{background:var(--accent-color);border:1px solid var(--accent-color);color:#fff}.dialog-actions .add-button:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.add-action-dialog .p-dialog-header{display:none}.add-action-dialog .p-dialog-content{background:var(--bg-primary);color:var(--text-primary);padding:2rem}.add-action-dialog .p-dialog-header .p-dialog-title{color:var(--text-primary);font-size:1.25rem;font-weight:600}.action-input,.vision-dropdown{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:8px;transition:all .3s ease}.action-input:focus,.vision-dropdown:focus{border-color:var(--accent-color);background:var(--bg-primary);box-shadow:0 0 0 .2rem #007bff40}.action-input::placeholder{color:var(--text-muted)}body>.p-component-overlay,body>.p-component-overlay-enter,body>.p-component-overlay-enter-active{z-index:3000!important}body>.p-component-overlay .p-dialog{z-index:3001!important}.login-dialog .p-dialog{background:var(--bg-primary)!important;border:none!important;box-shadow:0 10px 40px var(--shadow)!important;border-radius:12px!important;z-index:3002!important}.login-dialog .p-dialog-content{background:var(--bg-primary)!important;color:var(--text-primary)!important;padding:2rem!important;overflow:visible!important}.login-dialog .p-dialog-header{display:none!important}.login-content{max-width:100%}.login-dialog .p-inputtext{width:100%!important;box-sizing:border-box!important}.login-dialog .p-password{width:100%!important;display:block!important;box-sizing:border-box!important}.login-dialog .p-password>.p-inputtext,.login-dialog .p-password input{width:100%!important;box-sizing:border-box!important}.login-content .login-form-header h2{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.login-content .login-form-header p{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.6}.p-confirm-dialog{background:var(--bg-primary)!important;border:1px solid var(--border-color)!important;border-radius:12px!important;box-shadow:0 10px 30px #0003!important;color:var(--text-primary)!important}.p-confirm-dialog .p-dialog-header{display:none!important}.p-dialog .p-dialog-header,.p-dialog-header,.p-component .p-dialog-header,.p-dialog .p-dialog-headerbar,.p-dialog-headerbar,.p-dialog .p-dialog-header .p-dialog-title,.p-dialog .p-dialog-header .p-dialog-header-icon,.p-dialog .p-dialog-header .p-dialog-header-close,body .p-dialog .p-dialog-header,body .p-dialog-header,body .p-component .p-dialog-header,body .p-dialog .p-dialog-headerbar,body .p-dialog-headerbar{display:none!important;background:transparent!important;border:none!important;padding:0!important;margin:0!important;height:0!important;min-height:0!important;max-height:0!important;overflow:hidden!important;visibility:hidden!important}.settings-header{text-align:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.settings-title{font-size:1.5rem;font-weight:600;margin:0;color:var(--text-primary)}.settings-section{margin-bottom:1.5rem}.settings-section-header{margin-bottom:1rem}.settings-icon-container{width:2.5rem;height:2.5rem;border-radius:.75rem;background:var(--primary-color);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.1rem}.settings-modal .settings-content{margin-left:0}.setting-item{padding:.75rem 0;border-radius:.5rem;transition:background-color .2s ease}.setting-item:hover{background-color:var(--surface-hover)}.setting-icon{width:2rem;height:2rem;border-radius:.5rem;background:var(--surface-card);display:flex;align-items:center;justify-content:center;color:var(--text-color-secondary);font-size:.9rem;border:1px solid var(--border-color)}.setting-item label{color:var(--text-primary);line-height:1.4}.setting-item p{line-height:1.4;max-width:400px}.search-container{max-width:400px;margin:0 auto}.search-container .p-input-icon-left{width:100%}.search-container .p-inputtext{width:100%;padding-left:2.5rem}.setting-item.highlighted{background-color:var(--primary-50);border:1px solid var(--primary-200)}.no-results{text-align:center;padding:2rem 1rem;color:var(--text-color-secondary)}.no-results i{font-size:3rem;margin-bottom:1rem;opacity:.5}@media (max-width: 768px){.settings-icon-container{width:2rem;height:2rem;font-size:1rem}.setting-icon{width:1.75rem;height:1.75rem;font-size:.8rem}.settings-content{padding-left:1rem!important}.search-container{max-width:100%}}.settings-modal .settings-container{display:flex;flex-direction:column;gap:2rem;max-height:80vh;overflow-y:auto}.settings-modal .settings-header{text-align:center;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.settings-modal .settings-title{font-size:2rem;font-weight:300;margin:0 0 .5rem;color:var(--text-primary)}.settings-modal .settings-subtitle{font-size:1rem;color:var(--text-secondary);margin:0 0 1.5rem}.settings-modal .search-container{max-width:400px;margin:0 auto}.settings-modal .search-container .p-input-icon-left{width:100%}.settings-modal .search-container .p-inputtext{width:100%;padding-left:2.5rem}.settings-modal .settings-cards-container{display:flex;flex-direction:column;gap:1.5rem}.settings-modal .settings-card{background:var(--bg-primary)!important;border:1px solid var(--border-color)!important;box-shadow:0 2px 8px var(--shadow)!important;border-radius:12px!important;transition:all .3s ease!important}.settings-modal .settings-card:hover{background:var(--bg-primary)!important;border-color:var(--accent-color)!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px var(--shadow)!important}.settings-modal .settings-card .p-card-title{display:none!important}.settings-modal .settings-card .p-card-content{padding:1.5rem!important}.settings-modal .settings-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.settings-modal .settings-card-icon{width:3rem;height:3rem;border-radius:12px;background:linear-gradient(135deg,var(--accent-color),var(--accent-hover));display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;flex-shrink:0}.settings-modal .settings-card-info{flex:1}.settings-modal .settings-card-title{font-size:1.3rem;font-weight:600;margin:0 0 .25rem;color:var(--text-primary)}.settings-modal .settings-card-description{font-size:.9rem;color:var(--text-secondary);margin:0;line-height:1.4}.settings-modal .settings-card-content{display:flex;flex-direction:column;gap:1rem}.settings-modal .setting-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color);transition:all .3s ease}.settings-modal .setting-item:hover{background:var(--bg-tertiary);border-color:var(--accent-color);transform:translateY(-1px);box-shadow:0 2px 8px var(--shadow)}.settings-modal .setting-header{display:flex;align-items:center;gap:1rem;flex:1}.settings-modal .setting-icon{width:2.5rem;height:2.5rem;border-radius:8px;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:1rem;border:1px solid var(--border-color);flex-shrink:0}.settings-modal .setting-info{flex:1}.settings-modal .setting-label{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem;display:block}.settings-modal .setting-description{font-size:.85rem;color:var(--text-secondary);margin:0;line-height:1.3}.settings-modal .setting-control{flex-shrink:0}.settings-modal .theme-toggle,.settings-modal .setting-toggle{background:var(--bg-tertiary)!important;border:1px solid var(--border-color)!important;color:var(--text-secondary)!important;transition:all .3s ease!important}.settings-modal .theme-toggle:hover,.settings-modal .setting-toggle:hover{background:var(--bg-secondary)!important;border-color:var(--accent-color)!important;color:var(--text-primary)!important}.settings-modal .theme-toggle.p-highlight,.settings-modal .setting-toggle.p-highlight{background:var(--accent-color)!important;border-color:var(--accent-color)!important;color:#fff!important}.settings-modal .font-size-selector,.settings-modal .font-size-selector .p-selectbutton{display:flex!important;gap:.5rem!important}.settings-modal .font-size-selector .p-button{background:var(--bg-tertiary)!important;border:1px solid var(--border-color)!important;color:var(--text-secondary)!important;padding:.5rem 1rem!important;margin:0!important;flex:0 0 auto!important;transition:all .3s ease!important}.settings-modal .font-size-selector .p-button:hover{background:var(--bg-secondary)!important;border-color:var(--accent-color)!important;color:var(--text-primary)!important}.settings-modal .font-size-selector .p-button.p-highlight{background:var(--accent-color)!important;border-color:var(--accent-color)!important;color:#fff!important}.settings-modal .no-results-card{background:var(--bg-primary)!important;border:1px solid var(--border-color)!important;box-shadow:0 2px 8px var(--shadow)!important;border-radius:12px!important}.settings-modal .no-results-content{text-align:center;padding:2rem}.settings-modal .no-results-icon{font-size:3rem;color:var(--text-secondary);margin-bottom:1rem;opacity:.5}.settings-modal .no-results-text{color:var(--text-secondary);margin:0 0 1rem}.settings-modal .clear-search-button{color:var(--accent-color)!important}.settings-modal .settings-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1.5rem;border-top:1px solid var(--border-color)}.settings-modal .footer-button{color:var(--text-secondary)!important;transition:all .3s ease!important}.settings-modal .footer-button:hover{color:var(--accent-color)!important;background:var(--bg-secondary)!important}@media (max-width: 768px){.settings-modal .settings-container{gap:1.5rem}.settings-modal .settings-title{font-size:1.5rem}.settings-modal .settings-card-icon{width:2.5rem;height:2.5rem;font-size:1rem}.settings-modal .settings-card-title{font-size:1.1rem}.settings-modal .setting-item{flex-direction:column;align-items:flex-start;gap:1rem}.settings-modal .setting-control{align-self:flex-end}.settings-modal .font-size-selector{flex-direction:column!important;width:100%}.settings-modal .font-size-selector .p-button{width:100%!important}}.add-action-header{text-align:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.add-action-title{font-size:1.25rem;font-weight:600;margin:0;color:var(--text-primary)}.save-dialog-header{text-align:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.save-dialog-title{font-size:1.25rem;font-weight:600;margin:0;color:var(--text-primary)}.password-dialog-header{text-align:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.password-dialog-title{font-size:1.25rem;font-weight:600;margin:0;color:var(--text-primary)}.p-confirm-dialog .p-dialog-content{background:var(--bg-primary);color:var(--text-primary);padding:2rem;border-radius:12px;box-shadow:0 8px 32px var(--shadow)}.p-confirm-dialog .p-dialog-title{color:var(--text-primary)}.p-confirm-dialog .p-confirm-dialog-message{color:var(--text-primary);font-size:1rem;line-height:1.5;margin-bottom:1.5rem}.p-confirm-dialog .p-confirm-dialog-icon{color:var(--accent-color);font-size:1.5rem;margin-right:1rem}.p-confirm-dialog .p-button{background:var(--bg-primary)!important;border:1px solid var(--border-color)!important;color:var(--text-secondary)!important;padding:1rem 1.5rem!important;border-radius:8px!important;transition:all .3s ease!important;font-size:.9rem!important;font-weight:500!important;text-align:center!important;min-height:60px!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 2px 4px var(--shadow)!important;gap:.5rem!important}.p-confirm-dialog .p-button:hover{background:var(--bg-secondary)!important;border-color:var(--text-primary)!important;color:var(--text-primary)!important;transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow)}.p-confirm-dialog .p-button.p-confirm-dialog-accept{background:var(--accent-color)!important;border-color:var(--accent-color)!important;color:#fff!important;font-weight:600!important;box-shadow:0 4px 12px #4dabf74d}.p-confirm-dialog .p-button.p-confirm-dialog-accept:hover{background:var(--accent-hover)!important;border-color:var(--accent-hover)!important;color:#fff!important;transform:translateY(-2px);box-shadow:0 6px 16px #4dabf766}.p-confirm-dialog .p-button.p-confirm-dialog-reject{background:var(--bg-tertiary)!important;border:1px solid var(--border-color)!important;color:var(--text-secondary)!important}.p-confirm-dialog .p-button.p-confirm-dialog-reject:hover{background:var(--bg-secondary)!important;border-color:var(--text-primary)!important;color:var(--text-primary)!important}.confirm-delete-dialog .confirm-delete-content{display:flex;flex-direction:column;gap:1.5rem}.confirm-delete-dialog .confirm-delete-header{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.confirm-delete-dialog .confirm-delete-icon{color:var(--accent-color);font-size:1.5rem;flex-shrink:0}.confirm-delete-dialog .confirm-delete-title{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.confirm-delete-dialog .confirm-delete-message{color:var(--text-primary);font-size:1rem;line-height:1.5;margin-bottom:.5rem}.confirm-delete-dialog .universal-button-container{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.confirm-delete-dialog .universal-button.delete-button{background:var(--accent-color)!important;border-color:var(--accent-color)!important;color:#fff!important;font-weight:600!important;box-shadow:0 4px 12px #4dabf74d}.confirm-delete-dialog .universal-button.delete-button:hover{background:var(--accent-hover)!important;border-color:var(--accent-hover)!important;color:#fff!important;transform:translateY(-2px);box-shadow:0 6px 16px #4dabf766}@media (max-width: 768px){.confirm-delete-dialog .p-dialog{width:95vw!important;margin:1rem!important}.confirm-delete-dialog .p-dialog-content{padding:1.5rem!important}.confirm-delete-dialog .confirm-delete-header{flex-direction:column;align-items:flex-start;gap:.5rem;text-align:center}.confirm-delete-dialog .confirm-delete-icon{align-self:center;font-size:2rem}.confirm-delete-dialog .confirm-delete-title{text-align:center;width:100%}.confirm-delete-dialog .universal-button-container{flex-direction:column!important;gap:.75rem!important}.confirm-delete-dialog .universal-button-container .universal-button{width:100%!important;min-height:44px!important}}@media (max-width: 480px){.confirm-delete-dialog .p-dialog-content{padding:1rem!important}.confirm-delete-dialog .confirm-delete-content{gap:1rem}.confirm-delete-dialog .confirm-delete-title{font-size:1.1rem}.confirm-delete-dialog .confirm-delete-message{font-size:.9rem}}.page-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:1rem 2rem;background:transparent;position:fixed;top:0;left:0;right:0;z-index:1100}.header-left{display:flex;align-items:center;justify-content:flex-start;gap:15px}.header-right{display:flex;align-items:center;justify-content:flex-end;gap:15px}.mobile-menu-button{min-width:44px!important;min-height:44px!important}@media (max-width: 768px){.mobile-menu-button{font-size:1.2rem!important}.header-left,.header-right{gap:.25rem!important}}.header-buttons-container{position:relative;display:flex;align-items:center;gap:15px}@media (max-width: 768px){.header-buttons-container{gap:.25rem!important}}@media (max-width: 480px){.header-buttons-container{gap:.125rem!important}}.header-flow-toggle{position:absolute;bottom:-8px;right:-12px;z-index:10}.header-flow-toggle .flow-toggle{font-size:.65rem;padding:.15rem .35rem;min-width:auto;position:relative;box-shadow:0 2px 4px #0000001a;border-radius:4px}.header-center{text-align:center}.header-center h1{margin:0;font-size:1.5rem;font-weight:600;color:var(--text-primary)}.page-content{flex:1;display:flex;align-items:center;justify-content:center;padding:8rem 2rem 4rem;text-align:center}.vision-input-container{max-width:600px;width:100%}.vision-input-container h2{font-size:2rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.instruction-text{font-size:1.1rem;color:var(--text-secondary);margin-bottom:2rem;line-height:1.6}.statement-bar-container{position:relative;margin-bottom:2rem}.statement-input{width:100%;height:60px;font-size:1.2rem;padding:0 1rem;background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:8px;transition:all .3s ease}.statement-input:focus{border-color:var(--accent-color);background:var(--bg-primary);box-shadow:0 0 0 .2rem #007bff40}.statement-input::placeholder{color:var(--text-muted)}.statement-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--bg-primary);border:1px solid var(--border-color);border-top:none;border-radius:0 0 8px 8px;max-height:200px;overflow-y:auto;z-index:1000;box-shadow:0 4px 6px var(--shadow)}.dropdown-item{padding:1rem 1.25rem;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;border-bottom:1px solid var(--border-color);margin-bottom:4px}.dropdown-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.action-buttons{display:flex;justify-content:center;gap:1rem}.save-button{min-width:200px;height:50px;font-size:1rem;font-weight:600;background:#007bff;border:1px solid #007bff;color:#fff;transition:all .3s ease}.page-footer{padding:1rem 2rem;text-align:center;background:#f8f9faf2;border-top:1px solid rgba(0,0,0,.1)}.footer-text{color:#21252999;margin:0;font-size:.9rem}.archives-tabview{background:transparent!important;border:none!important;box-shadow:none!important;overflow:visible!important}.archives-tabview.p-tabview{border:none!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}.universal-page .page-content .archives-tabview{margin-top:0!important;overflow:visible!important}.universal-page:has(.archives-tabview) .page-header{z-index:1000!important}.universal-page:has(.archives-tabview) .page-content{padding-top:1rem!important;overflow:visible!important}.archives-tabview .p-tabview-nav{background:transparent!important;border:none!important;padding:0!important;margin-bottom:1rem!important;margin-top:0!important;display:flex!important;justify-content:center!important;gap:1rem!important;overflow:visible!important;position:relative!important;z-index:1!important}.archives-tabview .p-tabview-nav .p-tabview-nav-link{background:var(--bg-primary)!important;border:1px solid var(--border-color)!important;border-radius:12px!important;padding:1rem 2rem!important;margin:0!important;transition:all .3s ease!important;box-shadow:0 2px 8px var(--shadow)!important;color:var(--text-secondary)!important;font-weight:500!important;font-size:1rem!important;min-width:120px!important;text-align:center!important;overflow:visible!important;position:relative!important;z-index:2!important}.archives-tabview .p-tabview-nav .p-tabview-nav-link:hover{background:var(--bg-secondary)!important;border-color:var(--accent-color)!important;color:var(--text-primary)!important;transform:translateY(-2px)!important;box-shadow:0 4px 12px var(--shadow)!important}.archives-tabview .p-tabview-nav .p-tabview-nav-link.p-highlight{background:var(--accent-color)!important;border-color:var(--accent-color)!important;color:#fff!important;font-weight:600!important;box-shadow:0 4px 12px #4dabf74d!important;transform:translateY(-2px)!important;overflow:visible!important;position:relative!important;z-index:3!important}.archives-tabview .p-tabview-panels{background:transparent!important;border:none!important;padding:0!important}.universal-page:has(.journal-entries-tabview) .page-content{padding-top:1rem!important;overflow:visible!important}.journal-entries-tabview .p-tabview-nav{background:transparent!important;border:none!important;padding:0!important;margin-bottom:1rem!important;margin-top:0!important;display:flex!important;justify-content:center!important;gap:1rem!important;overflow:visible!important;position:relative!important;z-index:1!important}.journal-entries-tabview .p-tabview-nav .p-tabview-nav-link:hover{background:var(--bg-secondary)!important;border-color:var(--accent-color)!important;color:var(--text-primary)!important;transform:translateY(-2px)!important;box-shadow:0 4px 12px var(--shadow)!important}.journal-entries-tabview .p-tabview-nav .p-tabview-nav-link.p-highlight{background:var(--accent-color)!important;border-color:var(--accent-color)!important;color:#fff!important;font-weight:600!important;box-shadow:0 4px 12px #4dabf74d!important;transform:translateY(-2px)!important;overflow:visible!important;position:relative!important;z-index:3!important}.archives-filter-buttons{display:flex!important;gap:.5rem!important;justify-content:center!important;flex-wrap:wrap!important}.archives-filter-buttons .p-button{background:var(--bg-primary)!important;border:1px solid var(--border-color)!important;color:var(--text-secondary)!important;border-radius:8px!important;padding:.5rem 1rem!important;font-size:.9rem!important;font-weight:500!important;transition:all .3s ease!important;box-shadow:0 2px 4px var(--shadow)!important}.archives-filter-buttons .p-button:hover{background:var(--bg-secondary)!important;border-color:var(--accent-color)!important;color:var(--text-primary)!important;transform:translateY(-1px)!important;box-shadow:0 4px 8px var(--shadow)!important}.archives-filter-buttons .p-button.p-highlight{background:var(--accent-color)!important;border-color:var(--accent-color)!important;color:#fff!important;font-weight:600!important;box-shadow:0 4px 8px #4dabf74d!important;transform:translateY(-1px)!important}.journal-entries-tabview{background:transparent!important;border:none!important;box-shadow:none!important;overflow:visible!important}.journal-entries-tabview.p-tabview{border:none!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}.universal-page .page-content .journal-entries-tabview{margin-top:0!important;overflow:visible!important}.universal-page:has(.journal-entries-tabview) .page-header{z-index:1000!important}.journal-entries-tabview .p-tabview-nav{background:transparent!important;border:none!important;padding:0!important;margin-bottom:1rem!important;margin-top:0!important;display:flex!important;justify-content:center!important;gap:1rem!important;flex-wrap:wrap!important;overflow:visible!important;position:relative!important;z-index:1!important}.journal-entries-tabview .p-tabview-nav .p-tabview-nav-link{background:var(--bg-primary)!important;border:1px solid var(--border-color)!important;border-radius:12px!important;padding:1rem 2rem!important;margin:0!important;transition:all .3s ease!important;box-shadow:0 2px 8px var(--shadow)!important;color:var(--text-secondary)!important;font-weight:500!important;font-size:1rem!important;min-width:120px!important;text-align:center!important;overflow:visible!important;position:relative!important;z-index:2!important}.journal-entries-tabview .p-tabview-nav .p-tabview-nav-link.p-highlight{background:var(--accent-color)!important;border-color:var(--accent-color)!important;color:#fff!important}.journal-entries-tabview .p-tabview-panels{background:transparent!important;border:none!important;padding:0!important}@media (max-width: 768px){.container{padding:1rem}.action-buttons,.button-group{flex-direction:column}.mnfst-title{font-size:2.5rem;letter-spacing:.3rem}.splash-subtitle{font-size:1rem}.splash-button{width:180px!important;min-width:180px!important;max-width:180px!important;height:45px}.splash-auth{top:1rem;right:1rem}.auth-button{padding:.6rem 1.2rem;font-size:.8rem}.splash-settings{bottom:1rem;left:1rem;padding:.5rem}.splash-settings .settings-icon{font-size:1.6rem}.page-header{padding:1rem}.page-content{padding:6rem 1rem 4rem}.splash-page{padding-top:100px}.vision-input-container h2{font-size:1.5rem}.statement-input{height:50px;font-size:1rem}.save-button{min-width:150px;height:45px}}.page-title{font-size:1.8rem!important;font-weight:700!important;color:var(--text-primary)!important;margin:0 0 1rem!important;text-align:center!important}.lists-page{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);display:flex;flex-direction:column;font-family:Inter,sans-serif}.lists-page .page-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:1rem 2rem;background:transparent;position:fixed;top:0;left:0;right:0;z-index:100}.lists-page .page-content{flex:1;padding:8rem 2rem 2rem}.lists-card{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);box-shadow:0 2px 4px var(--shadow)}.lists-card .p-card-title{color:var(--text-primary);font-size:1.5rem;font-weight:600}.lists-card .p-card-content{color:var(--text-secondary)}.loading-state,.empty-state{text-align:center;padding:3rem 1rem}.empty-state h3{color:#212529;margin-bottom:1rem}.empty-state p{color:#212529b3;margin-bottom:2rem}.create-first-button{background:#007bff;border:1px solid #007bff;color:#fff;font-weight:600;transition:all .3s ease}.create-first-button:hover{background:#0056b3;border-color:#0056b3;transform:translateY(-2px);box-shadow:0 5px 15px #007bff4d}.lists-table{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.lists-table .p-datatable-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);color:var(--text-primary)}.lists-table .p-datatable-tbody>tr{background:var(--bg-primary);border-bottom:1px solid var(--border-color)}.lists-table .p-datatable-tbody>tr:hover{background:#007bff0d}.clickable-row{cursor:pointer;transition:all .2s ease}.clickable-row:hover{background:#007bff14!important;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.lists-table .p-datatable-tbody td{color:#212529cc;border-color:#0000000d}.list-name-cell{color:#007bff;font-weight:600;transition:color .2s ease}.list-name-cell:hover{color:#0056b3}.list-description-cell{color:#21252999;font-style:italic}.status-badge.dev-mode{background:#007bff33;color:#007bff;border:1px solid rgba(0,123,255,.3)}.status-badge.normal-mode{background:#2125291a;color:#212529b3;border:1px solid rgba(33,37,41,.2)}.create-list-dialog .p-dialog-header{display:none}.create-list-dialog .p-dialog-content{background:var(--bg-primary);color:var(--text-primary);padding:2rem}.create-list-dialog .form-actions{border-top:none!important}.create-list-dialog .p-dialog-header .p-dialog-title{color:var(--text-primary);font-size:1.25rem;font-weight:600}.create-list-form{display:flex;flex-direction:column;gap:1.5rem}.create-list-form .field{display:flex;flex-direction:column;gap:.5rem}.create-list-form label{color:var(--text-primary);font-weight:600}.list-input{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:8px;transition:all .3s ease}.list-input:focus{border-color:var(--accent-color);background:var(--bg-primary);box-shadow:0 0 0 .2rem #007bff40}.list-input::placeholder{color:var(--text-muted)}.dialog-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:1rem}.dialog-actions .p-button{background:#007bff;border:1px solid #007bff;color:#fff;transition:all .3s ease}.dialog-actions .p-button:hover{background:#0056b3;border-color:#0056b3}.dialog-actions .p-button.p-button-secondary{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary)}.dialog-actions .p-button.p-button-secondary:hover{background:var(--bg-tertiary);color:var(--text-primary)}@media (max-width: 768px){.lists-page .page-header{padding:1rem}.lists-page .page-content{padding:6rem 1rem 2rem}.dialog-actions{flex-direction:column}}.create-list-section{margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(0,0,0,.1)}.create-list-input{display:flex;gap:1rem;align-items:center;margin-bottom:1rem}.list-name-input{flex:1;background:#fff;border:1px solid rgba(33,37,41,.3);color:#212529;border-radius:8px;transition:all .3s ease}.list-name-input:focus{border-color:#007bff;background:#fff;box-shadow:0 0 0 .2rem #007bff40}.list-name-input::placeholder{color:#21252980}.create-button{background:#007bff;border:1px solid #007bff;color:#fff;font-weight:600;transition:all .3s ease}.create-button:hover:not(:disabled){background:#0056b3;border-color:#0056b3;transform:translateY(-2px);box-shadow:0 5px 15px #007bff4d}.header-buttons{display:flex;gap:1rem;align-items:center}.bulk-delete-button{background:#dc3545;border:1px solid #dc3545;color:#fff;font-weight:600;transition:all .3s ease}.bulk-delete-button:hover:not(:disabled){background:#c82333;border-color:#bd2130;transform:translateY(-2px);box-shadow:0 5px 15px #dc35454d}.import-button{color:#212529b3;transition:color .2s ease}.import-button:hover{color:#212529}.list-actions-cell{display:flex;gap:.5rem;align-items:center}.list-actions-cell .action-button{color:#21252999;transition:color .2s ease}.list-actions-cell .action-button:hover{color:#007bff}.vision-counter{color:#21252980;margin:.5rem 0 0;font-size:.9rem;font-style:italic}.visions-page{min-height:100vh;background:#fff;color:#212529;display:flex;flex-direction:column;font-family:Inter,sans-serif}.visions-page .page-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:1rem 2rem;background:transparent;position:fixed;top:0;left:0;right:0;z-index:100}.visions-page .page-content{flex:1;padding:6rem 2rem 2rem;margin-top:0}.visions-page .page-footer{padding:1rem 2rem;text-align:center;background:#f8f9faf2;border-top:1px solid rgba(0,0,0,.1)}.visions-page .footer-text{color:#21252999;margin:0;font-size:.9rem}.visions-card{background:#fff;border:1px solid rgba(0,0,0,.1);color:#212529;box-shadow:0 2px 4px #0000001a}.visions-card .p-card-title{color:#212529;font-size:1.5rem;font-weight:600}.visions-card .p-card-content{color:#212529cc}.visions-table{background:#fff;color:#212529;border:1px solid rgba(0,0,0,.1);border-radius:8px;overflow:hidden}.visions-table .p-datatable-header{background:#f8f9fa;border-bottom:1px solid rgba(0,0,0,.1);color:#212529}.visions-table .p-datatable-tbody>tr{background:#fff;border-bottom:1px solid rgba(0,0,0,.05)}.visions-table .p-datatable-tbody>tr:hover{background:#007bff0d}.visions-table .p-datatable-tbody td{color:#212529cc;border-color:#0000000d}.vision-description-cell{color:#212529;font-weight:500;line-height:1.4}.vision-category-cell{color:#212529b3;font-style:italic}.vision-status-cell{display:flex;align-items:center}.vision-actions-cell{display:flex;gap:.5rem;align-items:center}.action-button{color:#21252999;transition:color .2s ease}.action-button:hover{color:#007bff}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-badge.active{background:#007bff33;color:#007bff;border:1px solid rgba(0,123,255,.3)}.status-badge.completed{background:#28a74533;color:#28a745;border:1px solid rgba(40,167,69,.3)}.status-badge.hidden{background:#2125291a;color:#21252980;border:1px solid rgba(33,37,41,.2)}.page-subheader{position:fixed;top:120px;left:0;right:0;z-index:50;background:transparent;display:flex;align-items:center;justify-content:center;padding:10px 20px}.vision-subheader-bubble{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem .75rem;background:#f8f9fae6;border:1px solid rgba(0,0,0,.1);border-radius:8px;box-shadow:0 4px 12px #00000026,0 2px 4px #0000001a;transition:all .2s ease;width:100%;max-width:95%;margin:0 auto;gap:.25rem;min-height:auto;position:relative;z-index:50}.vision-subheader-bubble:hover{background:#f8f9faf2;border-color:#007bff4d;transform:translateY(-1px);box-shadow:0 6px 16px #0003,0 4px 8px #00000026}.vision-subheader-bubble .vision-label{color:#999;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin:0;text-align:center}.vision-subheader-bubble .subheader-content{display:flex;align-items:center;gap:10px;width:100%}.vision-subheader-bubble .current-vision{display:flex;align-items:center;justify-content:center;flex:1;position:relative}.vision-subheader-bubble .vision-text{font-size:1rem;font-weight:400;color:#212529;font-style:italic;text-align:center;position:relative;display:inline-block}.vision-subheader-bubble .edit-icon{position:absolute;right:-30px;top:50%;transform:translateY(-50%);z-index:10}.vision-subheader-bubble .nav-arrow,.vision-subheader-bubble .edit-icon{color:#007bff!important;background:transparent!important;border:none!important;box-shadow:none!important;padding:.5rem!important;min-width:auto!important;min-height:auto!important;width:auto!important;height:auto!important;border-radius:4px!important;transition:all .2s ease!important}.vision-subheader-bubble .nav-arrow:hover,.vision-subheader-bubble .edit-icon:hover{color:#0056b3!important;background:#007bff1a!important;transform:none!important}.vision-subheader-bubble .vision-actions{display:flex;align-items:center;gap:.5rem}@media (min-width: 768px){.vision-subheader-bubble{max-width:90%;padding:1rem}}@media (min-width: 1024px){.vision-subheader-bubble{max-width:85%;padding:1rem 1.25rem}}@media (min-width: 1200px){.vision-subheader-bubble{max-width:80%;padding:1rem 1.5rem}}.visions-list{display:flex;flex-direction:column;gap:.75rem}.vision-bubble{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:#fffc;border:1px solid rgba(0,0,0,.1);border-radius:8px;cursor:pointer;transition:all .2s ease}.vision-bubble:hover{background:#fffffff2;border-color:#007bff4d;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.vision-content{flex:1;margin-right:1rem}.vision-actions{display:flex;gap:.5rem;align-items:center}.vision-action-button{color:#21252999;transition:color .2s ease}.vision-action-button:hover{color:#007bff}.visions-container-list .visions-list{display:flex;flex-direction:column;gap:.75rem}.vision-actions{display:flex;gap:.5rem;align-items:center;flex-shrink:0;margin-left:auto;min-width:80px}.vision-actions .p-button{width:3rem;height:3rem;padding:0;min-height:3rem;min-width:3rem}.visions-container-tile .visions-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;width:100%}.vision-tile{position:relative;aspect-ratio:1;padding:1rem;background:#fffc;border:1px solid rgba(0,0,0,.1);border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;justify-content:center;align-items:center}.vision-tile:hover{background:#fffffff2;border-color:#007bff4d;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.vision-content-tile{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;margin-bottom:.5rem}.vision-content-tile .vision-name{color:#212529;font-weight:500;font-size:.9rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.vision-actions-tile{position:absolute;bottom:.5rem;right:.5rem;display:flex;gap:.25rem;align-items:center}.vision-actions-tile .vision-action-button{font-size:.8rem;padding:.25rem}@media (max-width: 1200px){.visions-container-tile .visions-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 968px){.visions-container-tile .visions-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.visions-container-tile .visions-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.visions-container-tile .visions-grid{grid-template-columns:1fr}}@media (max-width: 768px){.visions-page .page-header{padding:1rem}.visions-page .page-content{padding:5rem 1rem 2rem}.vision-actions{flex-direction:column;gap:.25rem}}.journal-page{min-height:100vh;background:#fff;color:#212529;display:flex;flex-direction:column;font-family:Inter,sans-serif;padding:2rem}.journal-page .page-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:1rem 2rem;background:transparent;position:fixed;top:0;left:0;right:0;z-index:100}.journal-page .page-content{flex:1;padding:8rem 2rem 2rem}.journal-card{background:#fff;border:1px solid rgba(0,0,0,.1);color:#212529;box-shadow:0 2px 4px #0000001a}.journal-card .p-card-title{color:#212529;font-size:1.5rem;font-weight:600}.journal-content{display:flex;flex-direction:column;gap:2rem}.journal-header{text-align:center}.journal-header h2{color:#212529;font-size:1.8rem;font-weight:600;margin-bottom:.5rem}.journal-header p{color:#212529b3;font-size:1rem;line-height:1.6;margin:0}.journal-input-section{display:flex;flex-direction:column;gap:1.5rem}.journal-textarea{width:100%;min-height:200px;font-size:1rem;line-height:1.6;background:#fff;border:1px solid rgba(33,37,41,.3);color:#212529;border-radius:8px;padding:1rem;transition:all .3s ease;resize:vertical}.journal-textarea:focus{border-color:#007bff;background:#fff;box-shadow:0 0 0 .2rem #007bff40}.journal-textarea::placeholder{color:#21252980}.journal-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.save-button{background:#007bff;border:1px solid #007bff;color:#fff;font-weight:600;transition:all .3s ease;min-width:150px}.save-button:hover:not(:disabled){background:#0056b3;border-color:#0056b3;transform:translateY(-2px);box-shadow:0 5px 15px #007bff4d}.save-button:disabled{opacity:.5;cursor:not-allowed}.entries-button{background:transparent;border:1px solid rgba(33,37,41,.3);color:#212529b3;font-weight:600;transition:all .3s ease;min-width:150px}.entries-button:hover{background:#2125290d;color:#212529;border-color:#212529}.entries-content{padding:1rem 0}.entries-table{background:#fff;color:#212529;border:1px solid rgba(0,0,0,.1);border-radius:8px;overflow:hidden}.entries-table .p-datatable-header{background:#f8f9fa;border-bottom:1px solid rgba(0,0,0,.1);color:#212529}.entries-table .p-datatable-tbody>tr{background:#fff;border-bottom:1px solid rgba(0,0,0,.05)}.entries-table .p-datatable-tbody>tr:hover{background:#007bff0d}.entries-table .p-datatable-tbody td{color:#212529cc;border-color:#0000000d}.entry-text-cell{color:#212529;line-height:1.4;max-width:300px;word-wrap:break-word}.action-buttons{display:flex;gap:.5rem;align-items:center}.action-buttons .p-button{color:#21252999;transition:color .2s ease}.action-buttons .p-button:hover{color:#dc3545}@media (max-width: 768px){.journal-page .page-header{padding:1rem}.journal-page .page-content{padding:6rem 1rem 2rem}.journal-header h2{font-size:1.5rem}.journal-textarea{min-height:150px;font-size:.9rem}.journal-actions{flex-direction:column;align-items:center}.save-button,.entries-button{width:100%;max-width:200px}.entry-text-cell{max-width:200px}}.categorize-page{min-height:100vh;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);color:var(--text-primary);display:flex;flex-direction:column}.categorize-page .page-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.category-selection-container{width:100%;max-width:1000px;display:flex;flex-direction:column;align-items:center}.category-buttons{margin-bottom:2rem}.categorize-page .page-footer{padding:1rem 2rem;text-align:center;background:var(--bg-primary);border-top:1px solid var(--border-color)}.categorize-page .page-footer p{margin:0;color:var(--text-secondary);font-size:.9rem}.vision-details-page{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);display:flex;flex-direction:column}.vision-details-page .page-header{position:fixed;top:0;left:0;right:0;z-index:1100;background:transparent;padding:15px 20px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.vision-details-page .header-left,.vision-details-page .header-right{display:flex;align-items:center;gap:15px}.vision-details-page .header-center h1{margin:0;font-size:1.5rem;font-weight:600}.vision-details-page .page-content{margin-top:170px;padding:40px 20px;flex:1;display:flex;flex-direction:column;align-items:center}.vision-details-page .details-buttons-container{width:100%;max-width:1000px}.page-header .dca-checkbox-container{display:flex;align-items:center;gap:8px;padding:8px 12px;background:transparent;border:none;border-radius:6px;transition:all .3s ease;margin-left:10px}.page-header .dca-checkbox-container:hover{background:var(--bg-secondary);border:1px solid var(--border-color)}.page-header .dca-checkbox{margin:0}.page-header .dca-label{font-size:.9rem;font-weight:500;color:var(--text-primary);cursor:pointer;margin:0;-webkit-user-select:none;user-select:none}.vision-details-page .dca-checkbox-row{display:flex;justify-content:center;padding:20px 0;margin-bottom:10px}.vision-details-page .dca-checkbox-container{display:flex;align-items:center;gap:10px;padding:12px 20px;background:transparent;border:none;border-radius:8px;transition:all .3s ease}.vision-details-page .dca-checkbox-container:hover{background:var(--bg-secondary);border:1px solid var(--border-color)}.vision-details-page .dca-checkbox{margin:0}.vision-details-page .dca-label{font-size:1rem;font-weight:500;color:var(--text-primary);cursor:pointer;margin:0;-webkit-user-select:none;user-select:none}.vision-details-page .no-buttons-message{text-align:center;padding:60px 20px;color:var(--text-secondary)}.vision-details-page .no-buttons-message p{font-size:1.1rem;margin:0}.vision-details-page .details-buttons-container-grid{display:flex;flex-direction:column;gap:20px;padding:20px 0}.vision-details-page .grid-container{width:480px;margin:0 auto}@media (max-width: 768px){.vision-details-page .grid-container{width:95vw;max-width:480px}}.vision-details-page .full-width-row{display:flex;flex-direction:column;gap:20px;align-items:center;width:480px;margin:0 auto}@media (max-width: 768px){.vision-details-page .full-width-row{width:95vw;max-width:480px}}.vision-details-page .full-width-button{width:480px;min-height:40px;padding:10px 15px;font-size:.9rem;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px}@media (max-width: 768px){.vision-details-page .full-width-button{width:95vw;max-width:480px}}.vision-details-page .full-width-button.short{min-height:40px!important;padding:10px 15px!important}.vision-details-page .details-buttons-container .full-width-button,.vision-details-page .full-width-button.p-button{min-height:40px!important;height:40px!important;padding:10px 15px!important}.vision-details-page .details-button{flex-direction:column!important}.vision-details-page .details-button .p-button-icon{font-size:1.5rem;margin-bottom:5px}.vision-details-page .hoverable-button-content{display:flex;align-items:center;gap:10px}.vision-details-page .hoverable-button-image{font-size:1.2rem;color:var(--text-secondary);transition:color .3s ease}.vision-details-page .full-width-button:hover .hoverable-button-image{color:var(--text-primary)}.vision-details-page .hoverable-button-title{font-size:.9rem;font-weight:500}.vision-details-page .page-footer{padding:20px;text-align:center;color:var(--text-secondary);border-top:1px solid var(--border-color)}.vision-details-page .page-footer p{margin:0;font-size:.9rem}.vision-details-page .loading-container,.vision-details-page .error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center}.vision-details-page .loading-spinner{color:var(--text-secondary);font-size:1.2rem}.vision-details-page .error-container h2{color:var(--text-primary);margin-bottom:20px}.login-form-card{background:var(--bg-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;box-shadow:0 8px 32px var(--shadow);border-radius:16px;padding:2rem}.login-form-header{text-align:center;margin-bottom:2rem}.login-form-header h2{color:var(--text-primary);margin:0 0 .5rem;font-size:1.8rem;font-weight:600}.login-form-header p{color:var(--text-secondary);margin:0;font-size:.95rem}.login-form{display:flex;flex-direction:column;gap:1.5rem}.form-field{display:flex;flex-direction:column;gap:.5rem}.form-field label{color:var(--text-primary);font-weight:500;font-size:.9rem}.form-field .p-inputtext,.form-field .p-password,.form-field .p-inputtextarea{width:100%!important;box-sizing:border-box!important}.form-field .p-password{width:100%!important;display:block!important}.form-field .p-password>.p-inputtext,.form-field .p-password>input,.form-field .p-password input{width:100%!important;box-sizing:border-box!important}.login-form .form-field .p-password,.login-dialog .form-field .p-password{width:100%!important;display:block!important}.login-form .form-field .p-password>.p-inputtext,.login-form .form-field .p-password input,.login-dialog .form-field .p-password>.p-inputtext,.login-dialog .form-field .p-password input{width:100%!important;box-sizing:border-box!important}.form-field .p-inputtextarea{resize:vertical;min-height:80px}.form-actions{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.login-form .form-actions,.login-dialog .form-actions{display:flex!important;gap:15px!important;justify-content:flex-end!important;margin-top:2rem!important;padding-top:0!important;border-top:none!important}@media (max-width: 768px){.login-form .form-actions,.login-dialog .form-actions{flex-direction:column!important;gap:.5rem!important}.login-form .login-button,.login-form .cancel-button,.login-dialog .login-button,.login-dialog .cancel-button{width:100%!important}}@media (max-width: 480px){.login-form .login-button,.login-form .cancel-button,.login-dialog .login-button,.login-dialog .cancel-button{padding:.75rem 1rem!important;min-height:50px!important;font-size:.85rem!important}}.add-action-form .form-field{margin-bottom:8px}.add-action-form .form-field:last-of-type{margin-bottom:0}.login-form .login-button,.login-dialog .login-button{background:var(--accent-color)!important;border:1px solid var(--accent-color)!important;color:#fff!important;padding:1rem 1.5rem!important;border-radius:8px!important;transition:all .3s ease!important;font-size:.9rem!important;font-weight:600!important;text-align:center!important;min-height:60px!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 4px 12px #4dabf74d!important;gap:.5rem!important;min-width:120px}.login-form .login-button:hover,.login-dialog .login-button:hover{background:var(--accent-hover)!important;border-color:var(--accent-hover)!important;transform:translateY(-2px)!important;box-shadow:0 6px 16px #4dabf766!important;color:#fff!important}.login-form .cancel-button,.login-dialog .cancel-button{background:var(--bg-primary)!important;border:1px solid var(--border-color)!important;color:var(--text-secondary)!important;padding:1rem 1.5rem!important;border-radius:8px!important;transition:all .3s ease!important;font-size:.9rem!important;font-weight:500!important;text-align:center!important;min-height:60px!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 2px 4px var(--shadow)!important;gap:.5rem!important;min-width:120px}.login-form .cancel-button:hover,.login-dialog .cancel-button:hover{background:var(--bg-secondary)!important;border-color:var(--text-primary)!important;color:var(--text-primary)!important;transform:translateY(-2px)!important;box-shadow:0 4px 12px var(--shadow)!important}.login-form-footer{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.login-form-footer p{color:var(--text-secondary);margin:0;font-size:.85rem}.login-dialog-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.login-dialog-content{background:var(--bg-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:2rem;max-width:90vw;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px var(--shadow)}.splash-welcome{margin-top:1rem;text-align:center}.splash-welcome p{color:var(--text-primary);font-size:1.1rem;font-weight:500;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.1)}.boost-page{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);display:flex;flex-direction:column}.boost-page .page-content{flex:1;display:flex;flex-direction:column;align-items:center;max-width:1000px;margin-left:auto;margin-right:auto;width:100%}.boost-container{max-width:1000px;margin:0 auto;padding:2rem}.vision-preview{margin-bottom:2rem;padding:1.5rem;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color)}.vision-preview h3{margin:0 0 1rem;color:var(--text-secondary);font-size:1.1rem;font-weight:600}.vision-text{margin:0;font-size:1.2rem;line-height:1.6;color:var(--text-primary)}.boost-page .boost-prompt{margin-bottom:2rem;text-align:center;width:100%}.boost-page .boost-prompt h2{margin:0;font-size:1.5rem;font-weight:600;color:var(--text-primary);line-height:1.4}.boost-page .boost-input-container,.boost-page .boosts-list{width:100%;margin-bottom:2rem}.boost-page .boosts-list h3{margin:0 0 1rem;color:var(--text-primary);font-size:1.2rem;font-weight:600}.boost-page .boost-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:.5rem}.boost-page .boost-statement{flex:1;color:var(--text-primary);font-size:1rem}.boost-page .action-buttons{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.boost-page .footer{padding:1rem 2rem;text-align:center;background:#f8f9faf2;border-top:1px solid rgba(0,0,0,.1);color:var(--text-secondary)}.boost-page .footer p{margin:0;font-size:.9rem}.connect-page{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);display:flex;flex-direction:column}.connect-page .page-content{flex:1;margin-top:170px;padding:2rem;overflow-y:auto}.connect-page .connect-container,.connect-container{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.connect-current-vision{text-align:center;padding:2rem;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color)}.connect-current-vision h3{margin:0 0 1rem;color:var(--text-secondary);font-size:1.2rem;font-weight:600}.vision-display{font-size:1.3rem;line-height:1.6;color:var(--text-primary);font-weight:500}.connect-selection{text-align:center;padding:2rem}.connect-selection h3{margin:0 0 1rem;color:var(--text-primary);font-size:1.4rem;font-weight:600}.vision-selector{margin-top:1.5rem}.connect-input{text-align:center;padding:2rem}.connect-input h3{margin:0 0 1rem;color:var(--text-primary);font-size:1.4rem;font-weight:600}.connect-input-field{margin:1.5rem 0;max-width:600px}.connect-button{margin-top:1rem;padding:.75rem 2rem;font-size:1.1rem;font-weight:600;border-radius:8px;background:var(--accent-color);border:1px solid var(--accent-color);color:#fff;transition:all .3s ease}.connect-button:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #007bff4d}.connect-button:disabled{opacity:.6;cursor:not-allowed}.connect-target-vision{text-align:center;padding:2rem;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color)}.connect-target-vision h3{margin:0 0 1rem;color:var(--text-secondary);font-size:1.2rem;font-weight:600}.change-selection-button{margin-top:1rem;padding:.5rem 1.5rem;font-size:.9rem}.affirm-page{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);display:flex;flex-direction:column}.affirm-page .page-content{flex:1;margin-top:170px;padding:2rem;overflow-y:auto}.affirm-page .affirm-container{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.boost-input{display:flex;gap:1rem;margin-bottom:2rem;align-items:flex-start}.boost-input .statement-bar-container{flex:1}.boost-input .add-button{flex-shrink:0;height:48px;padding:0 1.5rem;font-weight:600;border-radius:8px;background:var(--accent-color);border:1px solid var(--accent-color);color:#fff;transition:all .3s ease}.boost-input .add-button:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #007bff4d}.boost-input .add-button:disabled{opacity:.6;cursor:not-allowed}.boost-list{margin-bottom:2rem}.boost-list h3{margin:0 0 1rem;color:var(--text-secondary);font-size:1.1rem;font-weight:600}.boost-item{padding:1rem;margin-bottom:.5rem;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color);transition:all .3s ease}.boost-item:hover{background:var(--bg-tertiary);border-color:var(--accent-color);transform:translateY(-1px);box-shadow:0 2px 8px var(--shadow)}.boost-statement{margin:0;font-size:1rem;line-height:1.5;color:var(--text-primary)}.action-buttons{display:flex;justify-content:center;gap:1rem;margin-top:2rem}.done-button{padding:.75rem 2rem;font-size:1.1rem;font-weight:600;border-radius:8px;background:var(--success-color);border:1px solid var(--success-color);color:#fff;transition:all .3s ease}.done-button:hover:not(:disabled){background:var(--success-hover);border-color:var(--success-hover);transform:translateY(-1px);box-shadow:0 4px 12px #28a7454d}.done-button:disabled{opacity:.6;cursor:not-allowed}.statement-bar-container{position:relative;width:100%}.statement-input{width:100%;height:48px;padding:0 1rem;font-size:1rem;border:2px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);transition:all .3s ease}.statement-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #007bff1a}.statement-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px var(--shadow);z-index:1000;max-height:200px;overflow-y:auto;margin-top:4px}.dropdown-item{padding:.75rem 1rem;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid var(--border-color)}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:var(--bg-secondary)}@media (max-width: 768px){.boost-container{padding:1rem}.boost-input{flex-direction:column;gap:.5rem}.boost-input .add-button{width:100%}.action-buttons{flex-direction:column}.done-button{width:100%}}.image-title-preview-bar{position:relative;width:100%;height:80px;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #00000026;border:2px solid transparent}.image-title-preview-bar:hover{height:200px;box-shadow:0 8px 24px #00000040;border-color:var(--accent-color);transform:translateY(-2px)}.image-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#0000004d,#00000080,#000000b3);display:flex;align-items:center;justify-content:center;transition:all .3s ease}.image-title-preview-bar:hover .image-overlay{background:linear-gradient(to bottom,#0003,#0006,#0009)}.title-text{color:#fff;font-size:1.2rem;font-weight:600;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.8);padding:0 1rem;line-height:1.3;transition:all .3s ease;max-width:100%;word-wrap:break-word}.image-title-preview-bar:hover .title-text{font-size:1.4rem;text-shadow:3px 3px 6px rgba(0,0,0,.9)}@media (max-width: 768px){.image-title-preview-bar{height:60px}.image-title-preview-bar:hover{height:150px}.title-text{font-size:1rem}.image-title-preview-bar:hover .title-text{font-size:1.2rem}}@media (max-width: 480px){.image-title-preview-bar{height:50px}.image-title-preview-bar:hover{height:120px}.title-text{font-size:.9rem;padding:0 .5rem}.image-title-preview-bar:hover .title-text{font-size:1.1rem}}@media (max-width: 768px){.boost-page .page-content{padding:1rem}.boost-page .boost-prompt h2{font-size:1.3rem}.boost-page .boost-item{padding:.75rem}.boost-page .boost-statement{font-size:.9rem}.boost-page .action-buttons{flex-direction:column;gap:.5rem}.boost-page .footer{padding:1rem}.connect-page .page-content,.affirm-page .page-content{margin-top:100px;padding:1rem}}.button-count-badge{position:absolute!important;bottom:8px!important;right:8px!important;z-index:10!important;font-size:10px!important;font-weight:700!important;min-width:18px!important;height:18px!important;border-radius:9px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0 4px!important;box-shadow:0 2px 4px #0003!important}.universal-button.details-button{position:relative!important}.universal-button.details-button.square .button-count-badge{bottom:6px!important;right:6px!important}.vision-details-page .grid-2-large{display:grid!important;grid-template-columns:1fr 1fr!important;gap:20px!important;width:100%!important;max-width:600px!important;margin:0 auto!important}.vision-details-page .details-buttons-container-vertical{display:flex!important;flex-direction:column!important;align-items:center!important;gap:20px!important;width:100%!important;max-width:400px!important;margin:0 auto!important}.vision-details-page .vertical-container{display:flex!important;flex-direction:column!important;gap:20px!important;width:100%!important}.vision-details-page .large-details-button{min-height:70px!important;width:100%!important;padding:1rem 1.5rem!important;font-size:1rem!important;font-weight:600!important;flex-direction:column!important;gap:.5rem!important}.vision-details-page .large-details-button .p-button-icon{font-size:1.5rem!important;margin-bottom:.25rem!important}.vision-details-page .large-details-button .p-button-label{font-size:.95rem!important;font-weight:600!important}[data-theme=dark] .app,[data-theme=dark] .universal-page,[data-theme=dark] .splash-page{background:#000!important}[data-theme=dark] .splash-content{background:transparent!important}[data-theme=dark] .mnfst-title{color:var(--text-primary)!important;text-shadow:0 0 5px rgba(77,171,247,.15),0 0 10px rgba(77,171,247,.1),0 0 15px rgba(77,171,247,.05)!important}[data-theme=dark] .splash-subtitle{color:var(--text-secondary)!important}[data-theme=dark] .splash-button{background:#0a0a0a!important;border:none!important;color:var(--text-primary)!important;box-shadow:0 2px 8px #0009!important}[data-theme=dark] .splash-button:hover{background:#1a1a1a!important;color:var(--text-primary)!important;box-shadow:0 4px 16px #4dabf733!important;border:none!important}[data-theme=dark] .splash-welcome p{color:var(--text-primary)!important;text-shadow:0 2px 4px rgba(0,0,0,.5)!important}[data-theme=dark] .splash-auth .auth-button{background:transparent!important;border:none!important;color:var(--text-secondary)!important}[data-theme=dark] .splash-auth .auth-button:hover{background:#0a0a0a!important;color:var(--text-primary)!important;box-shadow:0 2px 8px #0009!important}[data-theme=dark] .splash-settings{background:#00000080!important;border-color:#4dabf733!important}[data-theme=dark] .splash-settings:hover{background:#0a0a0ab3!important;border-color:#4dabf766!important}[data-theme=dark] .splash-settings .settings-icon{color:var(--text-secondary)!important}[data-theme=dark] .splash-settings:hover .settings-icon{color:var(--text-primary)!important}[data-theme=dark] .about-dialog,[data-theme=dark] .lists-dialog,[data-theme=dark] .login-dialog,[data-theme=dark] .login-dialog .p-dialog{background:#000!important;border:none!important}[data-theme=dark] .about-dialog .p-dialog-content,[data-theme=dark] .lists-dialog .p-dialog-content{background:#0f1115!important;color:var(--text-primary)!important;border:none!important}[data-theme=dark] .login-dialog .p-dialog-content{background:#000!important;color:var(--text-primary)!important;border:none!important}[data-theme=dark] .about-dialog .p-dialog-header,[data-theme=dark] .lists-dialog .p-dialog-header{background:#0f1115!important;color:var(--text-primary)!important;border:none!important;border-bottom:1px solid var(--border-color)!important}[data-theme=dark] .login-dialog .p-dialog-header{background:#000!important;color:var(--text-primary)!important;border:none!important;border-bottom:1px solid var(--border-color)!important}[data-theme=dark] .about-content p,[data-theme=dark] .lists-content p,[data-theme=dark] .lists-content li{color:var(--text-primary)!important}[data-theme=dark] .bubble-component,[data-theme=dark] .universal-page .bubble-component,[data-theme=dark] .universal-page .vision-subheader-bubble,[data-theme=dark] .universal-card,[data-theme=dark] .activity-card,[data-theme=dark] .stats-card,[data-theme=dark] .reflection-averages-card,[data-theme=dark] .category-card,[data-theme=dark] .projected-dates-card,[data-theme=dark] .streaks-card,[data-theme=dark] .history-card,[data-theme=dark] .chart-card,[data-theme=dark] .stat-card{background:#000!important;border:none!important;box-shadow:0 2px 12px #000c!important}[data-theme=dark] .bubble-component:hover,[data-theme=dark] .universal-page .bubble-component:hover,[data-theme=dark] .universal-card:hover,[data-theme=dark] .activity-card:hover{border:none!important;box-shadow:0 4px 20px #4dabf74d!important;transform:translateY(-2px)!important}[data-theme=dark] .universal-button{background:#000!important;border:none!important;color:#fff!important;box-shadow:0 2px 8px #0009!important}[data-theme=dark] .universal-button:hover{background:#0a0a0a!important;border:none!important;color:#fff!important;box-shadow:0 4px 16px #4dabf733!important}[data-theme=dark] .vision-details-page .details-button,[data-theme=dark] .vision-details-page .large-details-button,[data-theme=dark] .vision-details-page .universal-button:not(.header):not(.secondary),[data-theme=dark] .vision-details-page .p-button:not(.p-button-text):not(.p-button-outlined):not(.header-button){background:#0a0a0a!important;border:none!important;color:#fff!important}[data-theme=dark] .vision-details-page .details-button:hover,[data-theme=dark] .vision-details-page .large-details-button:hover,[data-theme=dark] .vision-details-page .universal-button:not(.header):not(.secondary):hover,[data-theme=dark] .vision-details-page .p-button:not(.p-button-text):not(.p-button-outlined):not(.header-button):hover{background:#1a1a1a!important}[data-theme=dark] .practice-page .universal-button:not(.header):not(.secondary),[data-theme=dark] .practice-page .p-button:not(.p-button-text):not(.p-button-outlined),[data-theme=dark] .practice-everything .universal-button:not(.header):not(.secondary),[data-theme=dark] .practice-everything .p-button:not(.p-button-text):not(.p-button-outlined),[data-theme=dark] .practice-landing .universal-button:not(.header):not(.secondary),[data-theme=dark] .practice-landing .p-button:not(.p-button-text):not(.p-button-outlined),[data-theme=dark] .practice-mode-button,[data-theme=dark] .practice-button{background:#0a0a0a!important;border:none!important;color:#fff!important}[data-theme=dark] .practice-page .universal-button:not(.header):not(.secondary):hover,[data-theme=dark] .practice-page .p-button:not(.p-button-text):not(.p-button-outlined):hover,[data-theme=dark] .practice-everything .universal-button:not(.header):not(.secondary):hover,[data-theme=dark] .practice-everything .p-button:not(.p-button-text):not(.p-button-outlined):hover,[data-theme=dark] .practice-landing .universal-button:not(.header):not(.secondary):hover,[data-theme=dark] .practice-landing .p-button:not(.p-button-text):not(.p-button-outlined):hover,[data-theme=dark] .practice-mode-button:hover,[data-theme=dark] .practice-button:hover{background:#1a1a1a!important}[data-theme=dark] .universal-button.active,[data-theme=dark] .universal-button.selected{background:var(--accent-color)!important;border:none!important;color:#fff!important;box-shadow:0 4px 16px #4dabf766!important}[data-theme=dark] .universal-button.secondary,[data-theme=dark] .universal-button.header{background:transparent!important;border:none!important;color:#fff!important;box-shadow:none!important}[data-theme=dark] .universal-button.secondary:hover,[data-theme=dark] .universal-button.header:hover{background:#0a0a0a!important;border:none!important;color:#fff!important}[data-theme=dark] .page-header{background:#000!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border:none!important}[data-theme=dark] .page-subheader{background:#000!important;border:none!important}[data-theme=dark] .vision-subheader-bubble{background:#000!important;border:none!important;box-shadow:0 4px 12px #000c!important}[data-theme=dark] .vision-subheader-bubble:hover{background:#0a0a0a!important;border:none!important;box-shadow:0 6px 16px #4dabf74d!important}[data-theme=dark] .vision-subheader-bubble .vision-label,[data-theme=dark] .vision-subheader-bubble .vision-text,[data-theme=dark] .vision-subheader-bubble .current-vision{color:#fff!important}[data-theme=dark] .vision-subheader-bubble .nav-arrow,[data-theme=dark] .vision-subheader-bubble .edit-icon{color:var(--accent-color)!important}[data-theme=dark] .vision-subheader-bubble .nav-arrow:hover,[data-theme=dark] .vision-subheader-bubble .edit-icon:hover{color:var(--accent-hover)!important;background:#4dabf71a!important}[data-theme=dark] .loading-state,[data-theme=dark] .empty-state,[data-theme=dark] .loading-state *,[data-theme=dark] .empty-state *{background:#000!important;border:none!important;color:#fff!important}[data-theme=dark] .skeleton-card{background:linear-gradient(90deg,#0a0a0a 25%,#1a1a1a,#0a0a0a 75%)!important;border:none!important}[data-theme=dark] .new-vision-sticky-bar,[data-theme=dark] .quick-add-sticky-bar{background:#000!important;border:none!important;box-shadow:0 4px 16px #000c!important}[data-theme=dark] .actions-top-overlay,[data-theme=dark] .visions-top-overlay{background:#000000f2!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}[data-theme=dark] .global-search-overlay,[data-theme=dark] .search-container{background:#000!important;border:none!important}[data-theme=dark] .sidebar-search-input,[data-theme=dark] .search-input,[data-theme=dark] .p-inputtext,[data-theme=dark] .p-inputtextarea,[data-theme=dark] input[type=text],[data-theme=dark] input[type=email],[data-theme=dark] input[type=password],[data-theme=dark] input[type=number],[data-theme=dark] textarea,[data-theme=dark] .input-component,[data-theme=dark] .statement-input,[data-theme=dark] .feel-input,[data-theme=dark] .affirm-input-field,[data-theme=dark] .quick-add-input .p-inputtext,[data-theme=dark] .new-vision-input,[data-theme=dark] .action-input,[data-theme=dark] .notes-textarea{border:1px solid #4a4a4a!important;background:#000!important;color:#fff!important}[data-theme=dark] .sidebar-search-input:focus,[data-theme=dark] .search-input:focus,[data-theme=dark] .p-inputtext:focus,[data-theme=dark] .p-inputtextarea:focus,[data-theme=dark] input[type=text]:focus,[data-theme=dark] input[type=email]:focus,[data-theme=dark] input[type=password]:focus,[data-theme=dark] input[type=number]:focus,[data-theme=dark] textarea:focus,[data-theme=dark] .input-component:focus,[data-theme=dark] .statement-input:focus,[data-theme=dark] .feel-input:focus,[data-theme=dark] .affirm-input-field:focus,[data-theme=dark] .quick-add-input .p-inputtext:focus,[data-theme=dark] .new-vision-input:focus,[data-theme=dark] .action-input:focus,[data-theme=dark] .notes-textarea:focus{border-color:var(--accent-color)!important;box-shadow:0 0 0 2px #4dabf733!important}[data-theme=dark] .settings-page{background:#000!important}[data-theme=dark] .settings-card{background:#000!important;border:none!important}[data-theme=dark] .settings-card .p-card-header{background:#000!important;border:none!important;border-bottom:1px solid #1a1a1a!important}[data-theme=dark] .setting-item{background:#000!important;border:none!important}[data-theme=dark] .setting-item:hover{background:#0a0a0a!important;border:none!important;box-shadow:0 2px 8px #4dabf733!important}[data-theme=dark] .dashboard-page,[data-theme=dark] .actions-page{background:#000!important}[data-theme=dark] .action-item,[data-theme=dark] .action-bubble{background:#0a0a0a!important;border:none!important;box-shadow:0 2px 8px #0009!important}[data-theme=dark] .action-item:hover,[data-theme=dark] .action-bubble:hover{background:#1a1a1a!important}[data-theme=dark] .visions-page{background:#000!important}[data-theme=dark] .vision-list-item,[data-theme=dark] .vision-bubble,[data-theme=dark] .vision-tile{background:#0a0a0a!important}[data-theme=dark] .vision-list-item:hover,[data-theme=dark] .vision-bubble:hover,[data-theme=dark] .vision-tile:hover{background:#1a1a1a!important}[data-theme=dark] .journal-page{background:#000!important}[data-theme=dark] .journal-entry{background:#000!important;border:none!important}[data-theme=dark] .reflect-page,[data-theme=dark] .feel-page,[data-theme=dark] .affirm-page,[data-theme=dark] .categorize-page,[data-theme=dark] .boost-page,[data-theme=dark] .connect-page,[data-theme=dark] .practice-page{background:#000!important}[data-theme=dark] .practice-page .bubble-component,[data-theme=dark] .practice-page .card,[data-theme=dark] .practice-page .p-card,[data-theme=dark] .practice-everything .bubble-component,[data-theme=dark] .practice-everything .card,[data-theme=dark] .practice-everything .p-card,[data-theme=dark] .boost-item,[data-theme=dark] .practice-container{background:#000!important;border:none!important}[data-theme=dark] .feeling-tag,[data-theme=dark] .feeling-suggestion{border:none!important;box-shadow:0 2px 6px #0009!important}[data-theme=dark] .universal-popup,[data-theme=dark] .p-dialog,[data-theme=dark] .modal-content{background:#000!important;border:none!important;box-shadow:0 10px 40px #000000e6!important}[data-theme=dark] .p-dropdown-panel,[data-theme=dark] .p-multiselect-panel,[data-theme=dark] .p-menu,[data-theme=dark] .p-contextmenu{background:#000!important;border:none!important;box-shadow:0 4px 16px #000c!important}[data-theme=dark] .p-dropdown-item,[data-theme=dark] .p-multiselect-item,[data-theme=dark] .p-menuitem{color:#fff!important}[data-theme=dark] .p-dropdown-item:hover,[data-theme=dark] .p-multiselect-item:hover,[data-theme=dark] .p-menuitem:hover{background:#0a0a0a!important;color:#fff!important}[data-theme=dark] .left-sidebar{background:#000!important;border-right:1px solid #1a1a1a!important}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5,[data-theme=dark] h6,[data-theme=dark] .text-primary,[data-theme=dark] .title,[data-theme=dark] p,[data-theme=dark] .text-secondary,[data-theme=dark] .description,[data-theme=dark] span,[data-theme=dark] label,[data-theme=dark] div,[data-theme=dark] a,[data-theme=dark] td,[data-theme=dark] th,[data-theme=dark] li,[data-theme=dark] input,[data-theme=dark] textarea,[data-theme=dark] button,[data-theme=dark] .p-component,[data-theme=dark] .vision-text,[data-theme=dark] .vision-title,[data-theme=dark] .vision-description,[data-theme=dark] .action-statement,[data-theme=dark] .stat-label,[data-theme=dark] .stat-value,[data-theme=dark] .stat-subtitle,[data-theme=dark] .card-title,[data-theme=dark] .card-text,[data-theme=dark] .list-item-text,[data-theme=dark] .dropdown-label,[data-theme=dark] .form-label,[data-theme=dark] .empty-state-text,[data-theme=dark] .loading-text,[data-theme=dark] .placeholder-text,[data-theme=dark] time,[data-theme=dark] small{color:#fff!important}[data-theme=dark] .p-button.p-button-primary,[data-theme=dark] .universal-button.active,[data-theme=dark] .feeling-tag,[data-theme=dark] .badge{color:#fff!important}[data-theme=dark] .chart-container,[data-theme=dark] .recharts-wrapper{background:#000!important}[data-theme=dark] .divider,[data-theme=dark] hr,[data-theme=dark] .border-bottom,[data-theme=dark] .settings-header{border-color:#1a1a1a!important}[data-theme=dark] .p-component,[data-theme=dark] .p-text-secondary,[data-theme=dark] .p-disabled,[data-theme=dark] .vision-name,[data-theme=dark] .vision-statement,[data-theme=dark] .current-vision,[data-theme=dark] .action-name,[data-theme=dark] .action-details,[data-theme=dark] .detail-label,[data-theme=dark] .detail-value,[data-theme=dark] .counter-text,[data-theme=dark] .status-text,[data-theme=dark] .date-text,[data-theme=dark] .time-text{color:#fff!important}[data-theme=dark] .p-toast,[data-theme=dark] .p-toast-message{background:#000!important;border:none!important;box-shadow:0 4px 16px #000c!important}@media (max-width: 767px){.p-toast,.responsive-toast{left:50%!important;right:auto!important;transform:translate(-50%)!important;margin-left:0!important;margin-right:0!important}}@media (min-width: 768px){.p-toast,.responsive-toast{right:20px!important;left:auto!important;transform:none!important}}[data-theme=dark] ::-webkit-scrollbar{width:8px;height:8px}[data-theme=dark] ::-webkit-scrollbar-track{background:#000}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#1a1a1a;border-radius:4px}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#2a2a2a}[data-theme=dark] body,[data-theme=dark] #root,[data-theme=dark] .app,[data-theme=dark] .universal-page,[data-theme=dark] .page-content,[data-theme=dark] .action-item *,[data-theme=dark] .vision-bubble *,[data-theme=dark] .vision-list-item *,[data-theme=dark] .vision-tile *,[data-theme=dark] .bubble-component *,[data-theme=dark] .universal-card *,[data-theme=dark] .p-inputtext,[data-theme=dark] .p-dropdown-label,[data-theme=dark] .p-dropdown-trigger,[data-theme=dark] .p-calendar-w-btn,[data-theme=dark] .p-multiselect-label,[data-theme=dark] .p-checkbox-label,[data-theme=dark] .p-radiobutton-label,[data-theme=dark] .p-button-label,[data-theme=dark] .p-togglebutton-label,[data-theme=dark] .stat-card *,[data-theme=dark] .activity-card *,[data-theme=dark] .chart-card *,[data-theme=dark] .dashboard-card *,[data-theme=dark] .setting-label,[data-theme=dark] .setting-description,[data-theme=dark] .settings-section *,[data-theme=dark] .journal-entry *,[data-theme=dark] .journal-text,[data-theme=dark] .entry-date,[data-theme=dark] .entry-content{color:#fff!important}[data-theme=dark] .page-footer,[data-theme=dark] .visions-page .page-footer,[data-theme=dark] .vision-details-page .page-footer,[data-theme=dark] .categorize-page .page-footer{background:#000!important;border-top:1px solid #1a1a1a!important}[data-theme=dark] .page-footer *,[data-theme=dark] .page-footer p,[data-theme=dark] .footer-text{color:#fff!important}html body .p-dialog .p-dialog-header,html body .p-dialog-header,html body .p-component .p-dialog-header,html body .p-dialog .p-dialog-headerbar,html body .p-dialog-headerbar{display:none!important;background:transparent!important;border:none!important;padding:0!important;margin:0!important;height:0!important;min-height:0!important;max-height:0!important;overflow:hidden!important;visibility:hidden!important;opacity:0!important}html body .p-dialog .p-dialog-header .p-dialog-title,html body .p-dialog .p-dialog-header .p-dialog-header-icon{display:none!important}html body .p-dialog .p-dialog-header .p-dialog-header-close{position:absolute!important;top:1rem!important;right:1rem!important;z-index:1000!important;display:block!important;background:transparent!important;border:none!important;padding:.5rem!important;margin:0!important;height:auto!important;min-height:auto!important;max-height:auto!important;overflow:visible!important;visibility:visible!important;opacity:1!important}.p-dialog .p-dialog-header .p-dialog-title,.p-dialog .p-dialog-header .p-dialog-header-icon{display:none!important}.p-dialog .p-dialog-header .p-dialog-header-close{position:absolute!important;top:1rem!important;right:1rem!important;z-index:1000!important;display:block!important;background:transparent!important;border:none!important;padding:.5rem!important;margin:0!important;height:auto!important;min-height:auto!important;max-height:auto!important;overflow:visible!important;visibility:visible!important;opacity:1!important}.p-dialog .p-dialog-content{border-radius:12px!important;padding-top:2rem!important}.p-dialog{border-radius:12px!important;overflow:hidden!important}.p-dialog .p-dialog-header .p-dialog-header-close{position:absolute!important;top:1rem!important;right:1rem!important;z-index:1000!important;display:block!important;background:#ffffffe6!important;border:1px solid rgba(0,0,0,.1)!important;border-radius:50%!important;padding:.5rem!important;margin:0!important;height:2rem!important;width:2rem!important;min-height:auto!important;max-height:auto!important;overflow:visible!important;visibility:visible!important;opacity:1!important;display:flex!important;align-items:center!important;justify-content:center!important}.no-header-dialog .p-dialog-header,.no-header-dialog .p-dialog-headerbar{display:none!important;background:transparent!important;border:none!important;padding:0!important;margin:0!important;height:0!important;min-height:0!important;max-height:0!important;overflow:hidden!important;visibility:hidden!important;opacity:0!important}.no-header-dialog .p-dialog-header .p-dialog-title,.no-header-dialog .p-dialog-header .p-dialog-header-icon{display:none!important}.no-header-dialog .p-dialog-header .p-dialog-header-close{position:absolute!important;top:1rem!important;right:1rem!important;z-index:1000!important;display:block!important;background:var(--bg-primary)!important;border:1px solid var(--border-color)!important;color:var(--text-secondary)!important;border-radius:50%!important;padding:.5rem!important;margin:0!important;height:2rem!important;width:2rem!important;min-height:auto!important;max-height:auto!important;overflow:visible!important;visibility:visible!important;opacity:1!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .3s ease!important}.p-dialog .p-dialog-header,.p-dialog-header,.p-component .p-dialog-header,.p-dialog .p-dialog-headerbar,.p-dialog-headerbar{display:none!important;background:transparent!important;border:none!important;padding:0!important;margin:0!important;height:0!important;min-height:0!important;max-height:0!important;overflow:hidden!important;visibility:hidden!important;opacity:0!important}.p-dialog .p-dialog-header .p-dialog-header-close{position:absolute!important;top:1rem!important;right:1rem!important;z-index:1000!important;display:block!important;background:var(--bg-primary)!important;border:1px solid var(--border-color)!important;color:var(--text-secondary)!important;border-radius:50%!important;padding:.5rem!important;margin:0!important;height:2rem!important;width:2rem!important;min-height:auto!important;max-height:auto!important;overflow:visible!important;visibility:visible!important;opacity:1!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .3s ease!important}.p-dialog .p-dialog-header .p-dialog-header-close:hover{background:var(--bg-secondary)!important;border-color:var(--accent-color)!important;color:var(--text-primary)!important}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #e9ecef;--text-primary: #333333;--text-secondary: #6c757d;--text-muted: #adb5bd;--border-color: #dee2e6;--shadow: rgba(0, 0, 0, .1);--accent-color: #007bff;--accent-hover: #0056b3;--font-size-small: .875rem;--font-size-medium: 1rem;--font-size-large: 1.125rem;--animation-duration: .3s;--transition-duration: .3s}[data-theme=dark]{--bg-primary: #0f1115;--bg-secondary: #151922;--bg-tertiary: #202633;--text-primary: #eef2f7;--text-secondary: #b7c0c9;--text-muted: #7b8692;--border-color: #2a303b;--shadow: rgba(0, 0, 0, .6);--accent-color: #4dabf7;--accent-hover: #339af0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);transition:background-color .3s ease,color .3s ease;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}#root{min-height:100vh;min-height:-webkit-fill-available;background-color:var(--bg-primary);transition:background-color .3s ease}*{transition:background-color var(--transition-duration) ease,color var(--transition-duration) ease,border-color var(--transition-duration) ease}[data-font-size=small]{font-size:var(--font-size-small)}[data-font-size=medium]{font-size:var(--font-size-medium)}[data-font-size=large]{font-size:var(--font-size-large)}[data-high-contrast=true]{--bg-primary: #000000;--bg-secondary: #1a1a1a;--text-primary: #ffffff;--text-secondary: #ffffff;--border-color: #ffffff;--accent-color: #ffff00;--accent-hover: #ffff00}[data-theme=dark][data-high-contrast=true]{--bg-primary: #ffffff;--bg-secondary: #f0f0f0;--text-primary: #000000;--text-secondary: #000000;--border-color: #000000;--accent-color: #0000ff;--accent-hover: #0000ff}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.text-center{text-align:center}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.pwa-standalone{overscroll-behavior-y:contain;touch-action:manipulation;-webkit-user-select:none;user-select:none}.pwa-standalone input,.pwa-standalone textarea,.pwa-standalone [contenteditable],.pwa-standalone .selectable{-webkit-user-select:text;user-select:text}.action-item .delete-button,.action-details .delete-button{width:auto!important;min-width:80px!important;height:auto!important;border-radius:6px!important;padding:.5rem .75rem!important}@media (max-width: 480px){.action-item .delete-button,.action-details .delete-button{min-width:32px!important;width:32px!important;height:32px!important;border-radius:50%!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important}.action-item .delete-button .p-button-label,.action-details .delete-button .p-button-label{display:none!important}}.action-item.expanded{position:relative;scroll-margin-top:250px}.only-next-action .action-item{max-width:800px;margin:0 auto;box-shadow:0 4px 12px #0000001a}.only-next-action .action-details{animation:nextActionSlideDown .4s ease;border-top:1px solid rgba(0,123,255,.2);background-color:#f8f9fae6}@keyframes nextActionSlideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:1000px}}.only-next-action .expand-button{color:#007bff;background-color:#007bff1a;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.only-next-action .expand-button:hover{background-color:#007bff33;transform:translateY(-1px)}.vision-filter-dropdown{width:200px!important;min-width:200px!important;max-width:200px!important;flex-shrink:0!important}.vision-filter-dropdown .p-multiselect-label-container{overflow:hidden!important;white-space:nowrap!important}.vision-filter-dropdown .p-multiselect-label{padding:8px 12px!important;font-size:.8rem!important;line-height:1.2!important;max-height:36px!important;overflow:hidden!important;text-overflow:ellipsis!important}.vision-filter-dropdown .p-multiselect-token{font-size:.7rem!important;padding:2px 6px!important;margin:1px 2px!important;max-width:80px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.vision-filter-dropdown .p-multiselect-token-label{max-width:60px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.vision-filter-dropdown .p-multiselect-trigger{width:2rem!important;flex-shrink:0!important}.vision-filter-dropdown .p-multiselect-label:after{content:attr(data-more-count);color:#666;font-size:.7rem;margin-left:4px}.vision-filter-dropdown .p-multiselect-panel{min-width:300px!important;max-width:500px!important;max-height:300px!important;overflow-y:auto!important}.vision-filter-dropdown .p-multiselect-panel .p-multiselect-item{padding:12px 16px!important;font-size:.9rem!important;white-space:normal!important;word-wrap:break-word!important;line-height:1.4!important;min-height:44px!important;display:flex!important;align-items:center!important}.vision-filter-dropdown .p-multiselect-panel .p-multiselect-item .p-checkbox{margin-right:12px!important;flex-shrink:0!important}.vision-filter-dropdown .p-multiselect-panel .p-multiselect-item .p-checkbox+span{flex:1!important;word-break:break-word!important}@media (max-width: 768px){.vision-filter-dropdown{width:150px!important;min-width:150px!important;max-width:150px!important}.vision-filter-dropdown .p-multiselect-token{max-width:60px!important}.vision-filter-dropdown .p-multiselect-token-label{max-width:40px!important}}