.conditions-scroll-hint{display:none}*{box-sizing:border-box}*,*:before,*:after{font-family:inherit}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,#667eea 0%,#764ba2 50%,#f093fb 100%);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{min-height:100vh;display:flex;flex-direction:column;position:relative}.app:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,219,255,.2) 0%,transparent 50%);z-index:-1;animation:backgroundShift 20s ease-in-out infinite}@keyframes backgroundShift{0%,to{transform:translate(0) translateY(0)}25%{transform:translate(-20px) translateY(-10px)}50%{transform:translate(20px) translateY(10px)}75%{transform:translate(-10px) translateY(20px)}}.app-header{text-align:center;padding:2rem 1rem;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:2px solid rgba(255,255,255,.2)}.app-header h1{font-size:3rem;margin:0;background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4,#feca57);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease-in-out infinite;text-shadow:2px 2px 4px rgba(0,0,0,.3)}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.subtitle{font-size:1.2rem;color:#fff;margin:1rem 0 0;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.quirky-text{font-style:italic;color:#ffeb3b;text-shadow:1px 1px 2px rgba(0,0,0,.7)}.app-main{flex:1;padding:2rem;display:flex;flex-direction:column;align-items:center;gap:3rem;position:relative;z-index:1}.wheel-section{display:flex;justify-content:center;align-items:center;width:100%;max-width:760px;padding:0 .5rem;box-sizing:border-box}.spectrum-wheel-container{position:relative;display:flex;flex-direction:column;align-items:center;gap:2rem;width:100%}.wheel-wrapper{background:rgba(255,255,255,.1);border-radius:50%;padding:2.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:3px solid rgba(255,255,255,.2);box-shadow:0 24px 48px #00000024,inset 0 1px #fff3;position:relative;width:100%;max-width:580px}.spectrum-wheel{filter:drop-shadow(0 10px 20px rgba(0,0,0,.2));width:100%;height:auto}.spectrum-wheel svg{width:100%;height:auto;touch-action:none}.spectrum-level-description{width:100%;max-width:580px;margin-top:1.5rem;background:rgba(255,255,255,.09);border-radius:18px;padding:1.1rem 1.4rem;border:1px solid rgba(255,255,255,.2);box-shadow:0 18px 38px #0003;color:#fff;display:flex;flex-direction:column;gap:.6rem}.description-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.description-trait{display:flex;align-items:center;gap:.6rem}.description-emoji{font-size:1.8rem}.description-title{font-size:1.2rem;font-weight:600;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.level-pill{padding:.4rem .9rem;border-radius:999px;font-size:.85rem;font-weight:700;background:linear-gradient(45deg,rgba(255,107,107,.7),rgba(78,205,196,.7));color:#0e0e2c;box-shadow:0 10px 20px #0003}.spectrum-level-description p{margin:0;font-size:.98rem;line-height:1.55;color:#ffffffe6}.ring-clickable{transition:all .3s ease}.ring-clickable:hover{filter:brightness(1.2) drop-shadow(0 0 8px rgba(255,255,255,.6))}.quirky-message{position:absolute;top:-80px;left:50%;transform:translate(-50%);background:linear-gradient(45deg,#ff6b6b,#4ecdc4);color:#fff;padding:1rem 2rem;border-radius:25px;font-weight:700;font-size:1.1rem;z-index:10;box-shadow:0 10px 30px #0000004d;border:2px solid rgba(255,255,255,.3)}.hover-tooltip{position:absolute;bottom:-90px;left:50%;transform:translate(-50%);background:rgba(0,0,0,.85);color:#fff;padding:.8rem 1.5rem;border-radius:15px;font-weight:700;font-size:.9rem;box-shadow:0 5px 20px #0006;border:1px solid rgba(255,255,255,.2);z-index:5;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none}.hover-tooltip small{font-size:.7rem;opacity:.8}.intensity-legend{background:rgba(255,255,255,.1);padding:1.5rem;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);text-align:center}.intensity-legend h3{color:#fff;margin:0 0 1rem;font-size:1.3rem;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.legend-clarification{color:#ffeb3b;font-size:.9rem;margin:0 0 1rem;text-align:center;text-shadow:1px 1px 2px rgba(0,0,0,.7);line-height:1.4}.legend-items{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.legend-item{display:flex;align-items:center;gap:.5rem;color:#fff;font-size:.9rem}.legend-color{width:20px;height:20px;border-radius:50%;border:2px solid rgba(255,255,255,.3)}.current-selections{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.2)}.current-selections h4{color:#fff;margin:0 0 1rem;font-size:1.1rem;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.selection-item{display:flex;align-items:center;gap:.8rem;margin:.5rem 0;padding:.5rem;background:rgba(255,255,255,.05);border-radius:10px;border:1px solid rgba(255,255,255,.1)}.trait-emoji{font-size:1.2rem}.trait-name{flex:1;color:#fff;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.level-indicator{color:#ffeb3b;font-size:.9rem;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.7)}.controls-section{display:flex;flex-direction:column;align-items:center;gap:1rem}.controls-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;width:100%;max-width:600px}.mobile-controls-section{width:100%;max-width:680px;padding:0 1rem;box-sizing:border-box}.mobile-spectrum-controls{background:rgba(255,255,255,.08);border-radius:24px;padding:1.5rem 1.25rem;border:2px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff}.mobile-spectrum-controls h2{font-size:1.4rem;margin:0 0 .5rem;text-align:center;text-shadow:1px 1px 2px rgba(0,0,0,.6)}.mobile-spectrum-intro{font-size:.95rem;text-align:center;margin:0 0 1.5rem;color:#ffffffd9;line-height:1.5}.mobile-traits-list{display:flex;flex-direction:column;gap:1rem}.mobile-trait-card{background:rgba(0,0,0,.25);border-radius:20px;padding:1rem;border:1px solid rgba(255,255,255,.15);box-shadow:0 12px 24px #0003}.mobile-trait-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.mobile-trait-emoji{font-size:1.8rem}.mobile-trait-title h3{margin:0;font-size:1.2rem;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.mobile-trait-title p{margin:.2rem 0 0;font-size:.85rem;color:#ffffffbf;line-height:1.4}.mobile-trait-level{margin-left:auto;font-size:.85rem;color:#ffeb3b;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.mobile-slider-wrapper input[type=range]{width:100%;accent-color:#ff6b6b}.mobile-slider-wrapper input[type=range]::-webkit-slider-thumb{width:24px;height:24px;border-radius:50%;background:#ff6b6b;cursor:pointer}.mobile-slider-wrapper input[type=range]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#ff6b6b;border:none;cursor:pointer}.mobile-slider-scale{display:flex;justify-content:space-between;gap:.5rem;margin-top:.75rem}.mobile-level-chip{flex:1;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#fff;border-radius:10px;padding:.4rem 0;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.mobile-level-chip.active{background:linear-gradient(45deg,#ff6b6b,#4ecdc4);border-color:#fffc;color:#1b1b1b;box-shadow:0 8px 18px #0003}.mobile-level-chip:active{transform:scale(.96)}.generate-button{background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#45b7d1);background-size:300% 300%;color:#fff;border:none;padding:1rem 2rem;border-radius:50px;font-size:1.2rem;font-weight:700;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;cursor:pointer;box-shadow:0 10px 30px #0000004d;border:3px solid rgba(255,255,255,.3);transition:all .3s ease;animation:gradientShift 3s ease-in-out infinite;position:relative;overflow:hidden}.generate-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.generate-button:hover:before{left:100%}.generate-button.active{animation:pulse 2s infinite}.generate-button.ai{background:linear-gradient(45deg,#120078,#9d0191,#fd3a69)}.generate-button.disabled{background:linear-gradient(45deg,#666,#888);cursor:not-allowed;opacity:.6}.reset-button{margin-top:.5rem;background:rgba(0,0,0,.35);color:#fff;border:1px solid rgba(255,255,255,.3);padding:.85rem 1.75rem;border-radius:999px;font-size:1rem;font-weight:700;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;box-shadow:0 8px 20px #0003;display:inline-flex;align-items:center;gap:.5rem}.reset-button.active:hover{box-shadow:0 10px 25px #0000004d;background:rgba(0,0,0,.45)}.reset-button.disabled{cursor:not-allowed;opacity:.5}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.button-emoji{margin-left:.5rem;display:inline-block}.instruction-text{color:#fff;text-align:center;font-size:1.1rem;text-shadow:1px 1px 2px rgba(0,0,0,.5);max-width:600px}.ai-access-badge{background:rgba(0,0,0,.4);color:#b2ff59;padding:.75rem 1.5rem;border-radius:999px;font-weight:700;font-size:.95rem;border:1px solid rgba(178,255,89,.4);text-shadow:1px 1px 2px rgba(0,0,0,.7)}.payment-status-message{color:#fff;text-align:center;font-size:1rem;max-width:600px;padding:.75rem 1rem;background:rgba(0,0,0,.35);border-radius:12px;border:1px solid rgba(255,255,255,.2);text-shadow:1px 1px 2px rgba(0,0,0,.6)}.share-panel{margin-top:1.5rem;width:100%;max-width:640px;background:rgba(255,255,255,.08);border-radius:18px;padding:1.25rem 1.5rem;border:1px solid rgba(255,255,255,.2);box-shadow:0 14px 28px #0000002e;display:flex;flex-direction:column;gap:1rem}.share-panel-header h4{margin:0;color:#fff;font-size:1.25rem;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.share-panel-header p{margin:.5rem 0 0;font-size:.95rem;color:#ffffffd9;line-height:1.5}.share-link-preview{background:rgba(0,0,0,.2);border-radius:12px;padding:.75rem 1rem;border:1px solid rgba(255,255,255,.2);overflow-wrap:anywhere}.share-link-preview a{color:#b2fffd;text-decoration:none;font-weight:600}.share-panel-actions{display:flex;flex-wrap:wrap;gap:.6rem}.share-panel-button{flex:1 1 auto;min-width:150px;padding:.7rem 1rem;border-radius:12px;border:none;cursor:pointer;font-weight:600;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;background:linear-gradient(45deg,#4ecdc4,#45b7d1);color:#0e0e2c;box-shadow:0 10px 20px #0003}.share-panel-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 24px #00000040}.share-panel-button:disabled{opacity:.6;cursor:not-allowed}.share-panel-button.secondary{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.25)}.share-panel-message{margin:0;font-size:.9rem;color:#ffffffd9;text-align:center}.highlight{color:#ffeb3b;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.7)}.insights-section{width:100%;max-width:1200px;margin:3rem 0;position:relative;z-index:2}.insights-loading{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem;background:rgba(255,255,255,.1);border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2)}.loading-spinner{font-size:3rem;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.insights-container{background:rgba(255,255,255,.1);border-radius:25px;padding:2rem;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:3px solid rgba(255,255,255,.2);box-shadow:0 20px 40px #0000001a}.insights-header{text-align:center;margin-bottom:2rem}.insights-header h2{font-size:2.5rem;color:#fff;margin:0 0 1rem;text-shadow:2px 2px 4px rgba(0,0,0,.5);background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#45b7d1);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease-in-out infinite}.selected-conditions{color:#ffeb3b;margin:.25rem 0 1rem;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.6)}.conditions-selector{background:rgba(255,255,255,.1);border-radius:20px;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);margin:2rem 0;max-width:800px;width:100%}.conditions-scroll-wrapper{width:100%;position:relative;max-width:960px;margin:0 auto}.conditions-selector h3{color:#fff;margin:0 0 1.5rem;font-size:1.4rem;text-align:center;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.conditions-grid{display:flex;flex-wrap:wrap;gap:.85rem;justify-content:center}.condition-chip{display:flex;align-items:center;gap:.4rem;padding:.6rem 1rem;background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.2);border-radius:20px;color:#fff;cursor:pointer;transition:all .3s ease;font-size:.85rem;font-weight:500;justify-content:center;text-align:center;flex:0 0 220px}.condition-chip:hover{background:rgba(255,255,255,.2);border-color:#fff6;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.condition-chip.active{background:linear-gradient(45deg,#4ecdc4,#45b7d1);border-color:#fff9;box-shadow:0 4px 15px #4ecdc44d;transform:translateY(-2px)}.condition-chip input[type=checkbox]{display:none}.chip-emoji{font-size:1.2rem;margin-right:.3rem}@media (max-width: 768px){.app-main{padding:1rem .4rem;gap:2rem}.conditions-scroll-wrapper{overflow-x:hidden;overflow-y:hidden;padding:.35rem .35rem .85rem;margin:0;border-radius:22px;background:rgba(0,0,0,.05)}.conditions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;max-height:230px;overflow-y:auto;padding-right:.2rem;padding-left:.2rem;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.condition-chip{padding:.6rem .9rem;font-size:.82rem;flex:1 1 auto}.conditions-grid::-webkit-scrollbar{width:4px}.conditions-grid::-webkit-scrollbar-thumb{background:rgba(255,255,255,.35);border-radius:4px}.mobile-controls-section{padding:0 .5rem}.mobile-spectrum-controls{padding:1.15rem .85rem;border-radius:22px}.mobile-traits-list{gap:.85rem}.mobile-trait-card{padding:.85rem .9rem}.share-panel{padding:1rem 1rem 1.1rem}.mobile-trait-title h3{font-size:1.05rem}.mobile-trait-title p{font-size:.8rem}.mobile-slider-wrapper input[type=range]::-webkit-slider-thumb,.mobile-slider-wrapper input[type=range]::-moz-range-thumb{width:20px;height:20px}.mobile-level-chip{font-size:.75rem;padding:.3rem 0}.conditions-selector{padding:1rem;border-radius:20px}.insights-section{margin:2rem 0}.generate-button,.reset-button,.condition-chip,.mobile-level-chip,.conditions-scroll-hint{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;letter-spacing:.02em}.generate-button,.reset-button{font-size:1.05rem}.share-panel-button{min-width:140px}.shared-report-container{padding:1.5rem .75rem 2.5rem}.shared-report-header{padding:1.25rem 1.4rem}.shared-report-header h1{font-size:1.8rem}.shared-report-header p{font-size:.95rem}.shared-report-status{padding:1.5rem 1.25rem}.shared-report-primary{width:100%}.spectrum-level-description{max-width:100%;padding:.9rem 1rem}.description-title{font-size:1.05rem}.description-emoji{font-size:1.5rem}.level-pill{font-size:.8rem}.spectrum-level-description p{font-size:.9rem}}.summary{font-size:1.3rem;color:#fff;font-style:italic;text-shadow:1px 1px 2px rgba(0,0,0,.5);max-width:800px;margin:0 auto}.insights-grid{display:grid;gap:2rem}.insight-section{background:rgba(255,255,255,.05);border-radius:20px;padding:1.5rem;border:2px solid rgba(255,255,255,.1)}.insight-section h3{color:#fff;font-size:1.8rem;margin:0 0 1.5rem;text-shadow:1px 1px 2px rgba(0,0,0,.5);text-align:center}.life-stages,.settings-grid,.support-grid,.strengths-grid{display:grid;gap:1.5rem}.life-stages{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.support-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.strengths-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.stage,.setting,.support-category,.strength-category{background:rgba(255,255,255,.08);border-radius:15px;padding:1.5rem;border:1px solid rgba(255,255,255,.1)}.stage h4,.setting h4,.support-category h4,.strength-category h4{color:#fff;font-size:1.3rem;margin:0 0 1rem;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.stage ul,.setting ul,.support-category ul,.strength-category ul{list-style:none;padding:0;margin:0}.stage li,.setting li,.support-category li,.strength-category li{color:#fff;margin:.8rem 0;padding:.5rem;background:rgba(255,255,255,.05);border-radius:10px;border-left:4px solid rgba(255,255,255,.3);text-shadow:1px 1px 2px rgba(0,0,0,.3)}.strength-item{background:linear-gradient(45deg,rgba(255,107,107,.2),rgba(78,205,196,.2))!important;border-left:4px solid #ff6b6b!important;font-weight:700}.strengths-section{background:linear-gradient(135deg,rgba(255,107,107,.1),rgba(78,205,196,.1))!important;border:2px solid rgba(255,107,107,.3)!important}.ai-insights-section{background:linear-gradient(135deg,rgba(138,43,226,.1),rgba(30,144,255,.1))!important;border:2px solid rgba(138,43,226,.3)!important}.ai-insights-content{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.ai-strengths,.ai-challenges,.ai-recommendations{background:rgba(255,255,255,.08);border-radius:15px;padding:1.5rem;border:1px solid rgba(255,255,255,.1)}.ai-strengths h4,.ai-challenges h4,.ai-recommendations h4{color:#fff;font-size:1.3rem;margin:0 0 1rem;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.ai-strengths ul,.ai-challenges ul,.ai-recommendations ul{list-style:none;padding:0;margin:0}.shared-report-container{min-height:100vh;padding:2rem 1.25rem 3rem;display:flex;flex-direction:column;align-items:center;gap:2rem}.shared-report-header{max-width:900px;text-align:center;color:#fff;background:rgba(255,255,255,.08);padding:1.5rem 2rem;border-radius:22px;border:1px solid rgba(255,255,255,.25);box-shadow:0 18px 38px #00000040}.shared-report-header h1{margin:0;font-size:2.2rem;text-shadow:2px 2px 4px rgba(0,0,0,.4)}.shared-report-header p{margin:1rem 0 0;font-size:1.05rem;line-height:1.6;color:#ffffffd9}.shared-report-status{max-width:640px;text-align:center;background:rgba(0,0,0,.3);padding:1.75rem 1.5rem;border-radius:18px;border:1px solid rgba(255,255,255,.2);box-shadow:0 12px 24px #0003;color:#fff}.shared-report-status h2{margin:0 0 .75rem;font-size:1.6rem}.shared-report-status p{margin:0 0 1.5rem;font-size:1rem;color:#ffffffd9;line-height:1.5}.shared-report-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(45deg,#ff6b6b,#45b7d1);color:#0e0e2c;padding:.75rem 1.5rem;border-radius:999px;font-weight:700;text-decoration:none;box-shadow:0 14px 28px #0003}.shared-report-actions{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-top:1.75rem}.shared-report-id{margin:0;font-size:.85rem;color:#ffffffb3}.shared-report-id span{font-family:Courier New,Courier,monospace;font-weight:600;color:#ffffffe6}.shared-report-insights{width:100%;max-width:1100px}.ai-strength-item,.ai-challenge-item,.ai-recommendation-item{color:#fff;margin:.8rem 0;padding:.5rem;background:rgba(255,255,255,.05);border-radius:10px;border-left:4px solid rgba(255,255,255,.3);text-shadow:1px 1px 2px rgba(0,0,0,.3)}.ai-strength-item{border-left:4px solid #4ecdc4!important;background:linear-gradient(45deg,rgba(78,205,196,.1),rgba(255,255,255,.05))!important}.ai-challenge-item{border-left:4px solid #ff6b6b!important;background:linear-gradient(45deg,rgba(255,107,107,.1),rgba(255,255,255,.05))!important}.ai-recommendation-item{border-left:4px solid #feca57!important;background:linear-gradient(45deg,rgba(254,202,87,.1),rgba(255,255,255,.05))!important}.app-footer{text-align:center;padding:2rem;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:2px solid rgba(255,255,255,.2)}.app-footer p{color:#fff;margin:0;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.footer-quirky{color:#ffeb3b;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.7)}@media (max-width: 768px){.app-header h1{font-size:2rem}.subtitle{font-size:1rem}.wheel-wrapper{padding:1rem}.spectrum-wheel{width:100%;height:auto}.insights-container{padding:1rem}.insights-header h2{font-size:2rem}.life-stages,.settings-grid,.support-grid,.strengths-grid{grid-template-columns:1fr}}.cookie-consent-overlay{position:fixed;bottom:0;left:0;right:0;z-index:10000;display:flex;justify-content:center;align-items:flex-end;padding:1.5rem;pointer-events:none}.cookie-consent-dialog{pointer-events:auto;max-width:600px;width:100%;background:linear-gradient(135deg,rgba(102,126,234,.95) 0%,rgba(118,75,162,.95) 100%);border-radius:20px;box-shadow:0 20px 60px #0000004d;border:2px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cookie-consent-content{padding:2rem;color:#fff}.cookie-consent-content h3{margin:0 0 1rem;font-size:1.8rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.cookie-consent-content p{margin:0 0 1rem;line-height:1.6;font-size:1rem;color:#fffffff2}.cookie-consent-detail{font-size:.9rem!important;color:#ffffffd9!important;margin-top:.5rem}.cookie-consent-actions{display:flex;gap:1rem;margin-top:1.5rem;justify-content:flex-end}.cookie-consent-accept,.cookie-consent-reject{padding:.75rem 1.5rem;border-radius:999px;border:none;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.cookie-consent-accept{background:linear-gradient(45deg,#4ecdc4,#44a08d);color:#fff;box-shadow:0 4px 15px #4ecdc466}.cookie-consent-accept:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4ecdc499}.cookie-consent-reject{background:rgba(255,255,255,.2);color:#fff;border:2px solid rgba(255,255,255,.4)}.cookie-consent-reject:hover{background:rgba(255,255,255,.3);transform:translateY(-2px)}@media (max-width: 768px){.cookie-consent-overlay{padding:1rem}.cookie-consent-dialog{border-radius:15px}.cookie-consent-content{padding:1.5rem}.cookie-consent-content h3{font-size:1.5rem}.cookie-consent-actions{flex-direction:column}.cookie-consent-accept,.cookie-consent-reject{width:100%}}