:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;text-decoration:inherit;color:inherit}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--bg-color: #ffffff;--bg-secondary: #f8f9fa;--text-primary: #1a1a1a;--text-secondary: #4a5568;--accent-color: #8b5cf6;--header-bg: #ffffff;--border-color: #e2e8f0;--tag-optional-bg: #e5e7eb;--tag-optional-text: #374151;--tag-summary-bg: #dbeafe;--tag-summary-text: #1e40af;--tag-reframe-bg: #fce7f3;--tag-reframe-text: #9d174d;--tag-todo-bg: #d1fae5;--tag-todo-text: #065f46;--transition-speed: .2s;--box-bg: #ffffff;--input-bg: #ffffff;--box-border: #e2e8f0;--error-color: #ef4444;--error-bg: rgba(239, 68, 68, .1);--success-color: #10b981;--success-bg: rgba(16, 185, 129, .1);--primary-color: #8b5cf6;--primary-hover: #7c3aed;--header-height: 72px;--header-text: #1a1a1a}[data-theme=dark]{--bg-color: #1a1a1a;--bg-secondary: #2d2d2d;--text-primary: #f7fafc;--text-secondary: #a0aec0;--accent-color: #8b5cf6;--header-bg: #1a1a1a;--border-color: #2d3748;--box-bg: #2d3748;--input-bg: #2d3748;--box-border: #4a5568;--error-color: #f87171;--error-bg: rgba(248, 113, 113, .1);--success-color: #34d399;--success-bg: rgba(52, 211, 153, .1);--primary-color: #8b5cf6;--primary-hover: #7c3aed;--header-text: #f7fafc}html,body{margin:0;padding:0;height:100%;width:100%;overflow-x:hidden;background-color:var(--bg-color);color:var(--text-primary);transition:background-color .2s ease,color .2s ease;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}#root{width:100vw;height:100vh;overflow-x:hidden;background-color:var(--bg-color);color:var(--text-primary)}.app{min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-color);color:var(--text-primary)}.main-container{flex:1;display:flex;flex-direction:column;align-items:center;padding:2rem 1.5rem;width:100%;box-sizing:border-box;max-width:1200px;margin:0 auto}.content{width:100%;max-width:768px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}body{font-family:Inter,sans-serif}.logo-container{position:absolute;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;text-align:center}.logo{display:flex;flex-direction:column;align-items:center;text-decoration:none}.logo img{height:32px;width:auto;margin-bottom:4px}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.app-container{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;overflow-x:hidden;position:relative;padding-top:env(safe-area-inset-top,0);box-sizing:border-box}.app-container.light{background:#fff;color:#1a1a1a}.app-container.dark{background:#1a1a1a;color:#fff}header{position:relative;display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background-color:var(--bg-color);border-bottom:1px solid var(--border-color);z-index:100;max-width:1400px;margin:0 auto;width:100%;box-sizing:border-box}.logo-wrapper{display:flex;justify-content:center;margin-bottom:24px}.logo p{margin:0;padding:0;color:var(--text-primary)}.header-right{display:flex;align-items:center;gap:1rem}.mode-switcher{background:none;border:none;cursor:pointer;font-size:20px;padding:8px;border-radius:50%;transition:background-color .2s}.mode-switcher:hover{background-color:var(--bg-hover)}.sign-out-btn{padding:8px 16px;border-radius:20px;border:1px solid var(--text-primary);background:none;color:var(--text-primary);cursor:pointer;transition:all .2s;font-size:14px}.sign-out-btn:hover{background:var(--text-primary);color:var(--header-bg)}.light-mode{display:block}.dark-mode,body.dark .light-mode{display:none}body.dark .dark-mode{display:block}.mode-toggle{position:absolute;top:50%;right:1rem;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:1.2rem;padding:.5rem;color:inherit}.logo.dark img,.logo.light img{filter:none}.logo h1{margin:0;font-size:2.5rem;display:flex;align-items:center;gap:.5rem}.logo p{margin:.5rem 0 0;color:var(--text-secondary)}.token-info{display:flex;align-items:center;gap:1rem;justify-self:start}.menu-button{background:none;border:none;font-size:24px;cursor:pointer;padding:8px;color:var(--text-primary);z-index:101}.sidebar-menu{position:fixed;top:0;left:-300px;width:300px;height:100vh;background:var(--box-bg);border-right:1px solid var(--border-color);transition:transform .3s ease;z-index:1000;padding:1rem;display:none}.sidebar-menu.show{transform:translate(300px)}main{width:100%;max-width:800px;padding:2rem;display:flex;flex-direction:column;gap:2rem;margin:0 auto}.emotion-section{background:var(--box-bg);border:1px solid var(--box-border);border-radius:1rem;padding:2rem;width:100%;box-sizing:border-box;margin-bottom:1rem}.emotion-label{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:1.5rem;text-align:center}.mood-section{width:100%;max-width:800px;text-align:center;padding:20px}.mood-label{text-align:center;color:var(--text-primary);margin:1.5rem 0 1rem;font-size:1.1rem;font-weight:500}.mood-tagline{text-align:center;color:var(--text-secondary);margin-bottom:2rem;font-size:1.25rem}.mood-slider{width:100%;max-width:600px;margin:2rem auto;padding:0 20px}.mood-slider-container{width:100%;padding:0 40px;margin:20px 0;position:relative}.mood-slider{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border-radius:2px;background:linear-gradient(to right,#ff4d4d,#8b5cf6);outline:none}.mood-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:#fff;border:2px solid #8b5cf6;cursor:pointer;box-shadow:0 2px 4px #0000001a}.mood-slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#fff;border:2px solid #8b5cf6;cursor:pointer;box-shadow:0 2px 4px #0000001a}.mood-emojis{display:flex;justify-content:space-between;width:100%;padding:0 30px;margin-top:12px}.mood-emoji{font-size:24px}.emotion-slider{width:100%;display:flex;align-items:center;gap:1.5rem;padding:1.5rem 0}.slider-track{flex:1;height:4px;background:linear-gradient(to right,#ef4444,#ec4899,#8b5cf6);border-radius:2px;position:relative;margin:0 .5rem}.slider-input{position:absolute;width:100%;height:40px;top:-20px;left:0;opacity:0;cursor:pointer;z-index:2;margin:0}.slider-thumb{width:20px;height:20px;background:#fff;border:2px solid #8b5cf6;border-radius:50%;position:absolute;top:50%;transform:translate(-50%,-50%);pointer-events:none;box-shadow:0 2px 4px #0000001a;z-index:1}.response-section{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;width:100%;margin-top:1rem}.response-box{background:var(--box-bg);border:1px solid var(--box-border);border-radius:1rem;padding:1.5rem;transition:transform .2s ease}.response-box:hover{transform:translateY(-2px)}.response-box h3{font-size:1.125rem;font-weight:600;color:var(--primary-color);margin-bottom:1rem}.response-box p{color:var(--text-primary);line-height:1.6;margin:0;font-size:.975rem}.pie-chart-section{width:100%;padding:2rem;background:var(--box-bg);border:1px solid var(--box-border);border-radius:12px;text-align:center}.pie-chart{position:relative;width:300px;height:300px;border-radius:50%;background:conic-gradient(from 0deg,var(--color) 0% var(--percentage),transparent var(--percentage) 100%);transition:transform .3s ease}.pie-chart:hover{transform:scale(1.05)}.pie-segment{position:absolute;width:100%;height:100%;transform-origin:50% 50%;transition:transform .2s}.pie-label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;padding:.5rem;background:var(--box-bg);border:1px solid var(--box-border);border-radius:4px;font-size:.9rem;white-space:nowrap;color:var(--text-primary);z-index:2}.thought-input-section{width:100%;background:var(--box-bg);border:1px solid var(--box-border);border-radius:1rem;padding:2rem;box-sizing:border-box;margin-bottom:1.5rem}.thought-input{width:100%;min-height:140px;padding:1.25rem;background:var(--input-bg);border:2px solid var(--primary-color);border-radius:.75rem;color:var(--text-primary);font-size:1rem;line-height:1.5;resize:vertical;margin-bottom:1.25rem;box-sizing:border-box;transition:border-color .2s ease}.thought-input:focus{outline:none;border-color:var(--primary-hover)}.button-group{display:flex;gap:1rem;width:100%}.share-btn{flex:1;padding:.875rem 1.5rem;border-radius:.5rem;background:var(--primary-color);color:#fff;border:none;font-weight:500;font-size:1rem;cursor:pointer;transition:all .2s ease}.clear-btn{flex:1;padding:.875rem 1.5rem;border-radius:.5rem;background:transparent;color:var(--text-primary);border:2px solid var(--primary-color);font-weight:500;font-size:1rem;cursor:pointer;transition:all .2s ease}.share-btn:hover{background:var(--primary-hover);transform:translateY(-1px)}.clear-btn:hover{background:#8b5cf61a;transform:translateY(-1px)}.response-box ul{list-style-type:none;padding:0;margin:0}.response-box li:before{content:"•";position:absolute;left:0;color:#8b5cf6}.pie-chart-container{width:100%;display:flex;flex-direction:column;align-items:center;gap:2rem}.pie-chart-section.visible{display:block}.thought-cabinet{width:100%;max-width:900px;margin:20px auto;padding:24px;background:var(--box-bg);border:2px solid var(--primary-color);border-radius:12px;box-sizing:border-box}.thought-cabinet-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:20px}.thought-cabinet-empty{text-align:center;color:var(--text-secondary);font-style:italic;margin:40px 0}.mindful-quote{text-align:center;margin-top:40px}.mindful-quote-title{color:var(--primary-color);font-size:1.2rem;font-weight:500;margin-bottom:16px}.mindful-quote-text{color:var(--text-secondary);font-style:italic;font-size:1.1rem;line-height:1.6}.button-group button{flex:1;max-width:300px;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}@media (max-width: 768px){.main-container{padding:1.5rem 1rem}.content{gap:1rem}.emotion-section,.thought-input-section{padding:1.5rem;margin-bottom:1rem}.response-box{padding:1.25rem}.button-group{flex-direction:column}.share-btn,.clear-btn{width:100%;padding:.75rem 1rem}.response-section{grid-template-columns:1fr;gap:1rem}.emotion-label{font-size:1.125rem;margin-bottom:1.25rem}.thought-input{min-height:120px;padding:1rem;font-size:.975rem;margin-bottom:1rem}.response-box h3{font-size:1rem;margin-bottom:.75rem}.response-box p{font-size:.9rem}}@media (min-width: 769px) and (max-width: 1024px){.main-container{padding:2rem 1.5rem}.response-section{grid-template-columns:repeat(2,1fr)}}.action-buttons{display:flex;gap:1rem;margin-top:1rem}.empty-state{color:var(--text-secondary);font-style:italic;text-align:center;padding:1rem}.token-info p{font-size:.9rem;margin:0}.pie-chart-empty{display:flex;align-items:center;justify-content:center;height:300px;color:#666;font-style:italic}.center-section{display:flex;flex-direction:column;gap:1.5rem}.question-box{background:#2a2a2a;padding:1rem;border-radius:12px}.old-thought{background:var(--box-bg);padding:1rem;border:1px solid var(--box-border);border-radius:8px;margin-bottom:1rem}.old-thought h3{margin:0 0 .5rem;font-size:1rem;color:#8b5cf6}.old-thought p{color:var(--text-primary);margin:0;text-align:left}.mindful-quote{margin-top:2rem;padding:1.5rem;background:var(--box-bg);border:1px solid var(--box-border);border-radius:8px;text-align:center}.mindful-quote h3{margin:0 0 1rem;color:#8b5cf6}.mindful-quote p{color:var(--text-primary);margin:0;font-style:italic}.priorities-section{width:100%;margin:2rem 0;padding:2rem;background:var(--bg-color);border:2px solid #8b5cf6;border-radius:12px}.priorities-section h3{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:2rem}.priority-bars{display:flex;flex-direction:column;gap:1.5rem}.priority-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;color:var(--text-primary);font-weight:500}.priority-bar{width:100%;height:2rem;background:var(--bg-secondary);border-radius:1rem;overflow:hidden}.priority-bar-fill{height:100%;border-radius:1rem;transition:width .3s ease;display:flex;align-items:center;padding:0 1rem;color:#fff;font-weight:500;font-size:.9rem}.priority-motivation{margin-top:.5rem;color:var(--text-secondary);font-style:italic;font-size:.9rem}@media (max-width: 768px){.main-container{padding:1.5rem 1rem}header{padding:.75rem 1rem}.content{padding:0;gap:24px}.thought-input-section{margin:1rem auto}.button-group{flex-direction:column;align-items:stretch}.response-section{width:100%;max-width:calc(100% - 2rem);margin:1rem auto;padding:0;overflow:hidden}.response-box{width:100%;max-width:100%;margin-right:0;box-sizing:border-box}.priorities-section,.thought-cabinet{width:100%;max-width:calc(100% - 2rem);margin:1rem auto;padding:1rem;box-sizing:border-box}.emotion-label{font-size:1.2rem;padding:.5rem 1.25rem}.mood-label{margin:2rem 0 1rem;font-size:.95rem}.logo{width:140px}.logo img{height:36px}.logo p{font-size:.75rem;margin-top:.2rem}.mode-switcher{font-size:1.25rem;height:36px;width:36px}.auth-buttons{gap:.5rem;min-width:90px}.upgrade-btn,.sign-up-btn{padding:.5rem 1rem;font-size:.85rem}.swipe-instruction{display:block;text-align:center;color:var(--text-primary);font-size:.9rem;font-weight:600;margin:1rem 0;padding:0}@media (min-width: 769px){.swipe-instruction{display:none}}.swipe-arrow{display:flex;justify-content:center;align-items:center;position:absolute;top:50%;transform:translateY(-50%);color:#fff;font-size:2rem;width:40px;height:40px;background:#8b5cf6cc;border-radius:50%;z-index:10;cursor:pointer;box-shadow:0 2px 4px #0003}.swipe-arrow.left{left:.5rem}.swipe-arrow.right{right:.5rem}.swipe-indicator{display:flex;justify-content:center;align-items:center;gap:.5rem;margin:1rem 0}.swipe-dot{width:8px;height:8px;border-radius:50%;background:var(--text-secondary);opacity:.5;transition:opacity .3s}.swipe-dot.active{opacity:1;background:#8b5cf6}.user-email{font-size:.8rem;margin-right:.5rem}.auth-buttons{flex-direction:column;align-items:flex-start;gap:.5rem}.hamburger-button{left:1rem}.app-container{padding-top:max(env(safe-area-inset-top,16px),16px)}span[role=img]{font-size:1.25rem}}@media (max-width: 480px){.logo img{max-height:28px}.logo p{font-size:.75rem}.mode-switcher{font-size:1.1rem}}@media (min-width: 769px){header{padding:1.5rem 3rem}.auth-buttons{flex-direction:row;gap:1rem;align-items:center}.mode-switcher{font-size:1.5rem}.upgrade-btn,.sign-up-btn{padding:.75rem 2rem;width:auto}.login-btn{padding-left:0}.logo img{max-height:42px}.logo p{font-size:1rem}}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999}.sidebar-overlay.show{display:block}@media (min-width: 769px) and (max-width: 1024px){.menu-button{display:none}main{max-width:900px}.box,.emotion-section,.thought-input-section,.priorities-section,.thought-cabinet{padding:1.5rem}.logo{width:200px}}@media (min-width: 1025px){.menu-button{display:none}main{max-width:1000px;padding:2rem}.box,.emotion-section,.thought-input-section,.priorities-section,.thought-cabinet{padding:2rem}}.menu-button,.sidebar-menu,.sidebar-overlay{display:none!important}.swipe-arrow,.swipe-indicator{display:none}.btn{padding:.5rem 1rem;border-radius:4px;border:1px solid currentColor;background:none;color:inherit;cursor:pointer;font-size:.9rem}.login{color:inherit;text-decoration:none;padding:.5rem 1rem;font-size:.9rem}.user-email{color:var(--text-primary);font-size:.9rem;margin-right:1rem}.auth-container{width:100%;max-width:400px;margin:40px auto;padding:20px;background-color:var(--card-bg);border-radius:8px;box-shadow:0 2px 4px #0000001a}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-form h2{text-align:center;color:#8b5cf6;margin-bottom:1rem}.auth-form input{padding:.75rem;border:1px solid var(--border-color);border-radius:8px;background:var(--input-bg);color:var(--text-primary);font-size:1rem}.auth-form input:focus{outline:none;border-color:#8b5cf6}.auth-form .auth-buttons{display:flex;gap:1rem;margin-top:1rem}.auth-form button{flex:1;padding:.75rem;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:opacity .2s}.auth-form button[type=submit]{background:#8b5cf6;color:#fff}.auth-form button[type=button]{background:transparent;border:2px solid #8b5cf6;color:#8b5cf6}.auth-form button:disabled{opacity:.7;cursor:not-allowed}.auth-error{color:#ef4444;font-size:.9rem;text-align:center;padding:.5rem;background:#ef44441a;border-radius:8px}.hamburger-button{position:fixed;left:15rem;top:20px;z-index:1000;background:none;border:none;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;color:var(--text-primary);transition:transform .2s ease;height:40px;width:40px}@media (max-width: 1400px){.mode-switcher{right:2rem}.hamburger-button{left:2rem}}.personal-greeting{text-align:center;margin-bottom:32px;padding:0 16px;font-size:1.5rem;font-weight:600;color:var(--text-primary)}.personal-greeting h1{margin-bottom:1.5rem}.personal-greeting h2{color:var(--text-primary);font-size:2.25rem;font-weight:500;margin:0;display:flex;align-items:center;justify-content:center;gap:.75rem;font-family:Satoshi,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:-.02em;line-height:1.2;opacity:.92;font-style:italic}.personal-greeting span[role=img]{font-size:2.25rem;margin-right:.25rem}@media (max-width: 768px){.personal-greeting{margin:0 auto 1rem;max-width:calc(100% - 2rem)}.personal-greeting h2{font-size:1.75rem;gap:.5rem;width:100%;padding:0;font-style:italic}.personal-greeting span[role=img]{font-size:1.75rem}.emotion-section{max-width:calc(100% - 3rem);padding:1rem;transform:scale(.95)}.emotion-label{font-size:1.2rem!important}.logo-wrapper{max-width:100%}}.logo img{width:auto;height:48px;max-width:none}@media (max-width: 768px){.personal-greeting{padding:0;margin:1.5rem auto 1rem}.personal-greeting h2{font-size:1.4rem;gap:.5rem;width:100%;padding:0 1rem}.personal-greeting span[role=img]{font-size:1.6rem}.logo img{height:32px}}.intention-section{width:100%;max-width:900px;padding:20px;margin:0 auto;text-align:center}.intention-title{font-size:1.2rem;font-weight:600;color:var(--text-primary);margin-bottom:1.5rem;text-align:center;background:var(--box-bg);border:2px solid var(--primary-color);border-radius:24px;padding:8px 24px;display:inline-block}.intention-options{display:flex;justify-content:center;gap:20px;margin:24px auto;flex-wrap:wrap;padding:0;max-width:900px}.intention-option{flex:0 1 120px;display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:var(--box-bg);border:2px solid var(--primary-color);border-radius:12px;cursor:pointer;transition:all .2s ease}.intention-option:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.intention-option.selected{background:var(--primary-color);color:#fff}.intention-icon{font-size:20px;margin-bottom:4px}.intention-text{font-size:13px;font-weight:500}@media (max-width: 768px){.intention-options{gap:12px}.intention-option{flex:0 1 calc(50% - 12px);padding:12px}}.radio-group{display:flex;flex-direction:column;gap:1rem}.radio-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.75rem;border-radius:.5rem;transition:all .2s ease;background:var(--card-bg);border:1px solid var(--border-color)}.radio-label:hover{background:var(--hover-bg)}.radio-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.25rem;height:1.25rem;border:2px solid var(--border-color);border-radius:50%;margin:0;position:relative;cursor:pointer;transition:all .2s ease}.radio-input:checked:after{content:"";position:absolute;width:.5rem;height:.5rem;background:#fff;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.progress-dots{display:flex;justify-content:center;gap:.5rem}.progress-dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--border-color);transition:all .2s ease}.button-group{display:flex;justify-content:space-between;gap:1rem}.button-group button:last-child{margin-left:auto}[data-theme=dark] .radio-label{color:var(--text-color);background:var(--card-bg);border-color:var(--border-color)}[data-theme=dark] .radio-label:hover{background:var(--hover-bg)}[data-theme=dark] .progress-dot{background:var(--border-color)}[data-theme=dark] .progress-dot.active{background:var(--primary-color)}.main-container{background-color:var(--bg-color);min-height:100vh;padding-top:1rem}[data-theme=dark] .intention-section,[data-theme=dark] .emotion-section,[data-theme=dark] .thought-input-section{background:transparent}.content{flex:1;max-width:800px;width:100%;margin:0 auto;padding:20px 20px 60px;display:flex;flex-direction:column;gap:32px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}.response-box{animation:fadeIn .3s ease forwards}.personal-greeting{animation:slideIn .3s ease forwards}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading{animation:pulse 1.5s ease-in-out infinite}.loading-spinner{width:1.5rem;height:1.5rem;border:2px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.loading-container{background:var(--box-bg);padding:2rem;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:1rem;box-shadow:0 4px 6px #0000001a}.loading-text{color:var(--text-primary);font-size:1rem;font-weight:500}@media (max-width: 768px){.response-section{grid-template-columns:1fr}.response-box{margin-bottom:1rem}.loading-container{width:90%;max-width:320px}}.tasks-container{flex:1;padding:2rem;max-width:800px;margin:0 auto;color:var(--text-primary)}.tasks-header{margin-bottom:2rem}.tasks-header p{color:var(--text-secondary);font-size:1.1rem}.focus-section{background:var(--accent-bg);padding:1rem;border-radius:8px;margin-bottom:2rem}.focus-label{color:var(--text-primary);font-weight:500}.task-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:var(--card-bg);border-radius:8px;border:2px solid var(--border-color);transition:all .2s ease}.task-item.emotional{border-color:#ec4899}.task-item.mental{border-color:#8b5cf6}.task-item.practical{border-color:#10b981}.task-item.completed{background-color:#9333ea33}.checkbox{width:24px;height:24px;border:2px solid var(--border-color);border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-primary);background:var(--card-bg);transition:all .2s ease}.task-tag{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.875rem;font-weight:500;margin-right:.5rem}.task-tag.optional{color:#c084fc;background:none}@media (max-width: 768px){.response-section{grid-template-columns:1fr}.response-box{margin-bottom:1rem}.tasks-container{padding:1rem}}[data-theme=dark] .task-item{background:transparent}[data-theme=dark] .task-tag.emotional{color:#f472b6}[data-theme=dark] .task-tag.mental{color:#a78bfa}[data-theme=dark] .task-tag.practical{color:#34d399}.thought-text{color:#8b5cf6;font-size:1.1rem;margin-bottom:.5rem;font-weight:500}.thought-reframe{color:var(--text-primary);line-height:1.5}.priority-item{width:100%}.main-content{flex:1;padding:2rem;max-width:800px;margin:0 auto;width:100%;position:relative;z-index:1;overflow-y:auto}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#8b5cf680}.logo{height:40px;display:flex;align-items:center;text-decoration:none;color:var(--text-primary);transition:opacity .2s ease}.logo:hover{opacity:.9}.logo img{height:100%;width:auto}.personal-greeting{text-align:center;margin:2rem 0}.emotion-section,.intention-section{width:100%;max-width:800px;margin:0 auto}html,body,#root{max-width:100%;overflow-x:hidden}header{width:100%;height:var(--header-height);background:var(--header-bg);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:100;box-sizing:border-box}.header-left{position:relative;z-index:1001}.header-center{position:absolute;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;padding-bottom:16px}.logo{display:flex;flex-direction:column;align-items:center;text-decoration:none;gap:8px;margin-top:-8px}.logo img{height:40px;width:auto}.tagline{font-size:14px;color:var(--text-secondary);white-space:nowrap;padding-bottom:4px}.menu-button{background:none;border:none;font-size:24px;cursor:pointer;padding:8px;color:var(--text-primary)}.dropdown-menu{position:fixed;top:0;left:0;width:250px;height:100vh;background:var(--bg-color);box-shadow:2px 0 8px #0000001a;z-index:1001;padding:24px 16px;transform:translate(0);transition:transform .3s ease}.dropdown-menu.closed{transform:translate(-100%)}.close-menu{position:absolute;top:16px;right:16px;background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-primary);padding:4px}.dropdown-menu nav{display:flex;flex-direction:column;gap:24px;margin-top:48px}.dropdown-menu nav a,.dropdown-menu nav button{display:flex;align-items:center;gap:12px;padding:12px;text-decoration:none;color:var(--text-primary);background:none;border:none;font-size:16px;cursor:pointer;transition:opacity .2s;width:100%;text-align:left;border-radius:8px}.dropdown-menu nav a:hover,.dropdown-menu nav button:hover{background:#0000000d}[data-theme=dark] .dropdown-menu nav a:hover,[data-theme=dark] .dropdown-menu nav button:hover{background:#ffffff0d}.menu-icon{font-size:20px;min-width:24px;display:flex;align-items:center;justify-content:center}.dropdown-menu nav button{color:#f44}.menu-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s ease}.menu-overlay.active{opacity:1;pointer-events:auto}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;background:#f7f7f7;padding:2rem;overflow:hidden}.auth-container{width:100%;max-width:400px;padding:2.5rem;background:#fff;border-radius:20px;text-align:center;box-shadow:0 8px 16px #0000001a;margin:0 auto}.auth-logo{display:block;width:160px;height:auto;margin:0 auto 2rem}.auth-footer,.social-buttons,.auth-divider,.forgot-password{display:block;margin-top:1rem}.auth-divider{display:none}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid #E4E6EC}.auth-divider span{padding:0 1rem}.social-buttons{display:none}.social-button{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;border:1.5px solid #E0E2E9;border-radius:8px;background:#fff;color:#171725;font-size:14px;font-weight:500;font-family:Poppins,sans-serif;cursor:pointer;text-decoration:none}.social-button img{width:20px;height:20px}.auth-container h1{font-family:Poppins,sans-serif;font-size:26px;font-weight:700;color:#825cff;margin-bottom:1rem;text-align:center}.auth-container p{font-family:Poppins,sans-serif;font-size:16px;color:#171725;margin-bottom:2rem}.auth-form{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.input-group input{width:calc(100% - 2rem);padding:.75rem 1rem;border:1.5px solid #E0E2E9;border-radius:8px;font-size:14px;color:#171725;background:#fff;font-family:Poppins,sans-serif}.input-group input:focus{outline:none;border-color:#8c52ff;box-shadow:0 0 0 3px #8c52ff1a}.input-group input::placeholder{color:#969ab8}.auth-button{width:100%;padding:.75rem;background:#825cff;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;font-family:Poppins,sans-serif;cursor:pointer}.auth-link{color:#825cff;font-weight:600;text-decoration:none;cursor:pointer;background:transparent;display:inline}.auth-link:hover{text-decoration:underline}@media (max-width: 640px){.auth-page{padding:1rem}.auth-container{padding:2rem}}.auth-right{display:none}.auth-footer{margin-top:1.5rem;color:#171725;font-size:14px;font-family:Poppins,sans-serif}.auth-footer .auth-link{color:#825cff;font-weight:700}.auth-footer .auth-link.create{color:#825cff}.side-menu-container{position:relative;z-index:999}.hamburger-button{position:fixed;left:15rem;top:20px;background:none;border:none;font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:50%;transition:background-color .2s ease;height:40px;width:40px;display:flex;align-items:center;justify-content:center;z-index:1000}.hamburger-button:hover{transform:scale(1.1)}.hamburger-icon{font-size:1.5rem;line-height:1}.side-menu{position:fixed;top:0;left:-100%;width:300px;height:100vh;background-color:var(--background-color);box-shadow:0 0 10px #0000001a;transition:transform .3s ease;z-index:999;padding:2rem;display:flex;flex-direction:column;gap:1.5rem;transform:translate(-100%);visibility:hidden}.side-menu.open{left:0;transform:translate(0);visibility:visible}.side-menu.open+.hamburger-button{display:none}.close-button{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;color:var(--text-primary);cursor:pointer;padding:.5rem;line-height:1;transition:transform .2s ease}.close-button:hover{transform:scale(1.1)}.menu-items{padding:4rem 1rem 1rem;display:flex;flex-direction:column;gap:1rem}.menu-item{display:flex;align-items:center;gap:1rem;padding:1rem;color:var(--text-primary);text-decoration:none;border:none;background:none;cursor:pointer;font-size:1.1rem;border-radius:8px;transition:background-color .2s ease}.menu-item:hover{background-color:#8b5cf61a}.menu-icon{font-size:1.2rem}.sign-out{margin-top:auto;color:#ef4444}@media (max-width: 768px){.side-menu{width:60%;padding:1.5rem;top:0;left:0;height:100%;background-color:#fff;box-shadow:2px 0 10px #0000001a;transform:translate(-100%)}.side-menu.open{transform:translate(0)}[data-theme=dark] .side-menu{background-color:#1a1a1a}.menu-items{padding:3rem .5rem 1rem;gap:.75rem;opacity:0;transition:opacity .2s ease}.side-menu.open .menu-items{opacity:1}.menu-item{padding:.75rem;font-size:1rem}.hamburger-button{left:1rem;top:1.25rem;height:35px;width:35px;font-size:1.25rem;background:none}.close-button{top:.75rem;right:.75rem;font-size:1.25rem}.menu-icon{font-size:1.1rem}}@media (min-width: 769px) and (max-width: 1400px){.hamburger-button{left:2rem}}.upgrade-container{max-width:1000px;margin:0 auto;padding:1.5rem 2rem 2rem;min-height:calc(100vh - 70px);display:flex;flex-direction:column;align-items:center;background:var(--background-color, #ffffff)}.upgrade-header{text-align:center;margin-bottom:1.5rem}.upgrade-header h1{font-size:2rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary, #1a1a1a)}.upgrade-header p{font-size:1rem;color:var(--text-secondary, #666666)}.pricing-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;width:100%;max-width:900px;margin:0 auto;position:relative}.swipe-indicators{display:none;justify-content:center;gap:.5rem;margin-top:1rem}.swipe-indicator{width:8px;height:8px;border-radius:50%;background:var(--text-secondary, #666666);opacity:.3;transition:all .3s ease}.swipe-indicator.active{opacity:1;background:#8b5cf6;transform:scale(1.2)}.swipe-instruction{display:none;text-align:center;color:var(--text-secondary, #666666);font-size:.9rem;margin:.5rem 0}.pricing-card{background:var(--card-bg, #ffffff);border-radius:1.25rem;padding:1.75rem;display:flex;flex-direction:column;position:relative;border:1px solid var(--card-border, #e5e7eb);transition:all .3s ease;height:100%}.pricing-card.popular{background:linear-gradient(145deg,#8b5cf6,#6366f1);transform:translateY(-8px) scale(1.02);z-index:1;border:none;box-shadow:0 8px 24px #8b5cf633}.popular-tag{position:absolute;top:-12px;right:1.5rem;background:#fff;color:#6366f1;padding:.25rem 1rem;border-radius:1rem;font-size:.875rem;font-weight:500;box-shadow:0 2px 4px #0000001a}.card-header{margin-bottom:1.5rem}.card-header h3{font-size:1.25rem;font-weight:600;margin-bottom:.75rem;color:var(--card-title, #1a1a1a)}.pricing-card.popular .card-header h3,.pricing-card.popular .price,.pricing-card.popular .price-details,.pricing-card.popular .feature-item,.pricing-card.popular .currency,.pricing-card.popular .amount{color:#fff}.price{display:flex;align-items:flex-start;gap:.25rem;margin-bottom:.5rem}.price .currency{font-size:1.25rem;font-weight:500;color:var(--price-color, #1a1a1a)}.price .amount{font-size:3rem;font-weight:700;line-height:1;color:var(--price-color, #1a1a1a)}.price-details{display:flex;flex-direction:column;margin-left:.5rem;color:var(--text-secondary, #666666);font-size:.875rem}.features-list{flex:1;display:flex;flex-direction:column;gap:.75rem;margin:1.5rem 0}.feature-item{display:flex;align-items:center;gap:.75rem;color:var(--text-primary, #1a1a1a);font-size:.9rem}.feature-icon{color:#8b5cf6;font-size:1.1rem}.pricing-card.popular .feature-icon{color:#fff}.choose-plan-button{width:100%;padding:1rem;border-radius:.75rem;border:none;background:var(--button-bg, #f3f4f6);color:var(--button-text, #1a1a1a);font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;margin-top:auto}.choose-plan-button:hover{background:var(--button-hover-bg, #e5e7eb)}.pricing-card:last-child .choose-plan-button:hover{background:#8c52ff;color:#fff}.pricing-card.popular .choose-plan-button{background:#fff;color:#6366f1;transform:scale(1);transition:transform .3s ease,background-color .3s ease}.pricing-card.popular .choose-plan-button:hover{background:#fff;transform:scale(1.05)}.choose-plan-button.current{background:var(--button-current-bg, rgba(0, 0, 0, .05));cursor:not-allowed;color:var(--button-current-text, #666666)}[data-theme=light]{--background-color: #ffffff;--text-primary: #1a1a1a;--text-secondary: #666666;--card-bg: #ffffff;--card-border: #e5e7eb;--card-title: #1a1a1a;--price-color: #1a1a1a;--button-bg: #f3f4f6;--button-text: #1a1a1a;--button-hover-bg: #e5e7eb;--button-current-bg: rgba(0, 0, 0, .05);--button-current-text: #666666;--toggle-bg: #f3f4f6;--button-active-bg: #ffffff;--button-active-text: #1a1a1a}[data-theme=dark]{--background-color: #1a1a1a;--text-primary: #ffffff;--text-secondary: #a3a3a3;--card-bg: #2a2a2a;--card-border: #333333;--card-title: #ffffff;--price-color: #ffffff;--button-bg: rgba(255, 255, 255, .1);--button-text: #ffffff;--button-hover-bg: rgba(255, 255, 255, .15);--button-current-bg: rgba(255, 255, 255, .05);--button-current-text: #a3a3a3;--toggle-bg: #2a2a2a;--button-active-bg: #ffffff;--button-active-text: #1a1a1a}@media (max-width: 1024px){.pricing-cards{grid-template-columns:repeat(2,1fr);gap:1rem;padding:0 1rem}.pricing-card.popular{grid-row:1;grid-column:1 / -1}}@media (max-width: 768px){.upgrade-container{padding:1rem;min-height:100vh;overflow-x:hidden;margin:0;width:100%}.upgrade-header{padding:1rem .5rem;margin-bottom:1rem;position:sticky;top:0;background:var(--background-color);z-index:10}.upgrade-header h1{font-size:1.5rem;margin-bottom:.25rem}.upgrade-header p{font-size:.9rem}.pricing-cards{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding:.5rem 1rem 2rem;margin:0 -1rem;gap:1rem;width:calc(100vw - 1rem)}.pricing-cards::-webkit-scrollbar{display:none}.pricing-card{flex:0 0 calc(100% - 2.5rem);scroll-snap-align:center;transform:none!important;margin:0;padding:1.25rem;min-height:auto;border:1px solid var(--card-border);border-radius:12px}.pricing-card.popular{transform:none!important;margin:0;border:none}.card-header{margin-bottom:.75rem}.card-header h3{font-size:1.1rem;margin-bottom:.5rem}.price .amount{font-size:2.25rem}.price-details{margin-bottom:.5rem}.features-list{margin:.75rem 0;gap:.5rem}.feature-item{font-size:.85rem;gap:.5rem}.swipe-indicators{display:flex;justify-content:center;gap:.5rem;margin:.5rem 0 1rem;position:absolute;bottom:0;left:0;right:0}.swipe-indicator{width:6px;height:6px;background:var(--text-secondary);border-radius:50%;opacity:.3}.swipe-indicator.active{opacity:1;background:#8b5cf6}.swipe-instruction{display:block;margin:.25rem 0;font-size:.85rem}.choose-plan-button{margin-top:.75rem}.cancel-text{font-size:.75rem;margin-top:.5rem;position:relative;z-index:2}}.cancel-text{color:#8b5cf6;font-style:italic;font-size:.85rem;text-align:center;margin-top:1rem}.tasks-container{max-width:800px;margin:0 auto;padding:2rem;width:100%}.tasks-header{margin-bottom:2rem;text-align:left}.tasks-header h1{font-size:2rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.tasks-header p{color:var(--text-secondary);font-size:1rem}.focus-section{margin-bottom:2rem;padding:1rem;background-color:var(--bg-secondary);border-radius:8px}.focus-label{color:var(--text-primary);font-size:1rem;font-weight:500}.progress-section{margin-bottom:2rem}.progress-text{color:var(--text-primary);margin-bottom:.5rem;font-size:.9rem}.progress-count{font-weight:600}.progress-bar{height:8px;background-color:var(--bg-secondary);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background-color:var(--accent-color);transition:width .3s ease}.tasks-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.task-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background-color:var(--bg-secondary);border-radius:8px;transition:all .2s ease}.task-item:hover{transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}.task-item.completed{opacity:.7}.checkbox{width:24px;height:24px;border:2px solid var(--accent-color);border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--accent-color);font-weight:700;flex-shrink:0}.task-content{flex:1}.task-text{color:var(--text-primary);margin-bottom:.5rem;font-size:1rem;line-height:1.5}.task-tag{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.8rem;font-weight:500;margin-right:.5rem}.task-tag.optional{background-color:var(--tag-optional-bg);color:var(--tag-optional-text)}.task-tag.summary{background-color:var(--tag-summary-bg);color:var(--tag-summary-text)}.task-tag.reframe{background-color:var(--tag-reframe-bg);color:var(--tag-reframe-text)}.task-tag.todo{background-color:var(--tag-todo-bg);color:var(--tag-todo-text)}.tasks-footer{text-align:center;color:var(--text-secondary);font-size:.9rem;font-style:italic}.motivation-message{padding:1rem;background-color:var(--bg-secondary);border-radius:8px;margin-top:2rem}[data-theme=dark] .task-item{background:transparent;border:2px solid #c084fc}[data-theme=dark] .task-item.emotional{border-color:#ec4899}[data-theme=dark] .task-item.mental{border-color:#8b5cf6}[data-theme=dark] .task-item.practical{border-color:#10b981}[data-theme=dark] .task-item.completed{background-color:#9333ea33}[data-theme=dark] .checkbox{border-color:#4b5563}[data-theme=dark] .task-tag.emotional{color:#f472b6;background-color:#f472b61a}[data-theme=dark] .task-tag.mental{color:#a78bfa;background-color:#a78bfa1a}[data-theme=dark] .task-tag.practical{color:#34d399;background-color:#34d3991a}[data-theme=dark] .task-tag.optional{color:#c084fc;background:none}.content{display:flex;height:calc(100vh - 64px);overflow:hidden}html[data-theme=light] .task-content{color:#111!important}html[data-theme=light] .task-item.completed .task-content{color:#6b7280!important}html[data-theme=light] .task-text{color:#000}html[data-theme=dark] .task-content,html[data-theme=dark] .task-text{color:#fff!important}html[data-theme=dark] .task-item.completed .task-content{color:#9ca3af!important}html[data-theme=dark] .task-item{background:transparent;border:2px solid #c084fc}html[data-theme=dark] .task-item.emotional{border-color:#ec4899}html[data-theme=dark] .task-item.mental{border-color:#8b5cf6}html[data-theme=dark] .task-item.practical{border-color:#10b981}html[data-theme=dark] .task-item.completed{background-color:#9333ea33}html[data-theme=dark] .checkbox{border-color:#4b5563}html[data-theme=dark] .focus-label,html[data-theme=dark] .progress-count{color:#c084fc}html[data-theme=dark] .progress-bar{background-color:#9333ea33}html[data-theme=dark] .progress-fill{background-color:#c084fc}html[data-theme=dark] .motivation-message{color:#9ca3af}html[data-theme=dark] .tasks-header h1,html[data-theme=dark] .tasks-header p,html[data-theme=dark] .progress-text{color:#fff!important}html[data-theme=dark] .task-tag.emotional{color:#f472b6!important;background-color:#f472b61a}html[data-theme=dark] .task-tag.mental{color:#a78bfa!important;background-color:#a78bfa1a}html[data-theme=dark] .task-tag.practical{color:#34d399!important;background-color:#34d3991a}html[data-theme=dark] .task-tag.optional{color:#c084fc;background:none}.onboarding-container{width:100%;min-height:100vh;display:flex;flex-direction:column;background:var(--bg-color);transition:background-color .3s ease}.onboarding-header{position:relative;display:flex;align-items:center;justify-content:space-between;padding:.75rem 3rem;background:var(--header-bg);height:70px;max-width:1400px;margin:0 auto;width:100%;border-bottom:1px solid var(--border-color)}.logo-container{display:flex;align-items:center;justify-content:center}.logo{width:auto;height:48px;object-fit:contain;transition:opacity .3s ease}.theme-toggle{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.theme-toggle:hover{background:var(--hover-bg)}.onboarding-content{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem}.onboarding-card{width:100%;max-width:600px;background:var(--card-bg);border:2px solid var(--primary-color);border-radius:12px;padding:2rem;margin:0 1rem;box-shadow:0 4px 6px #0000001a;transition:all .3s ease}.question-title{color:var(--text-primary);font-size:1.5rem;font-weight:500;margin-bottom:2rem;text-align:center}.radio-group{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.radio-label{display:flex;align-items:center;padding:1rem;border:2px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s ease;background:var(--card-bg);transform-origin:center}.radio-label:hover,.radio-label.selected{border-color:var(--primary-color);background:var(--hover-bg);transform:scale(1.02)}.radio-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border:2px solid var(--border-color);border-radius:50%;margin-right:1rem;position:relative;cursor:pointer;transition:all .2s ease}.radio-input:checked{border-color:var(--primary-color);background:var(--primary-color)}.radio-input:checked:after{content:"";position:absolute;width:10px;height:10px;background:#fff;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.radio-label span{color:var(--text-primary);font-size:1rem;transition:color .3s ease}.button-group{display:flex;justify-content:space-between;gap:1rem;margin-top:2rem}.btn{padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .2s ease}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary-color);color:#fff;border:none}.btn-primary:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.btn-secondary{background:transparent;border:2px solid var(--primary-color);color:var(--primary-color)}.btn-secondary:hover:not(:disabled){background:var(--hover-bg);transform:translateY(-1px)}.progress-dots{display:flex;justify-content:center;gap:.5rem;margin-top:2rem}.progress-dot{width:8px;height:8px;border-radius:50%;background:var(--border-color);transition:all .3s ease}.progress-dot.active{background:var(--primary-color);transform:scale(1.2)}[data-theme=dark]{--bg-color: #1a1a1a;--card-bg: #2a2a2a;--text-primary: #ffffff;--border-color: #404040;--primary-color: #8b5cf6;--primary-hover: #7c3aed;--hover-bg: rgba(139, 92, 246, .1);--header-bg: #1a1a1a}[data-theme=light]{--bg-color: #ffffff;--card-bg: #ffffff;--text-primary: #1a1a1a;--border-color: #e5e5e5;--primary-color: #8b5cf6;--primary-hover: #7c3aed;--hover-bg: rgba(139, 92, 246, .1);--header-bg: #ffffff}@media (max-width: 768px){.onboarding-header{padding:.75rem 1rem}.logo{height:32px}.onboarding-content{padding:1rem}.onboarding-card{padding:1.5rem}.question-title{font-size:1.25rem;margin-bottom:1.5rem}.radio-label{padding:.75rem}.btn{padding:.75rem 1rem;font-size:.9rem}}