.app-footer{margin-top:auto;padding-top:20px;border-top:1px solid #eee}.footer-content{display:flex;flex-direction:column;align-items:center;gap:20px}.footer-links{display:flex;flex-direction:row;justify-content:center;gap:30px}.footer-links a{display:flex;align-items:center;color:var(--text-color);text-decoration:none;font-size:.9em;transition:color .2s ease;padding:8px}.footer-links a:hover{color:var(--primary-color)}.footer-links .icon{width:24px;height:24px}.footer-links a span{display:none}.footer-text{color:var(--text-color);font-size:.9em;text-align:center}@media(max-width:768px){.footer-links a{padding:8px 0}}.theme-toggle{position:absolute;top:20px;right:20px;background:none;border:2px solid var(--primary-color);color:var(--text-color);padding:8px 16px;border-radius:20px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;z-index:100}.theme-toggle:hover{background:var(--primary-color);color:var(--surface-color)}.theme-toggle svg{width:16px;height:16px}.navigation-panel{position:fixed;top:0;left:0;width:250px;height:100vh;background:var(--surface-color);border-right:1px solid var(--border-color);box-shadow:2px 0 8px #0000001a;transform:translate(0);transition:transform .3s ease,opacity .3s ease;z-index:1000;padding:20px;overflow-y:auto;opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.navigation-panel.collapsed{transform:translate(-100%);opacity:0}.nav-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.nav-overlay.active{opacity:1;visibility:visible}.nav-header{margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.nav-header h3{margin:0;color:var(--text-color);font-size:1.2em}.nav-close-button{background:transparent;border:none;color:var(--text-color);font-size:1.5em;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,color .2s ease;width:32px;height:32px;border-radius:50%}.nav-close-button:hover{transform:scale(1.1);color:var(--primary-color);background:var(--grid-bg-color)}.nav-sections{display:flex;flex-direction:column;gap:10px}.nav-item{padding:15px;border-radius:8px;background:var(--grid-bg-color);cursor:pointer;transition:all .2s ease}.nav-item:hover{background:var(--header-bg-color);transform:translate(5px)}.nav-item.active{background:var(--primary-color-light);border-left:4px solid var(--primary-color)}.nav-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.nav-item-name{font-weight:600;color:var(--text-color)}.nav-item-status{font-size:1.2em;color:var(--text-color-light)}.nav-item-status.completed{color:var(--primary-color)}.nav-item-summary{font-size:.9em;color:var(--text-color-light);margin-top:5px}@media(max-width:768px){.navigation-panel{width:280px}}.app-header{position:relative;display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;margin-bottom:2rem;border-bottom:1px solid var(--border-color)}.header-content{flex:1;text-align:center}.header-content h1{margin:0;font-size:1.8rem;color:var(--text-color)}#subtitle{margin:.5rem 0 0;font-size:1rem;color:var(--text-color);opacity:.8}.nav-toggle-button{background:transparent;border:none;color:var(--text-color);font-size:1.8rem;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.nav-toggle-button:hover{transform:scale(1.1)}.nav-toggle-button.active{color:var(--primary-color)}.theme-toggle{background:transparent;border:none;color:var(--text-color);cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.theme-toggle:hover{transform:scale(1.1)}.sun-icon{width:24px;height:24px}@media(max-width:768px){.app-header{padding:1rem}.header-content h1{font-size:1.5rem}#subtitle{font-size:.9rem}}.setup-image{max-width:320px;height:auto;display:block;margin:0 auto 2rem}#user-setup,#account-recovery{max-width:400px;margin:2rem auto;padding:2rem;background:var(--surface-color);border-radius:8px;text-align:center}.recovery-code-container{text-align:center;padding:2rem;background-color:var(--surface-color);border-radius:8px;margin:2rem 0;border:2px solid var(--primary-color)}.recovery-code{font-family:monospace;font-size:2em;padding:1rem;margin:1rem 0;background-color:var(--background-color);border-radius:4px;letter-spacing:3px;color:var(--primary-color)}#user-setup-form input,#account-recovery input,.recovery-input{display:block;width:100%;max-width:300px;margin:1rem auto;padding:12px;font-size:1.1em;border:2px solid var(--border-color);border-radius:6px;background-color:var(--surface-color);color:var(--text-color)}#user-setup-form input:focus,#account-recovery input:focus,.recovery-input:focus{border-color:var(--primary-color);outline:none}#user-setup-form button,#account-recovery button,#recover-account{background-color:var(--primary-color);color:var(--surface-color);border:none;padding:12px 24px;border-radius:25px;cursor:pointer;font-size:1.1em;font-weight:600;transition:all .3s ease;margin-top:1rem;width:100%;max-width:300px}#user-setup-form button:hover,#account-recovery button:hover,#recover-account:hover{background-color:var(--secondary-color);transform:translateY(-1px);box-shadow:0 4px 8px #0003}.recovery-link{margin-top:1rem;font-size:.9em;display:flex;flex-direction:column;align-items:center;gap:.5rem}.recovery-link p{margin:0}.recovery-link a{color:var(--primary-color);text-decoration:none}.recovery-link a:hover{text-decoration:underline}.recovery-warning{color:var(--error-color);font-weight:700;margin:1rem 0}.error{color:var(--error-color);font-size:.9rem;margin-top:.5rem}.fun-question{font-size:1.1em;color:var(--primary-color);margin:1rem 0;font-weight:500;line-height:1.4}#recovery-code-container{margin-top:1.5rem;padding:1rem;border-radius:8px;background-color:var(--grid-bg-color)}.values-header{text-align:center;margin-bottom:2rem}.values-header h2{margin-bottom:.5rem;color:var(--text-color)}.values-header p{color:var(--text-color);opacity:.8;margin:.5rem 0}.selection-count{font-weight:700;color:var(--primary-color)!important}.values-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;padding:1rem;margin-bottom:2rem}.value-item{background-color:var(--grid-bg-color);border:2px solid var(--border-color);border-radius:8px;padding:1rem;font-size:1rem;color:var(--text-color);cursor:pointer;transition:all .2s ease-in-out;text-align:center;min-height:60px;display:flex;align-items:center;justify-content:center}.value-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a;border-color:var(--primary-color)}.value-item.selected{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:scale(1.05)}.value-item.selected:hover{transform:scale(1.05) translateY(-2px)}.values-footer{text-align:center;margin-top:2rem}.primary-button{background-color:var(--primary-color);color:#fff;border:none;border-radius:8px;padding:1rem 2rem;font-size:1.1rem;cursor:pointer;transition:all .2s ease}.primary-button:hover:not(:disabled){background-color:var(--secondary-color);transform:translateY(-2px)}.primary-button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.values-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.8rem;padding:.8rem}.value-item{padding:.8rem;font-size:.9rem;min-height:50px}}.strengths-header{text-align:center;margin-bottom:2rem}.strengths-header h3{margin-bottom:.5rem;color:var(--text-color)}.strengths-header p{color:var(--text-color);opacity:.8;margin:.5rem 0}.strengths-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;padding:1rem;margin-bottom:2rem}.strength-item{background-color:var(--grid-bg-color);border:2px solid var(--border-color);border-radius:8px;padding:1rem;font-size:1rem;color:var(--text-color);cursor:pointer;transition:all .2s ease-in-out;text-align:center;min-height:60px;display:flex;align-items:center;justify-content:center}.strength-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a;border-color:var(--primary-color)}.strength-item.selected{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:scale(1.05)}.strength-item.selected:hover{transform:scale(1.05) translateY(-2px)}.strengths-footer{text-align:center;padding:1rem;margin-top:2rem;margin-bottom:2rem}@media(max-width:768px){.strengths-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.8rem;padding:.8rem}.strength-item{padding:.8rem;font-size:.9rem;min-height:50px}}.questions-header{text-align:center;margin-bottom:2rem}.questions-header h3{margin-bottom:.5rem;color:var(--text-color)}.questions-header p{color:var(--text-color);opacity:.8;margin:.5rem 0}.questions-container{max-width:800px;margin:0 auto;padding:0 1rem}.question-group{margin-bottom:2rem}.question-group label{display:block;margin-bottom:1rem;font-size:1.1rem;color:var(--text-color);font-weight:500}.question-input{width:100%;min-height:100px;padding:1rem;border:2px solid var(--border-color);border-radius:8px;background-color:var(--grid-bg-color);color:var(--text-color);font-size:1rem;line-height:1.5;resize:vertical;transition:all .2s ease-in-out}.question-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.1)}.question-input.error{border-color:var(--error-color)}.error-message{color:var(--error-color);font-size:.9rem;margin-top:.5rem;text-align:left}.questions-footer{text-align:center;padding:1rem;margin-top:2rem;margin-bottom:2rem}@media(max-width:768px){.questions-container{padding:0 .5rem}.question-group label{font-size:1rem}.question-input{font-size:.9rem;padding:.8rem}}.needs-header{text-align:center;margin-bottom:2rem}.needs-header h3{margin-bottom:.5rem;color:var(--text-color)}.needs-header p{color:var(--text-color);opacity:.8;margin:.5rem 0}.needs-container{max-width:1000px;margin:0 auto;padding:0 1rem}.category-section{margin-bottom:3rem}.category-section h3{color:var(--text-color);font-size:1.5rem;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid var(--primary-color)}.subcategory-section{margin-bottom:2rem}.subcategory-section h4{color:var(--text-color);font-size:1.2rem;margin:1rem 0;padding-left:1rem;border-left:3px solid var(--primary-color)}.needs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;padding:.5rem}.need-item{background-color:var(--grid-bg-color);border:2px solid var(--border-color);border-radius:8px;padding:1rem;font-size:1rem;color:var(--text-color);cursor:pointer;transition:all .2s ease-in-out;text-align:center;min-height:60px;display:flex;align-items:center;justify-content:center}.need-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a;border-color:var(--primary-color)}.need-item.selected{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:scale(1.05)}.need-item.selected:hover{transform:scale(1.05) translateY(-2px)}.needs-footer{text-align:center;padding:1rem;margin-top:2rem;margin-bottom:2rem}@media(max-width:768px){.needs-container{padding:0 .5rem}.category-section h3{font-size:1.3rem}.subcategory-section h4{font-size:1.1rem}.needs-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.8rem}.need-item{padding:.8rem;font-size:.9rem;min-height:50px}}.summary-header{text-align:center;margin-bottom:2rem}.summary-header h3{margin-bottom:.5rem;color:var(--text-color)}.summary-header p{color:var(--text-color);opacity:.8;margin:.5rem 0}.summary-container{max-width:800px;margin:0 auto;padding:0 1rem}.summary-section{margin-bottom:2rem;padding:1.5rem;background:var(--grid-bg-color);border-radius:8px}.summary-section h3{color:var(--text-color);font-size:1.3rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--primary-color)}.summary-text{color:var(--text-color);line-height:1.6;margin:0;padding:0;font-size:1rem}.reflection-item{margin-bottom:1.5rem}.reflection-item:last-child{margin-bottom:0}.reflection-item h4{color:var(--text-color);font-size:1rem;margin-bottom:.5rem;padding-left:.8rem;border-left:3px solid var(--primary-color)}.summary-footer{text-align:center;padding:1rem;margin-top:2rem;margin-bottom:2rem}@media(max-width:768px){.summary-container{padding:0 .5rem}.summary-section{padding:1rem}.summary-section h3{font-size:1.2rem}.summary-text,.reflection-item h4{font-size:.95rem}}.purpose-header{text-align:center;margin-bottom:2rem}.purpose-header h2{margin-bottom:.5rem;color:var(--text-color)}.purpose-header p{color:var(--text-color);opacity:.8;margin:.5rem 0}.purpose-container{max-width:800px;margin:0 auto;padding:2rem;background-color:var(--grid-bg-color);border-radius:12px;box-shadow:0 2px 4px #0000001a}.purpose-intro{text-align:center;padding:2rem 0}.purpose-intro p{margin-bottom:1.5rem;color:var(--text-color);font-size:1.1rem}.purpose-statement{position:relative;padding:2rem;background:var(--surface-color);border-radius:1rem;margin-bottom:2rem;box-shadow:var(--shadow-sm)}.purpose-statement .purpose-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.purpose-statement .prompt-label{font-size:.9rem;color:var(--text-color);opacity:.7;font-style:italic;padding:.25rem .75rem;background:var(--grid-bg-color);border-radius:1rem}.purpose-statement p{color:var(--text-color);font-size:1.2rem;line-height:1.6;text-align:center;font-style:italic;margin-bottom:1rem}.icon-button{position:absolute;bottom:.5rem;left:50%;transform:translate(-50%);background:transparent;border:none;color:var(--text-color);padding:.5rem;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.icon-button:hover{background-color:var(--grid-bg-color);color:var(--primary-color);transform:translate(-50%) rotate(45deg)}.icon-button svg{width:20px;height:20px}.purpose-actions{display:flex;justify-content:center;gap:1rem;margin-top:2rem}.error-message{color:var(--error-color);text-align:center;margin-top:1rem}.update-notice{background:var(--highlight-color);padding:1rem;border-radius:.5rem;margin-bottom:1rem;text-align:center}.update-notice p{margin-bottom:1rem;color:var(--text-color);font-weight:500}@media(max-width:768px){.purpose-container{padding:1rem;margin:0 1rem}.purpose-statement{padding:1.5rem 1.5rem 4rem}.purpose-statement p{font-size:1.1rem}.purpose-actions{flex-direction:column;align-items:center}.purpose-actions button{width:100%;max-width:300px}}.modal-container{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1001}.modal-container.hidden{display:none}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-content{position:relative;background:var(--background-color);border-radius:8px;padding:20px;width:90%;max-width:500px;box-shadow:0 4px 6px #0000001a;z-index:1001}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.modal-header h3{margin:0;color:var(--text-color)}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-color);opacity:.7;transition:opacity .2s}.modal-close:hover{opacity:1}.modal-body{margin-bottom:20px;color:var(--text-color);line-height:1.5}.modal-footer{display:flex;justify-content:flex-end;gap:10px}.modal-button{padding:8px 16px;border-radius:4px;cursor:pointer;transition:all .2s;font-size:14px}.modal-button.primary-button{background-color:var(--primary-color);color:#fff;border:none}.modal-button.primary-button:hover{background-color:var(--primary-color-hover)}.modal-button.secondary-button{background-color:transparent;border:1px solid var(--border-color);color:var(--text-color)}.modal-button.secondary-button:hover{background-color:var(--hover-color)}:root{--light-primary: #4CAF50;--light-secondary: #45a049;--light-background: #f4f4f4;--light-surface: #ffffff;--light-text: #333333;--light-border: #eeeeee;--light-grid-bg: #f0f0f0;--light-header-bg: #e0e0e0;--light-error: #dc3545;--dark-primary: #66bb6a;--dark-secondary: #4caf50;--dark-background: #121212;--dark-surface: #1e1e1e;--dark-text: #e0e0e0;--dark-border: #333333;--dark-grid-bg: #262626;--dark-header-bg: #2d2d2d;--dark-error: #f44336;--primary-color: var(--dark-primary);--secondary-color: var(--dark-secondary);--background-color: var(--dark-background);--surface-color: var(--dark-surface);--text-color: var(--dark-text);--border-color: var(--dark-border);--grid-bg-color: var(--dark-grid-bg);--header-bg-color: var(--dark-header-bg);--error-color: var(--dark-error)}:root.light-theme{--primary-color: var(--light-primary);--secondary-color: var(--light-secondary);--background-color: var(--light-background);--surface-color: var(--light-surface);--text-color: var(--light-text);--border-color: var(--light-border);--grid-bg-color: var(--light-grid-bg);--header-bg-color: var(--light-header-bg);--error-color: var(--light-error)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;margin:0;padding:20px;background-color:var(--background-color);color:var(--text-color)}.hidden{display:none!important}#app{position:relative;max-width:1200px;margin:0 auto;background:var(--surface-color);padding:20px;border-radius:10px;box-shadow:0 2px 4px #0003;text-align:center;min-height:calc(100vh - 40px);display:flex;flex-direction:column}h1{margin:0}.view-footer{text-align:center;margin-top:2rem;padding:1rem 0;position:relative}.error-message{color:var(--error-color);margin:.5rem 0;font-size:.9rem;text-align:center}.selection-count{color:var(--text-color);opacity:.8;margin:.5rem 0;font-size:.9rem}