.conditions-scroll-hint{display:none}*{box-sizing:border-box}*,*:before,*:after{font-family:inherit}:root{--bg-primary: linear-gradient(135deg, #0a0e27 0%, #1a1f3a 50%, #2a1f4a 100%);--bg-secondary: rgba(0, 255, 255, .1);--text-primary: #00ffff;--text-secondary: #ff00ff;--text-accent: #00ff88;--text-warning: #ffff00;--border-color: rgba(0, 255, 255, .4);--shadow-color: rgba(0, 255, 255, .3);--scrollbar-thumb: rgba(0, 255, 255, .6);--scrollbar-track: rgba(0, 255, 255, .15);--header-bg: rgba(10, 14, 39, .9)}body.theme-dune{--bg-primary: linear-gradient(135deg, #e8d4b8 0%, #d4a574 50%, #c49460 100%);--bg-secondary: rgba(139, 69, 19, .12);--text-primary: #1a0f07;--text-secondary: #2c1810;--text-accent: #6b3410;--text-warning: #8b4513;--border-color: rgba(139, 69, 19, .4);--shadow-color: rgba(0, 0, 0, .4);--scrollbar-thumb: rgba(139, 69, 19, .6);--scrollbar-track: rgba(139, 69, 19, .25);--header-bg: rgba(232, 212, 184, .9)}body.theme-cyberpunk{--bg-primary: linear-gradient(135deg, #0a0e27 0%, #1a1f3a 50%, #2a1f4a 100%);--bg-secondary: rgba(0, 255, 255, .1);--text-primary: #00ffff;--text-secondary: #ff00ff;--text-accent: #00ff88;--text-warning: #ffff00;--border-color: rgba(0, 255, 255, .4);--shadow-color: rgba(0, 255, 255, .3);--scrollbar-thumb: rgba(0, 255, 255, .6);--scrollbar-track: rgba(0, 255, 255, .15);--header-bg: rgba(10, 14, 39, .9)}body.theme-crystal{--bg-primary: linear-gradient(135deg, #1a0d2e 0%, #2d1b4e 50%, #4a2c6e 100%);--bg-secondary: rgba(138, 43, 226, .15);--text-primary: #e6d5ff;--text-secondary: #d4b3ff;--text-accent: #b794f6;--text-warning: #fbbf24;--border-color: rgba(138, 43, 226, .4);--shadow-color: rgba(138, 43, 226, .4);--scrollbar-thumb: rgba(138, 43, 226, .6);--scrollbar-track: rgba(138, 43, 226, .2);--header-bg: rgba(26, 13, 46, .9)}body.theme-terminal{--bg-primary: linear-gradient(135deg, #0d2818 0%, #1a3d2e 50%, #0d2818 100%);--bg-secondary: rgba(0, 255, 0, .05);--text-primary: #00ff41;--text-secondary: #39ff14;--text-accent: #7fff00;--text-warning: #ffff00;--border-color: rgba(0, 255, 65, .3);--shadow-color: rgba(0, 255, 65, .2);--scrollbar-thumb: rgba(0, 255, 65, .5);--scrollbar-track: rgba(0, 255, 65, .1);--header-bg: rgba(13, 40, 24, .95)}.dark-mode.theme-dune{--bg-primary: linear-gradient(135deg, #3d2817 0%, #2d1f12 50%, #1f150d 100%);--bg-secondary: rgba(139, 69, 19, .2);--text-primary: #f4e4c1;--text-secondary: #e8d4a8;--header-bg: rgba(61, 40, 23, .9)}.dark-mode.theme-cyberpunk{--bg-primary: linear-gradient(135deg, #000000 0%, #0a0e27 50%, #1a1f3a 100%);--bg-secondary: rgba(0, 255, 255, .15);--text-primary: #00ffff;--header-bg: rgba(0, 0, 0, .95)}.dark-mode.theme-crystal{--bg-primary: linear-gradient(135deg, #0a0514 0%, #1a0d2e 50%, #2d1b4e 100%);--bg-secondary: rgba(138, 43, 226, .2);--text-primary: #f3e8ff;--header-bg: rgba(10, 5, 20, .95)}.dark-mode.theme-terminal{--bg-primary: linear-gradient(135deg, #000000 0%, #0d2818 50%, #1a3d2e 100%);--bg-secondary: rgba(0, 255, 65, .1);--text-primary: #00ff41;--header-bg: rgba(0, 0, 0, .98)}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg-primary);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background .3s ease}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:5px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:5px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.6)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}.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,.2) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.2) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,219,255,.15) 0%,transparent 50%);z-index:-1;opacity:.6}.dark-mode .app:before{background:radial-gradient(circle at 20% 80%,rgba(100,100,150,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(150,100,150,.15) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(100,150,200,.1) 0%,transparent 50%)}.theme-dune .app:before{background:radial-gradient(circle at 20% 80%,rgba(184,132,76,.2) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(210,180,140,.2) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(222,184,135,.15) 0%,transparent 50%);opacity:.5}.app-header{text-align:center;padding:4.5rem 1rem 2rem;background:transparent;border-bottom:none;position:relative}.header-top{position:absolute;top:1rem;right:1rem;z-index:10;display:flex;gap:.75rem;align-items:center}.app-header h1{font-size:3rem;margin:0;color:var(--text-primary);text-shadow:2px 2px 4px rgba(0,0,0,.5);background:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:unset!important;background-clip:unset!important;animation:none!important;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.5))}.theme-terminal .app-header h1{font-family:Courier New,Courier,monospace}.dark-mode .app-header h1{filter:drop-shadow(2px 2px 6px rgba(0,0,0,.7))}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.subtitle{font-size:1.2rem;color:var(--text-primary);margin:1rem 0 0;text-shadow:2px 2px 4px rgba(0,0,0,.6)}.quirky-text{font-style:italic;color:var(--text-warning);text-shadow:2px 2px 4px rgba(0,0,0,.8);font-weight:500}.theme-dune .quirky-text{color:#6b3410;text-shadow:1px 1px 2px rgba(255,255,255,.5);font-weight:600}.dark-mode .quirky-text{color:#fff9c4;text-shadow:2px 2px 4px rgba(0,0,0,.9)}.dark-mode.theme-dune .quirky-text{color:#f4e4c1;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.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:var(--bg-secondary);border-radius:18px;padding:1.1rem 1.4rem;border:1px solid var(--border-color);box-shadow:0 18px 38px var(--shadow-color);color:var(--text-primary);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,var(--text-accent),var(--text-secondary));color:var(--text-primary);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);text-shadow:2px 2px 4px rgba(0,0,0,.8)}.theme-dune .quirky-message{background:linear-gradient(45deg,#8b4513,#a0522d);color:#f4e4c1;border-color:#f4e4c180;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.dark-mode.theme-dune .quirky-message{background:linear-gradient(45deg,#cd853f,#daa520);color:#1a0f07;border-color:#1a0f0780;text-shadow:1px 1px 2px rgba(255,255,255,.5)}.theme-cyberpunk .quirky-message{background:linear-gradient(45deg,#00ffff,#ff00ff);color:#000;border-color:#0ff9;text-shadow:0 0 10px rgba(0,255,255,.8);box-shadow:0 10px 30px #0ff6}.dark-mode.theme-cyberpunk .quirky-message{background:linear-gradient(45deg,#00ffff,#ff00ff);color:#000;border-color:#0ffc;text-shadow:0 0 15px rgba(0,255,255,1);box-shadow:0 10px 30px #0ff9}.theme-crystal .quirky-message{background:linear-gradient(45deg,#8a2be2,#b794f6);color:#fff;border-color:#b794f699;text-shadow:2px 2px 4px rgba(0,0,0,.8),0 0 10px rgba(138,43,226,.6);box-shadow:0 10px 30px #8a2be266}.dark-mode.theme-crystal .quirky-message{background:linear-gradient(45deg,#b794f6,#d4b3ff);color:#1a0d2e;border-color:#1a0d2e80;text-shadow:1px 1px 2px rgba(255,255,255,.5);box-shadow:0 10px 30px #8a2be280}.theme-terminal .quirky-message{background:linear-gradient(45deg,#00ff41,#39ff14);color:#000;border-color:#00ff4199;text-shadow:0 0 10px rgba(0,255,65,.8);box-shadow:0 10px 30px #00ff4166;font-family:Courier New,Courier,monospace}.dark-mode.theme-terminal .quirky-message{background:linear-gradient(45deg,#39ff14,#7fff00);color:#000;border-color:#00ff41cc;text-shadow:0 0 15px rgba(0,255,65,1);box-shadow:0 10px 30px #00ff4199;font-family:Courier New,Courier,monospace}.hover-tooltip{position:absolute;bottom:-90px;left:50%;transform:translate(-50%);background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);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:var(--text-primary);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}.theme-dune .legend-clarification{color:#6b3410;background:rgba(255,255,255,.5);padding:.75rem 1rem;border-radius:8px;text-shadow:none;font-weight:600;border:1px solid rgba(139,69,19,.3)}.legend-items{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.legend-item{display:flex;align-items:center;gap:.5rem;color:var(--text-primary);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:var(--text-primary);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:var(--text-primary);font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.level-indicator{color:var(--text-warning);font-size:.9rem;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.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:var(--bg-secondary);border-radius:24px;padding:1.5rem 1.25rem;border:2px solid var(--border-color);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:var(--text-primary)}.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);color:var(--text-primary)}.theme-dune .mobile-spectrum-controls h2{color:var(--text-primary);text-shadow:1px 1px 2px rgba(255,255,255,.5)}.mobile-spectrum-intro{font-size:.95rem;text-align:center;margin:0 0 1.5rem;color:#ffffffd9;line-height:1.5}.theme-dune .mobile-spectrum-intro{color:var(--text-secondary)}.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}.theme-dune .mobile-trait-card{background:rgba(255,255,255,.4);border:1px solid var(--border-color);box-shadow:0 12px 24px #00000026}.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);color:var(--text-primary)}.theme-dune .mobile-trait-title h3{color:var(--text-primary);text-shadow:1px 1px 2px rgba(255,255,255,.5)}.mobile-trait-title p{margin:.2rem 0 0;font-size:.85rem;color:#ffffffbf;line-height:1.4}.theme-dune .mobile-trait-title p{color:var(--text-secondary)}.mobile-trait-level{margin-left:auto;font-size:.85rem;color:#ffeb3b;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.theme-dune .mobile-trait-level{color:var(--text-warning);text-shadow:1px 1px 2px rgba(255,255,255,.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 var(--border-color);background:var(--bg-secondary);color:var(--text-primary);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)}.mobile-trait-description{margin-top:1rem;padding:1rem;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color);box-shadow:0 8px 20px #0003;overflow:hidden}.mobile-description-header{display:flex;align-items:center;gap:.6rem;margin-bottom:.75rem;flex-wrap:wrap}.mobile-description-emoji{font-size:1.5rem}.mobile-description-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);text-shadow:1px 1px 2px rgba(0,0,0,.5);flex:1}.mobile-level-pill{padding:.35rem .75rem;border-radius:999px;font-size:.8rem;font-weight:700;background:linear-gradient(45deg,rgba(255,107,107,.7),rgba(78,205,196,.7));color:#0e0e2c;box-shadow:0 6px 12px #0003}.mobile-description-text{margin:0;font-size:.95rem;line-height:1.6;color:#ffffffe6}.theme-dune .mobile-trait-description{background:rgba(255,255,255,.5);border:1px solid var(--border-color)}.theme-dune .mobile-description-title{color:var(--text-primary);text-shadow:1px 1px 2px rgba(255,255,255,.5)}.theme-dune .mobile-description-text{color:var(--text-secondary)}.generate-button{background:linear-gradient(45deg,var(--text-accent),var(--text-secondary),var(--text-warning));background-size:300% 300%;color:var(--text-primary);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 var(--shadow-color);border:3px solid var(--border-color);transition:all .3s ease;animation:gradientShift 3s ease-in-out infinite;position:relative;overflow:hidden}.theme-dune .generate-button{background:linear-gradient(45deg,#8b4513,#a0522d,#cd853f);color:#f4e4c1;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.theme-cyberpunk .generate-button{background:linear-gradient(45deg,#00ffff,#ff00ff,#00ff88);box-shadow:0 10px 30px #0ff6}.theme-crystal .generate-button{background:linear-gradient(45deg,#8a2be2,#b794f6,#fbbf24);box-shadow:0 10px 30px #8a2be266}.theme-terminal .generate-button{background:linear-gradient(45deg,#00ff41,#39ff14,#7fff00);color:#000;text-shadow:0 0 8px rgba(0,255,65,.8);box-shadow:0 10px 30px #00ff414d;font-family:Courier New,Courier,monospace}.dark-mode.theme-terminal .generate-button{background:linear-gradient(45deg,#00ff41,#39ff14,#7fff00);color:#000;text-shadow:0 0 10px rgba(0,255,65,1);box-shadow:0 10px 30px #00ff4180}.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)}.theme-terminal .generate-button.ai{color:#fff;text-shadow:0 0 8px rgba(255,255,255,.8)}.dark-mode.theme-terminal .generate-button.ai{background:linear-gradient(45deg,#120078,#9d0191,#fd3a69);color:#fff;text-shadow:0 0 10px rgba(255,255,255,1);box-shadow:0 10px 30px #9d019180}.generate-button.disabled{background:linear-gradient(45deg,#666,#888);cursor:not-allowed;opacity:.6}.reset-button{margin-top:.5rem;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);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 var(--shadow-color);display:inline-flex;align-items:center;gap:.5rem}.reset-button.active:hover{box-shadow:0 10px 25px var(--shadow-color);background:var(--bg-secondary);border-color:var(--text-accent)}.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:var(--text-primary);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:var(--text-primary);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:var(--text-primary);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:var(--text-secondary);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:var(--text-primary);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:var(--text-primary);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:var(--text-warning);margin:.25rem 0 1rem;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.8);background:rgba(0,0,0,.3);padding:.5rem 1rem;border-radius:8px;display:inline-block}.theme-dune .selected-conditions{color:#6b3410;background:rgba(255,255,255,.4);text-shadow:1px 1px 2px rgba(255,255,255,.5)}.dark-mode .selected-conditions{color:#fff9c4;background:rgba(0,0,0,.5)}.dark-mode.theme-dune .selected-conditions{color:#f4e4c1;background:rgba(0,0,0,.4);text-shadow:2px 2px 4px rgba(0,0,0,.8)}.conditions-selector{background:var(--bg-secondary);border-radius:20px;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--border-color);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:var(--text-primary);margin:0 0 1.5rem;font-size:1.4rem;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.6)}.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:var(--bg-secondary);border:2px solid var(--border-color);border-radius:20px;color:var(--text-primary);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:var(--bg-secondary);border-color:var(--text-accent);transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-color)}.condition-chip.active{background:linear-gradient(45deg,var(--text-accent),var(--text-secondary));border-color:var(--text-accent);box-shadow:0 4px 15px var(--shadow-color);transform:translateY(-2px);color:var(--text-primary)}.theme-dune .condition-chip.active{background:linear-gradient(45deg,#8b4513,#a0522d);color:#f4e4c1;border-color:#8b4513;text-shadow:1px 1px 2px rgba(0,0,0,.3);box-shadow:0 4px 15px #0000004d}.theme-terminal .condition-chip.active{background:linear-gradient(45deg,#00ff41,#39ff14);color:#000;border-color:#00ff41;text-shadow:0 0 8px rgba(0,255,65,.8);box-shadow:0 4px 15px #00ff4166;font-weight:600}.dark-mode.theme-terminal .condition-chip.active{background:linear-gradient(45deg,#39ff14,#7fff00);color:#000;border-color:#39ff14;text-shadow:0 0 10px rgba(0,255,65,1);box-shadow:0 4px 15px #00ff4199;font-weight:600}.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:visible;padding:.35rem;margin:0}.conditions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;padding:.2rem}.condition-chip{padding:.6rem .9rem;font-size:.82rem;flex:1 1 auto}.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-trait-description{padding:.85rem;margin-top:.85rem}.mobile-description-header{gap:.5rem;margin-bottom:.6rem}.mobile-description-emoji{font-size:1.3rem}.mobile-description-title{font-size:1rem}.mobile-level-pill{padding:.3rem .65rem;font-size:.75rem}.mobile-description-text{font-size:.9rem;line-height:1.5}.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:var(--text-primary);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:var(--text-primary);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:var(--text-primary);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:var(--text-primary);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:var(--text-primary);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:var(--text-primary);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:var(--text-primary)}.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:var(--text-primary);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:var(--text-primary);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)}.footer-links{margin-top:.75rem;font-size:.9rem}.footer-link{color:var(--text-accent);text-decoration:none;transition:all .3s ease;border-bottom:1px solid transparent}.footer-link:hover{color:var(--text-primary);border-bottom-color:var(--text-accent);text-shadow:0 0 8px var(--text-accent)}.faq-page{min-height:100vh;padding:2rem 1rem;background:var(--bg-primary)}.faq-container{max-width:800px;margin:0 auto}.faq-header{text-align:center;margin-bottom:3rem}.faq-header h1{font-size:2.5rem;color:var(--text-primary);text-shadow:2px 2px 4px rgba(0,0,0,.5);margin:0 0 1.5rem}.faq-back-button{background:var(--bg-secondary);border:2px solid var(--border-color);color:var(--text-primary);padding:.75rem 1.5rem;border-radius:12px;font-size:1rem;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.faq-back-button:hover{background:rgba(255,255,255,.1);border-color:var(--text-accent);transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-color)}.faq-list{display:flex;flex-direction:column;gap:1.5rem}.faq-item{background:rgba(255,255,255,.05);border-radius:16px;padding:1.5rem;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 20px #0003}.faq-question{font-size:1.3rem;color:var(--text-accent);margin:0 0 1rem;font-weight:600;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.faq-answer{font-size:1rem;line-height:1.7;color:#ffffffe6;margin:0}.faq-footer{margin-top:3rem;padding:1.5rem;background:rgba(255,255,255,.05);border-radius:16px;text-align:center;border:1px solid rgba(255,255,255,.1)}.faq-footer p{color:#ffffffd9;margin:0;line-height:1.6}.theme-dune .faq-item,.theme-dune .faq-footer{background:rgba(255,255,255,.4);border:1px solid var(--border-color)}.theme-dune .faq-question{color:var(--text-accent)}.theme-dune .faq-answer,.theme-dune .faq-footer p{color:var(--text-secondary)}@media (max-width: 768px){.faq-page{padding:1.5rem .75rem}.faq-header h1{font-size:2rem}.faq-item{padding:1.25rem}.faq-question{font-size:1.1rem}.faq-answer{font-size:.95rem}.faq-footer{padding:1.25rem;margin-top:2rem}}.disclaimer{padding:2rem;margin:2rem auto;max-width:900px;background:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:12px;box-shadow:0 4px 20px #0003}.disclaimer-content{color:var(--text-primary)}.disclaimer-title{font-size:1.3rem;margin:0 0 1rem;color:var(--text-accent);text-shadow:1px 1px 2px rgba(0,0,0,.5);font-weight:600}.disclaimer-text{font-size:.9rem;line-height:1.7;color:#ffffffe6}.disclaimer-text p{margin:0 0 1rem;color:#ffffffd9}.disclaimer-text p:last-child{margin-bottom:0}.disclaimer-text strong{color:var(--text-accent);font-weight:600}@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}.disclaimer{padding:1.5rem;margin:1.5rem 1rem}.disclaimer-title{font-size:1.1rem}.disclaimer-text{font-size:.85rem}}.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:var(--text-primary)}.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:var(--text-primary);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:var(--text-primary);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%}}.dark-mode-toggle{display:flex;align-items:center;gap:.5rem;background:rgba(0,0,0,.7);border:2px solid var(--border-color);border-radius:25px;padding:.5rem 1rem;color:var(--text-primary);cursor:pointer;transition:all .3s ease;font-size:.9rem;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0000004d}.dark-mode-toggle:hover{background:rgba(0,0,0,.85);border-color:var(--text-accent);transform:translateY(-2px);box-shadow:0 4px 12px #00000080}.theme-dune .dark-mode-toggle{background:rgba(255,255,255,.9);color:#1a0f07;box-shadow:0 2px 8px #0003}.theme-dune .dark-mode-toggle:hover{background:rgba(255,255,255,.95);box-shadow:0 4px 12px #0000004d}.toggle-icon{font-size:1.2rem;display:flex;align-items:center;justify-content:center}.toggle-label{font-size:.85rem}@media (max-width: 768px){.app-header{padding-top:3.5rem;padding-bottom:1.5rem}.app-header h1{font-size:2rem;margin-top:.5rem}.header-top{top:.5rem;right:.5rem}.dark-mode-toggle{padding:.4rem .8rem;font-size:.8rem}.toggle-label{display:none}}.theme-selector{position:relative;display:inline-block}.theme-selector-button{display:flex;align-items:center;gap:.5rem;background:rgba(0,0,0,.7);border:2px solid var(--border-color);border-radius:25px;padding:.5rem 1rem;color:var(--text-primary);cursor:pointer;transition:all .3s ease;font-size:.9rem;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0000004d}.theme-selector-button:hover{background:rgba(0,0,0,.85);border-color:var(--text-accent);transform:translateY(-2px);box-shadow:0 4px 12px #00000080}.theme-dune .theme-selector-button{background:rgba(255,255,255,.9);color:#1a0f07;box-shadow:0 2px 8px #0003}.theme-dune .theme-selector-button:hover{background:rgba(255,255,255,.95);box-shadow:0 4px 12px #0000004d}.dark-mode.theme-dune .theme-selector-button{background:rgba(61,40,23,.95);color:#f4e4c1;border-color:#f4e4c166;box-shadow:0 2px 8px #00000080}.dark-mode.theme-dune .theme-selector-button:hover{background:rgba(61,40,23,1);border-color:#f4e4c199;box-shadow:0 4px 12px #000000b3}.theme-emoji{font-size:1.2rem}.theme-name{font-size:.85rem}.theme-arrow{font-size:.7rem;opacity:.7;margin-left:.2rem}.theme-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:rgba(0,0,0,.9);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:2px solid var(--border-color);border-radius:15px;padding:.5rem;min-width:220px;box-shadow:0 8px 24px #00000080;z-index:1000;display:flex;flex-direction:column;gap:.25rem}.theme-dune .theme-dropdown{background:rgba(255,255,255,.95);box-shadow:0 8px 24px #0000004d}.dark-mode.theme-dune .theme-dropdown{background:rgba(61,40,23,.98);border-color:#f4e4c166;box-shadow:0 8px 24px #000000b3}.theme-option{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:transparent;border:none;border-radius:10px;color:var(--text-primary);cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.theme-option:hover{background:var(--bg-secondary);transform:translate(4px)}.theme-option.active{background:var(--bg-secondary);border:1px solid var(--text-accent)}.dark-mode.theme-dune .theme-option{color:#f4e4c1}.dark-mode.theme-dune .theme-option:hover{background:rgba(139,69,19,.3)}.dark-mode.theme-dune .theme-option.active{background:rgba(139,69,19,.4);border-color:#f4e4c199}.theme-info{display:flex;flex-direction:column;flex:1;gap:.2rem}.theme-option-name{font-weight:600;font-size:.9rem}.theme-description{font-size:.75rem;opacity:.8}.dark-mode.theme-dune .theme-description{opacity:.9;color:#e8d4a8}.theme-check{color:var(--text-accent);font-weight:700;font-size:1.1rem}.dark-mode.theme-dune .theme-check{color:#f4e4c1}@media (max-width: 768px){.theme-selector-button{padding:.4rem .8rem;font-size:.8rem}.theme-name{display:none}.theme-dropdown{right:0;min-width:200px}}.additional-context-container{margin:2rem 0;padding:1.5rem;background:var(--bg-secondary);border-radius:20px;border:2px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:800px;width:100%}.additional-context-label{display:block;color:var(--text-primary);font-size:1.2rem;font-weight:700;margin-bottom:.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.6)}.additional-context-description{color:var(--text-secondary);font-size:.9rem;margin-bottom:1rem;line-height:1.5;opacity:.9}.additional-context-input{width:100%;padding:1rem;border-radius:12px;border:2px solid var(--border-color);background:rgba(255,255,255,.1);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1rem;line-height:1.5;resize:vertical;min-height:100px;transition:all .3s ease}.additional-context-input:focus{outline:none;border-color:var(--text-accent);background:rgba(255,255,255,.15);box-shadow:0 0 0 3px #0ff3}.additional-context-input::placeholder{color:var(--text-secondary);opacity:.6}.theme-dune .additional-context-container{background:rgba(255,255,255,.4);border-color:var(--border-color)}.theme-dune .additional-context-label{color:var(--text-primary);text-shadow:1px 1px 2px rgba(255,255,255,.5)}.theme-dune .additional-context-description{color:var(--text-secondary)}.theme-dune .additional-context-input{background:rgba(255,255,255,.6);color:var(--text-primary);border-color:var(--border-color)}.theme-dune .additional-context-input:focus{background:rgba(255,255,255,.8);box-shadow:0 0 0 3px #8b45134d}.dark-mode.theme-dune .additional-context-container{background:rgba(0,0,0,.3)}.dark-mode.theme-dune .additional-context-input{background:rgba(0,0,0,.4);color:#f4e4c1}.theme-terminal .additional-context-input{font-family:Courier New,Courier,monospace;background:rgba(0,0,0,.3);border-color:#00ff4166}.theme-terminal .additional-context-input:focus{box-shadow:0 0 0 3px #00ff414d;border-color:#00ff41}.theme-crystal .additional-context-input:focus{box-shadow:0 0 0 3px #8a2be24d}@media (max-width: 768px){.additional-context-container{margin:1.5rem 0;padding:1rem}.additional-context-label{font-size:1rem}.additional-context-description{font-size:.85rem}.additional-context-input{font-size:.9rem;padding:.8rem}}.scroll-indicator{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);z-index:1000;display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;padding:1rem 1.5rem;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:50px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 30px #0000004d;transition:all .3s ease}.scroll-indicator:hover{transform:translate(-50%) translateY(-5px);box-shadow:0 15px 40px var(--shadow-color);border-color:var(--text-accent)}.scroll-arrow{font-size:2rem;color:var(--text-accent);font-weight:700;line-height:1}.scroll-indicator-text{margin:0;font-size:.9rem;color:var(--text-primary);font-weight:500;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.theme-dune .scroll-indicator{background:rgba(255,255,255,.4);border-color:var(--border-color)}.theme-dune .scroll-indicator-text{color:var(--text-primary);text-shadow:1px 1px 2px rgba(255,255,255,.5)}.dark-mode.theme-dune .scroll-indicator{background:rgba(0,0,0,.5)}.theme-terminal .scroll-arrow{color:#00ff41;text-shadow:0 0 10px rgba(0,255,65,.8)}.theme-terminal .scroll-indicator{background:rgba(0,0,0,.6);border-color:#00ff4166}.theme-terminal .scroll-indicator:hover{border-color:#00ff41;box-shadow:0 15px 40px #00ff4166}.theme-crystal .scroll-indicator:hover{border-color:#8a2be2;box-shadow:0 15px 40px #8a2be266}@media (max-width: 768px){.scroll-indicator{bottom:1rem;padding:.8rem 1.2rem}.scroll-arrow{font-size:1.5rem}.scroll-indicator-text{font-size:.8rem}}.donation-container{max-width:600px;margin:3rem auto;padding:0 1rem}.donation-content{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:20px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 30px var(--shadow-color)}.donation-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem;text-align:center}.donation-description{color:var(--text-secondary);text-align:center;margin:0 0 1.5rem;line-height:1.6;font-size:.95rem}.donation-amounts{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:1.5rem}.donation-amount-button{padding:.75rem 1.5rem;border:2px solid var(--border-color);background:rgba(255,255,255,.1);color:var(--text-primary);border-radius:12px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;font-family:inherit}.donation-amount-button:hover:not(:disabled){background:rgba(255,255,255,.2);border-color:var(--text-accent);transform:translateY(-2px);box-shadow:0 4px 15px var(--shadow-color)}.donation-amount-button.selected{background:var(--text-accent);color:#000;border-color:var(--text-accent);box-shadow:0 4px 15px var(--shadow-color);font-weight:600}.donation-amount-button:disabled{opacity:.6;cursor:not-allowed}.donation-custom-input-container{margin:1rem 0 1.5rem;display:flex;flex-direction:column;gap:.5rem}.donation-custom-label{color:var(--text-primary);font-size:.9rem;font-weight:500}.donation-custom-input{padding:.75rem;border:2px solid var(--border-color);background:rgba(255,255,255,.1);color:var(--text-primary);border-radius:12px;font-size:1rem;font-family:inherit;transition:all .3s ease}.donation-custom-input:focus{outline:none;border-color:var(--text-accent);background:rgba(255,255,255,.15);box-shadow:0 0 0 3px #0f83}.donation-custom-input:disabled{opacity:.6;cursor:not-allowed}.donation-error{color:#ff6b6b;background:rgba(255,107,107,.1);border:1px solid rgba(255,107,107,.3);border-radius:8px;padding:.75rem;margin-bottom:1rem;text-align:center;font-size:.9rem}.donation-button{width:100%;padding:1rem 2rem;background:linear-gradient(45deg,var(--text-accent),var(--text-secondary));color:#000;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit;box-shadow:0 4px 15px var(--shadow-color)}.donation-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px var(--shadow-color)}.donation-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.theme-dune .donation-amount-button.selected{background:linear-gradient(45deg,#8b4513,#a0522d);color:#f4e4c1}.theme-terminal .donation-amount-button.selected{background:linear-gradient(45deg,#00ff41,#39ff14);color:#000;text-shadow:0 0 8px rgba(0,255,65,.8)}.dark-mode.theme-terminal .donation-amount-button.selected{background:linear-gradient(45deg,#39ff14,#7fff00);color:#000;text-shadow:0 0 10px rgba(0,255,65,1)}.theme-crystal .donation-amount-button.selected{background:linear-gradient(45deg,#8a2be2,#9370db);color:#fff}.theme-dune .donation-button{background:linear-gradient(45deg,#8b4513,#a0522d);color:#f4e4c1}.theme-terminal .donation-button{background:linear-gradient(45deg,#00ff41,#39ff14);color:#000;text-shadow:0 0 8px rgba(0,255,65,.8)}.dark-mode.theme-terminal .donation-button{background:linear-gradient(45deg,#39ff14,#7fff00);color:#000;text-shadow:0 0 10px rgba(0,255,65,1)}.theme-crystal .donation-button{background:linear-gradient(45deg,#8a2be2,#9370db);color:#fff}@media (max-width: 768px){.donation-container{margin:2rem auto;padding:0 .75rem}.donation-content{padding:1.5rem}.donation-title{font-size:1.3rem}.donation-amounts{gap:.75rem}.donation-amount-button{padding:.6rem 1.2rem;font-size:.9rem}.donation-button{padding:.9rem 1.5rem;font-size:1rem}}.communication-helper-section{margin-top:2rem;display:flex;justify-content:center}.communication-helper-button{background:linear-gradient(45deg,var(--text-accent),var(--text-secondary));border:2px solid var(--border-color);color:var(--text-primary);padding:1rem 2rem;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 20px var(--shadow-color);text-shadow:1px 1px 2px rgba(0,0,0,.5)}.communication-helper-button:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 12px 30px var(--shadow-color)}.communication-modal-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:1rem;overflow-y:auto;margin:0;transform:none}.communication-modal{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:24px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080;z-index:10001;position:relative;margin:auto;flex-shrink:0}.communication-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid var(--border-color)}.communication-modal-header h2{margin:0;font-size:1.8rem;color:var(--text-primary);text-shadow:1px 1px 2px rgba(0,0,0,.5)}.modal-close-button{background:transparent;border:none;color:var(--text-primary);font-size:2rem;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.modal-close-button:hover{background:rgba(255,255,255,.1);transform:rotate(90deg)}.communication-modal-content{padding:2rem}.communication-intro{color:#ffffffe6;line-height:1.7;margin-bottom:2rem;font-size:1.05rem}.relationship-selector{margin-bottom:2rem}.relationship-selector label{display:block;color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:1rem;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.relationship-options{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.relationship-option{background:rgba(255,255,255,.05);border:2px solid var(--border-color);color:var(--text-primary);padding:1rem 1.5rem;border-radius:12px;font-size:1rem;cursor:pointer;transition:all .3s ease;text-align:center}.relationship-option:hover{background:rgba(255,255,255,.1);border-color:var(--text-accent);transform:translateY(-2px)}.relationship-option.selected{background:linear-gradient(45deg,rgba(255,107,107,.3),rgba(78,205,196,.3));border-color:var(--text-accent);box-shadow:0 4px 12px var(--shadow-color)}.communication-error{color:#ff6b6b;background:rgba(255,107,107,.1);padding:1rem;border-radius:8px;margin-bottom:1rem;border:1px solid rgba(255,107,107,.3)}.communication-actions{display:flex;flex-direction:column;align-items:center;gap:1rem}.communication-generate-button{background:linear-gradient(45deg,var(--text-accent),var(--text-secondary));border:2px solid var(--border-color);color:var(--text-primary);padding:1rem 2.5rem;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 20px var(--shadow-color);text-shadow:1px 1px 2px rgba(0,0,0,.5)}.communication-generate-button:hover:not(:disabled){transform:translateY(-2px) scale(1.05);box-shadow:0 12px 30px var(--shadow-color)}.communication-generate-button:disabled{opacity:.5;cursor:not-allowed}.communication-pricing-note{color:#ffffffb3;font-size:.9rem;text-align:center;margin:0}.communication-results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.communication-results-header h3{margin:0;color:var(--text-primary);font-size:1.5rem;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.communication-new-button{background:var(--bg-secondary);border:2px solid var(--border-color);color:var(--text-primary);padding:.75rem 1.5rem;border-radius:12px;font-size:.95rem;cursor:pointer;transition:all .3s ease}.communication-new-button:hover{background:rgba(255,255,255,.1);border-color:var(--text-accent)}.communication-examples{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.communication-example{background:rgba(255,255,255,.05);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.example-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.example-tone{background:linear-gradient(45deg,rgba(255,107,107,.3),rgba(78,205,196,.3));color:var(--text-primary);padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.example-actions{display:flex;gap:.75rem}.example-edit-button,.example-copy-button{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);padding:.5rem 1rem;border-radius:8px;font-size:.85rem;cursor:pointer;transition:all .2s ease}.example-edit-button:hover,.example-copy-button:hover{background:rgba(255,255,255,.1);border-color:var(--text-accent)}.example-text{color:#ffffffe6;line-height:1.8;margin:0;white-space:pre-wrap;font-size:1rem}.example-textarea{width:100%;min-height:200px;background:rgba(0,0,0,.2);border:2px solid var(--border-color);border-radius:12px;padding:1rem;color:var(--text-primary);font-size:1rem;line-height:1.8;font-family:inherit;resize:vertical}.example-textarea:focus{outline:none;border-color:var(--text-accent);box-shadow:0 0 0 3px #ffffff1a}.communication-footer{margin-top:2rem;padding:1rem;background:rgba(255,255,255,.05);border-radius:12px;text-align:center}.communication-footer p{color:#fffc;margin:0;font-size:.95rem}.theme-dune .communication-example,.theme-dune .communication-modal{background:rgba(255,255,255,.4);border:1px solid var(--border-color)}.theme-dune .example-text,.theme-dune .communication-intro{color:var(--text-secondary)}@media (max-width: 768px){.communication-modal{max-width:100%;max-height:95vh;border-radius:20px}.communication-modal-header{padding:1.25rem 1.5rem}.communication-modal-header h2{font-size:1.5rem}.communication-modal-content{padding:1.5rem}.relationship-options{grid-template-columns:1fr}.communication-results-header,.example-header{flex-direction:column;align-items:flex-start}.example-actions{width:100%;justify-content:flex-start}}.comm-helper-promo-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.75);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10002;display:flex;align-items:center;justify-content:center;padding:1rem;overflow-y:auto}.comm-helper-promo-modal{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:24px;max-width:600px;width:100%;max-height:90vh;box-shadow:0 20px 60px #0009;z-index:10003;position:relative;overflow-y:auto;margin:auto;flex-shrink:0}.comm-helper-promo-content{padding:0}.comm-helper-promo-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,rgba(102,126,234,.2),rgba(118,75,162,.2))}.comm-helper-promo-header h2{margin:0;font-size:1.6rem;color:var(--text-primary);text-shadow:1px 1px 2px rgba(0,0,0,.5)}.comm-helper-promo-close{background:transparent;border:none;color:var(--text-primary);font-size:2rem;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.comm-helper-promo-close:hover{background:rgba(255,255,255,.1);transform:rotate(90deg)}.comm-helper-promo-body{padding:2rem}.comm-helper-promo-intro{color:#ffffffe6;line-height:1.7;margin-bottom:2rem;font-size:1.05rem}.comm-helper-promo-features{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:2rem}.comm-helper-promo-feature{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:rgba(255,255,255,.05);border-radius:12px;border:1px solid rgba(255,255,255,.1)}.feature-icon{font-size:2rem;flex-shrink:0}.comm-helper-promo-feature strong{display:block;color:var(--text-accent);font-size:1.1rem;margin-bottom:.25rem;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.comm-helper-promo-feature p{margin:0;color:#fffc;font-size:.95rem}.comm-helper-promo-actions{display:flex;gap:1rem;flex-wrap:wrap}.comm-helper-promo-primary-button{flex:1;min-width:200px;background:linear-gradient(45deg,var(--text-accent),var(--text-secondary));border:2px solid var(--border-color);color:var(--text-primary);padding:1rem 2rem;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 20px var(--shadow-color);text-shadow:1px 1px 2px rgba(0,0,0,.5)}.comm-helper-promo-primary-button:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 12px 30px var(--shadow-color)}.comm-helper-promo-secondary-button{flex:1;min-width:200px;background:var(--bg-secondary);border:2px solid var(--border-color);color:var(--text-primary);padding:1rem 2rem;border-radius:50px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.comm-helper-promo-secondary-button:hover{background:rgba(255,255,255,.1);border-color:var(--text-accent)}.theme-dune .comm-helper-promo-modal,.theme-dune .comm-helper-promo-feature{background:rgba(255,255,255,.4);border:1px solid var(--border-color)}.theme-dune .comm-helper-promo-intro,.theme-dune .comm-helper-promo-feature p{color:var(--text-secondary)}@media (max-width: 768px){.comm-helper-promo-modal{max-width:100%;border-radius:20px}.comm-helper-promo-header{padding:1.25rem 1.5rem}.comm-helper-promo-header h2{font-size:1.3rem}.comm-helper-promo-body{padding:1.5rem}.comm-helper-promo-actions{flex-direction:column}.comm-helper-promo-primary-button,.comm-helper-promo-secondary-button{width:100%;min-width:unset}}