.coherence-indicator-dot{position:absolute;top:20px;left:20px;width:60px;height:60px;min-width:60px;min-height:60px;border:none;background:transparent;cursor:pointer;z-index:9999;padding:0;margin:0;border-radius:50%;transition:all .3s ease;outline:none;display:flex;align-items:center;justify-content:center;pointer-events:auto;-webkit-user-select:none;user-select:none}.coherence-indicator-dot.active{cursor:pointer;animation:indicatorPulse 2s ease-in-out infinite}.coherence-indicator-dot.active:hover{transform:scale(1.1);filter:drop-shadow(0 0 12px rgba(0,255,0,.6))}.coherence-indicator-dot.active:active{transform:scale(.95)}.coherence-indicator-dot.developer{cursor:pointer;animation:developerPulse 1.5s ease-in-out infinite}.coherence-indicator-dot.developer:hover{transform:scale(1.1);filter:drop-shadow(0 0 12px rgba(255,255,0,.8))}.coherence-indicator-dot.developer:active{transform:scale(.95)}.coherence-indicator-dot.complete{cursor:default;animation:completePulse 3s ease-in-out infinite}.coherence-indicator-dot.complete:hover{transform:scale(1.05);filter:drop-shadow(0 0 16px rgba(255,255,255,.9))}.coherence-indicator-dot.inactive{cursor:not-allowed;opacity:.6}.coherence-indicator-dot.inactive:hover{opacity:.7}.coherence-indicator-dot:disabled{pointer-events:none}.coherence-indicator-dot .indicator-svg{width:100%;height:100%;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.coherence-indicator-dot.active .dot-pulse-green{animation:greenDotPulse 1.5s ease-in-out infinite}@keyframes greenDotPulse{0%,to{r:5px;fill:gold;filter:drop-shadow(0 0 2px rgba(255,215,0,.8))}50%{r:6px;fill:#ff8c00;filter:drop-shadow(0 0 6px rgba(255,140,0,1))}}.coherence-indicator-dot.inactive .dot-pulse-red{animation:redDotGlow 2s ease-in-out infinite}@keyframes redDotGlow{0%,to{r:4px;fill:gold;filter:drop-shadow(0 0 2px rgba(255,215,0,.5))}50%{r:4.5px;fill:orange;filter:drop-shadow(0 0 3px rgba(255,165,0,.7))}}.coherence-indicator-dot.active .ring-pulse{animation:ringExpand 2s ease-out infinite}.coherence-indicator-dot.active .ring-pulse-delay{animation:ringExpandDelay 2s ease-out infinite}@keyframes ringExpand{0%{r:18px;stroke-width:.5px;opacity:.6}to{r:28px;stroke-width:.2px;opacity:0}}@keyframes ringExpandDelay{0%{r:12px;stroke-width:.3px;opacity:.4}to{r:24px;stroke-width:.1px;opacity:0}}@keyframes indicatorPulse{0%,to{filter:drop-shadow(0 0 4px rgba(255,215,0,.4))}50%{filter:drop-shadow(0 0 12px rgba(255,140,0,.8))}}@keyframes developerPulse{0%,to{filter:drop-shadow(0 0 4px rgba(255,255,0,.5))}50%{filter:drop-shadow(0 0 12px rgba(255,255,0,.9))}}@keyframes completePulse{0%,to{filter:drop-shadow(0 0 6px rgba(255,255,255,.6)) drop-shadow(0 0 12px rgba(212,175,55,.3))}50%{filter:drop-shadow(0 0 12px rgba(255,255,255,.9)) drop-shadow(0 0 20px rgba(212,175,55,.6))}}.coherence-indicator-dot.developer .dot-pulse-yellow{animation:yellowDotPulse 1.5s ease-in-out infinite}@keyframes yellowDotPulse{0%,to{r:5px;fill:#ff0;filter:drop-shadow(0 0 2px rgba(255,255,0,.8))}50%{r:6px;fill:#ff3;filter:drop-shadow(0 0 6px rgba(255,255,0,1))}}.coherence-indicator-dot.developer .ring-pulse-yellow{animation:ringExpandYellow 1.5s ease-out infinite}.coherence-indicator-dot.developer .ring-pulse-yellow-delay{animation:ringExpandYellowDelay 1.5s ease-out infinite}@keyframes ringExpandYellow{0%{r:18px;stroke-width:.5px;opacity:.6}to{r:28px;stroke-width:.2px;opacity:0}}@keyframes ringExpandYellowDelay{0%{r:12px;stroke-width:.3px;opacity:.4}to{r:24px;stroke-width:.1px;opacity:0}}.coherence-indicator-dot.complete .star-complete{animation:starTwinkle 3s ease-in-out infinite;transform-origin:30px 30px}@keyframes starTwinkle{0%,to{opacity:1;filter:drop-shadow(0 0 4px rgba(255,255,255,.6)) drop-shadow(0 0 8px rgba(212,175,55,.3))}50%{opacity:.95;filter:drop-shadow(0 0 8px rgba(255,255,255,.9)) drop-shadow(0 0 16px rgba(212,175,55,.6))}}@media (max-width: 768px){.coherence-indicator-dot{top:15px;left:15px;width:50px;height:50px}}@media (max-width: 480px){.coherence-indicator-dot{top:12px;left:12px;width:45px;height:45px}}@media (hover: none) and (pointer: coarse){.coherence-indicator-dot.active:hover{transform:scale(1.05);filter:drop-shadow(0 0 8px rgba(0,255,0,.4))}.coherence-indicator-dot.active:active{transform:scale(.98)}}.binaural-control-compact{position:relative;display:flex;align-items:center}.binaural-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#4caf501a;border:1px solid rgba(76,175,80,.2);color:#4caf50;border-radius:4px;cursor:pointer;font-weight:500;font-size:.9rem;transition:all .2s ease}.binaural-button:hover{background:#4caf5033;border-color:#4caf5066;box-shadow:0 2px 8px #4caf5026}.binaural-button.muted{color:#999;border-color:#6464644d;background:#6464641a}.binaural-button.muted:hover{background:#64646426;border-color:#64646466}.binaural-icon{font-size:1.2rem}.binaural-info{display:flex;flex-direction:column;gap:.2rem;text-align:left;min-width:140px}.binaural-label{text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;color:#4caf50;font-weight:600}.binaural-state{font-size:.75rem;color:#bbb;line-height:1.2;font-family:Courier New,monospace}.binaural-volume{font-size:.85rem;color:#4caf50;font-weight:700}.binaural-slider-popup{position:absolute;top:50%;right:auto;left:calc(-100% - 1rem);transform:translateY(-50%);margin-top:0;background:#141923fa;border:2px solid rgba(76,175,80,.4);border-radius:8px;padding:1rem;min-width:220px;box-shadow:0 8px 32px #000c,inset 0 0 20px #4caf500d;z-index:1001;animation:slideInLeft .2s ease;pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes slideInLeft{0%{opacity:0;transform:translateY(-50%) translate(10px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.slider-content{display:flex;flex-direction:column;gap:1rem}.slider-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(76,175,80,.2)}.slider-label{font-size:.85rem;color:#999;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.slider-state{font-size:.8rem;color:#4caf50;font-family:Courier New,monospace;text-align:right}.volume-slider{width:100%;height:6px;border-radius:3px;background:#4caf5033;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#4caf50;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px #4caf504d}.volume-slider::-webkit-slider-thumb:hover{background:#5ac960;transform:scale(1.2);box-shadow:0 4px 12px #4caf5080}.volume-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#4caf50;cursor:pointer;border:none;transition:all .2s ease;box-shadow:0 2px 6px #4caf504d}.volume-slider::-moz-range-thumb:hover{background:#5ac960;transform:scale(1.2);box-shadow:0 4px 12px #4caf5080}.slider-footer{display:flex;justify-content:space-between;align-items:center;padding-top:.5rem;border-top:1px solid rgba(76,175,80,.2)}.volume-percentage{font-size:.95rem;color:#4caf50;font-weight:700;text-align:left}.mute-status{font-size:.85rem;color:#999;text-align:right}.binaural-control-full{background:#4caf500d;border:1px solid rgba(76,175,80,.2);border-radius:8px;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.binaural-control-full h4{margin:0;font-size:1rem;color:#4caf50;text-transform:uppercase;letter-spacing:1px}.control-section{display:flex;flex-direction:column;gap:.75rem}.mute-button{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem 1.5rem;background:#4caf501a;border:2px solid rgba(76,175,80,.2);color:#4caf50;border-radius:6px;cursor:pointer;font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:all .2s ease;font-size:.9rem}.mute-button:hover{background:#4caf5033;border-color:#4caf50;box-shadow:0 4px 12px #4caf5033}.mute-button.muted{background:#ff64641a;border-color:#ff64644d;color:#ff6464}.mute-button.muted:hover{background:#ff646426;border-color:#ff6464;box-shadow:0 4px 12px #ff646433}.mute-button .icon{font-size:1.2rem}.focus-button{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem 1.5rem;background:#64b4dc1a;border:2px solid rgba(100,180,220,.3);color:#64b4dc;border-radius:6px;cursor:pointer;font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:all .2s ease;font-size:.9rem;width:100%}.focus-button:hover{background:#64b4dc33;border-color:#64b4dc;box-shadow:0 4px 12px #64b4dc33}.focus-button.active{background:#64b4dc40;border-color:#64b4dc;box-shadow:0 0 16px #64b4dc66;animation:focusPulse 2s infinite}.focus-button .icon{font-size:1.2rem}.focus-description{margin:.75rem 0 0;padding:.75rem;background:#64b4dc14;border-left:3px solid #64b4dc;color:#64b4dc;font-size:.8rem;line-height:1.4;border-radius:4px}.focus-description small{color:#888;font-size:.7rem;display:block;margin-top:.25rem;font-family:Courier New,monospace}@keyframes focusPulse{0%,to{box-shadow:0 0 16px #64b4dc66}50%{box-shadow:0 0 24px #64b4dc99}}.volume-label{font-size:.9rem;color:#bbb;font-weight:500;display:flex;justify-content:space-between;align-items:center;gap:.5rem}.volume-value{color:#4caf50;font-weight:700}.volume-slider-full{width:100%;height:8px;border-radius:4px;background:#4caf5033;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:background .2s ease}.volume-slider-full:hover{background:#4caf504d}.volume-slider-full::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#4caf50;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #4caf5066}.volume-slider-full::-webkit-slider-thumb:hover{background:#5ac960;transform:scale(1.3);box-shadow:0 4px 16px #4caf5099}.volume-slider-full::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#4caf50;cursor:pointer;border:none;transition:all .2s ease;box-shadow:0 2px 8px #4caf5066}.volume-slider-full::-moz-range-thumb:hover{background:#5ac960;transform:scale(1.3);box-shadow:0 4px 16px #4caf5099}.control-info{padding-top:.75rem;border-top:1px solid rgba(76,175,80,.15)}.info-text{margin:0 0 .5rem;font-size:.9rem;color:#4caf50;font-weight:500}.info-description{margin:0;font-size:.85rem;color:#666;line-height:1.5}@media (max-width: 768px){.binaural-slider-popup{position:fixed;top:auto;bottom:0;left:0;right:0;border-radius:12px 12px 0 0;border-bottom:none;max-width:100%;width:100%}.binaural-control-full{padding:1rem}}.state-key-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:3000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow-y:auto;padding:1rem;-webkit-overflow-scrolling:touch}.state-key-modal{background:linear-gradient(135deg,#0a0a0a,#1a1a2e);border:2px solid #4caf50;border-radius:12px;width:90%;max-width:700px;max-height:85vh;overflow-y:auto;box-shadow:0 16px 48px #000c;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;border-bottom:1px solid rgba(76,175,80,.2);background:#0000004d}.modal-header h2{margin:0;font-size:1.5rem;color:#4caf50;text-transform:uppercase;letter-spacing:1px}.modal-close{background:none;border:none;font-size:2rem;color:#999;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.modal-close:hover{color:#4caf50}.modal-tabs{display:flex;border-bottom:1px solid rgba(255,255,255,.1);background:#0003;padding:0 2rem}.tab-button{flex:1;padding:1rem;background:none;border:none;color:#999;font-weight:600;font-size:.95rem;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;border-bottom:3px solid transparent;transition:all .2s ease}.tab-button:hover{color:#aaa}.section-description{color:#bbb;line-height:1.6;margin-bottom:1.5rem}.export-section{display:flex;flex-direction:column;gap:1.5rem}.key-summary{background:#4caf501a;border:1px solid rgba(76,175,80,.2);border-radius:8px;padding:1.5rem;font-family:Courier New,monospace;font-size:.9rem;line-height:1.8}.summary-line{margin-bottom:.5rem}.summary-line:last-child{margin-bottom:0}.quote-display{color:#ffd54f;font-style:italic;font-family:Segoe UI,sans-serif;font-size:1rem;display:block;margin:1rem 0;text-align:center;font-weight:500}.key-label{display:block;margin-bottom:.5rem;font-weight:600;color:#4caf50;text-transform:uppercase;font-size:.85rem;letter-spacing:.5px}.key-display{display:flex;flex-direction:column;gap:.5rem}.key-textarea{background:#0006;border:1px solid rgba(76,175,80,.2);border-radius:6px;padding:1rem;color:#4caf50;font-family:Courier New,monospace;font-size:.8rem;line-height:1.4;min-height:120px;resize:vertical;font-weight:700}.key-textarea:focus{outline:none;border-color:#4caf50;background:#0009}.key-hint{font-size:.8rem;color:#999;margin:0}.restore-section{display:flex;flex-direction:column;gap:1.5rem}.restore-input-group,.file-upload-group{display:flex;flex-direction:column;gap:.5rem}.input-label{font-weight:600;color:#4caf50;text-transform:uppercase;font-size:.85rem;letter-spacing:.5px}.restore-textarea{background:#0006;border:1px solid rgba(76,175,80,.2);border-radius:6px;padding:1rem;color:#fff;font-family:Courier New,monospace;font-size:.8rem;line-height:1.4;min-height:100px;resize:vertical}.restore-textarea:focus{outline:none;border-color:#4caf50;background:#0009}.divider{text-align:center;color:#666;font-size:.9rem;margin:.5rem 0}.file-button{background:#4caf5033;border:2px solid rgba(76,175,80,.4);border-radius:6px;color:#4caf50;padding:.75rem 1rem;cursor:pointer;font-weight:600;font-size:.95rem;transition:all .2s ease}.file-button:hover{background:#4caf504d;border-color:#4caf50}.primary-button,.secondary-button,.outline-button{padding:.75rem 1.5rem;border:none;border-radius:6px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;font-size:.9rem;transition:all .2s ease}.primary-button{background:#4caf50;color:#fff;width:100%}.secondary-button{background:#4caf5033;color:#4caf50;border:1px solid rgba(76,175,80,.4);flex:1}.secondary-button.copied{background:#4caf5066;border-color:#4caf50}.outline-button{background:transparent;border:1px solid rgba(255,255,255,.2);color:#bbb;width:100%}.outline-button:hover{border-color:#4caf50;color:#4caf50}.action-buttons{display:flex;gap:1rem;justify-content:stretch}.action-buttons .secondary-button{flex:1}.error-message{background:#f443361a;border:1px solid rgba(244,67,54,.3);border-radius:6px;padding:1rem;color:#ff7043;font-size:.9rem;line-height:1.5}.security-notice{background:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:6px;padding:1rem;border-left:4px solid #ffc107}.security-notice strong{color:#ffc107;display:block;margin-bottom:.5rem}.security-notice p{margin:0;color:#bbb;font-size:.85rem;line-height:1.5}.restore-preview{background:#4caf501a;border:1px solid rgba(76,175,80,.2);border-radius:8px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.restore-preview h4{margin:0 0 1rem;color:#4caf50;text-transform:uppercase;font-size:.85rem;letter-spacing:.5px}.preview-content{display:flex;flex-direction:column;gap:.75rem}.preview-item{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.preview-item:last-child{border-bottom:none}.preview-label{color:#999;font-weight:500;text-transform:uppercase;font-size:.8rem}.preview-value{color:#4caf50;font-weight:600}.quote-preview{flex-direction:column;align-items:center;justify-content:center;border:none;padding:1rem 0;margin:1rem 0}.quote-preview em{color:#ffd54f;font-style:italic;text-align:center;font-size:1rem;line-height:1.5;font-family:Segoe UI,sans-serif}.modal-footer{padding:1.5rem 2rem;border-top:1px solid rgba(255,255,255,.1);background:#0003}.footer-text{margin:0;color:#999;font-size:.8rem;line-height:1.5;text-align:center}@media (max-width: 600px){.state-key-modal-overlay{align-items:flex-start;padding-top:.5rem}.state-key-modal{width:100%;max-width:100%;max-height:calc(100vh - 1rem);border-radius:12px 12px 0 0;margin-top:auto}.modal-header{padding:1.5rem;flex-direction:column;gap:1rem;align-items:center}.modal-header h2{font-size:1.3rem}.modal-content{padding:1.5rem}.modal-tabs{padding:0 1.5rem;flex-wrap:wrap}.tab-button{padding:.75rem;font-size:.8rem;flex:1;min-width:80px}.action-buttons{flex-direction:column}.action-buttons .secondary-button{width:100%}.key-summary{font-size:.8rem;padding:1rem}.quote-display{font-size:.9rem}.key-textarea,.restore-textarea{font-size:.75rem;min-height:100px;max-height:150px}.primary-button,.secondary-button,.outline-button{padding:.65rem 1rem;font-size:.85rem}}@media (max-width: 480px){.state-key-modal{max-height:calc(100vh - .5rem)}.modal-header{padding:1rem}.modal-header h2{font-size:1.1rem}.modal-content{padding:1rem}.modal-tabs{padding:0 1rem}.tab-button{font-size:.75rem;padding:.6rem}.key-textarea,.restore-textarea{font-size:.7rem}}.exit-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem;animation:fadeIn .2s ease-in}.exit-modal-content{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid rgba(76,175,80,.3);border-radius:12px;padding:2rem;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;color:#fff;box-shadow:0 10px 40px #00000080}.exit-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;border-bottom:1px solid rgba(76,175,80,.2);padding-bottom:1rem}.exit-modal-header h2{margin:0;font-size:1.8rem;color:#4caf50}.exit-modal-close{background:none;border:none;color:#999;font-size:1.5rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.exit-modal-close:hover{color:#4caf50}.exit-modal-status{margin-bottom:2rem}.status-section{margin-bottom:1.5rem;padding:1.5rem;background:#4caf500d;border-left:4px solid rgba(76,175,80,.3);border-radius:6px}.status-section h3{margin:0 0 1rem;font-size:1.1rem;color:#4caf50;font-weight:600}.status-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.status-item{display:flex;flex-direction:column;gap:.5rem}.status-item.highlight{background:#4caf501a;padding:.75rem;border-radius:4px;grid-column:1 / -1}.status-item .label{color:#999;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-item .value{color:#4caf50;font-size:1.1rem;font-weight:700;font-family:Courier New,monospace}.coherence-display{font-size:1.5rem;color:#4caf50;text-shadow:0 0 8px rgba(76,175,80,.3)}.backup-section{border-left-color:#ff9800;background:#ff98000d}.backup-section h3{color:#ff9800}.backup-description{color:#aaa;font-size:.95rem;margin:0 0 1rem;line-height:1.5}.generate-key-button{width:100%;padding:.75rem;background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.generate-key-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #4caf504d}.generate-key-button:active{transform:translateY(0)}.access-key-display{display:flex;flex-direction:column;gap:1rem;padding:1rem;background:#0000004d;border-radius:6px;border:1px solid rgba(76,175,80,.2)}.key-content{position:relative}.key-text{display:block;padding:.75rem;background:#00000080;border:1px solid rgba(76,175,80,.2);border-radius:4px;color:#4caf50;font-size:.85rem;word-break:break-all;font-family:Courier New,monospace;line-height:1.5}.key-actions{display:flex;gap:1rem}.key-action-button{flex:1;padding:.6rem;background:#4caf5033;color:#4caf50;border:1px solid rgba(76,175,80,.4);border-radius:4px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.key-action-button:hover{background:#4caf504d;border-color:#4caf50}.key-action-button.copy:hover{background:#4caf5066}.key-action-button.download:hover{background:#ff980033;color:#ff9800;border-color:#ff9800}.exit-modal-info{margin-bottom:2rem}.info-box{display:flex;gap:1rem;padding:1rem;background:#4caf500d;border-left:4px solid #4caf50;border-radius:6px;margin-bottom:1rem}.info-box.warning{background:#ff98000d;border-left-color:#ff9800}.info-icon{font-size:1.5rem;flex-shrink:0}.info-text{flex:1}.info-text strong{display:block;color:#4caf50;margin-bottom:.5rem}.info-box.warning .info-text strong{color:#ff9800}.info-text p{margin:0;color:#aaa;font-size:.9rem;line-height:1.4}.exit-modal-actions{display:flex;gap:1rem;margin-bottom:1rem}.exit-button{flex:1;padding:.75rem;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.exit-button.cancel{background:#4caf501a;color:#4caf50;border:1px solid rgba(76,175,80,.3)}.exit-button.cancel:hover{background:#4caf5033;border-color:#4caf50}.exit-button.confirm{background:#4caf504d;color:#fff;border:1px solid #4caf50}.exit-button.confirm:hover{background:#4caf50;box-shadow:0 5px 15px #4caf504d}.exit-button.dangerous{background:#f443364d;border-color:#f44336}.exit-button.dangerous:hover{background:#f44336;box-shadow:0 5px 15px #f443364d}.exit-modal-footer{padding-top:1rem;border-top:1px solid rgba(76,175,80,.1);text-align:center}.footer-text{margin:0;color:#999;font-size:.85rem;line-height:1.4}@media (max-width: 600px){.exit-modal-content{padding:1.5rem}.status-grid{grid-template-columns:1fr}.status-item.highlight{grid-column:1}.exit-modal-header h2{font-size:1.5rem}.exit-modal-actions{flex-direction:column}}.floating-menu-bar{position:fixed;bottom:20px;right:20px;z-index:999;display:flex;flex-direction:column;gap:.5rem;align-items:flex-end}.menu-toggle-arrow{width:40px;height:40px;border-radius:50%;background:#4caf5033;border:2px solid rgba(76,175,80,.4);color:#4caf50;cursor:pointer;font-size:.9rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease;padding:0;line-height:1}.menu-toggle-arrow:hover{background:#4caf504d;border-color:#4caf50;box-shadow:0 2px 8px #4caf504d}.menu-toggle-arrow:active{transform:scale(.95)}.floating-menu-content{display:flex;flex-direction:column;gap:.75rem;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.floating-menu-item.audio-control-item{background:#4caf501a;border:2px solid rgba(76,175,80,.2);border-radius:8px;padding:.75rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.floating-menu-divider{width:100%;height:1px;background:#4caf5033;margin:.25rem 0}.floating-menu-item.nav-button,.floating-menu-item.state-key-button,.floating-menu-item.exit-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:8px;cursor:pointer;font-weight:600;font-size:.9rem;transition:all .2s ease;white-space:nowrap;border:2px solid}.floating-menu-item.nav-button{background:#142814f2;border-color:#4caf5080;color:#4caf50}.floating-menu-item.nav-button:hover{background:#142814fa;border-color:#4caf50b3;box-shadow:0 4px 12px #4caf504d;transform:translateY(-2px)}.floating-menu-item.state-key-button{background:#143c14f2;border-color:#4caf5099;color:#4caf50}.floating-menu-item.state-key-button:hover{background:#143c14fa;border-color:#4caf50;box-shadow:0 4px 12px #4caf5066;transform:translateY(-2px)}.floating-menu-item.exit-button{background:#3c1e14f2;border-color:#f4433699;color:#ff7043}.floating-menu-item.exit-button:hover{background:#3c1e14fa;border-color:#ff7043;box-shadow:0 4px 12px #f4433666;transform:translateY(-2px)}.floating-menu-item.state-key-button:active,.floating-menu-item.exit-button:active{transform:translateY(0)}.button-icon{font-size:1.1rem}.button-label{display:none}@media (min-width: 768px){.button-label{display:inline}}.floating-menu-bar.collapsed{gap:.25rem}.floating-menu-bar.collapsed .floating-menu-content{display:none}@media (max-width: 480px){.floating-menu-bar{bottom:15px;right:15px}.menu-toggle-arrow{width:36px;height:36px;font-size:.8rem}.floating-menu-item.state-key-button,.floating-menu-item.exit-button{padding:.6rem 1rem;font-size:.85rem}}@media (max-width: 320px){.floating-menu-bar{bottom:10px;right:10px}.menu-toggle-arrow{width:32px;height:32px}}.order-form-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-in;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.order-form-container{background:#000;border:3px solid #d4af37;padding:2rem;max-width:700px;width:90%;max-height:85vh;overflow-y:auto;position:relative;animation:slideUp .4s ease-out;border-radius:0}.order-form-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:#d4af37;font-size:1.5rem;cursor:pointer;transition:all .2s ease;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.order-form-close:hover{color:#ff6b35;transform:scale(1.2)}.order-form-header{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #d4af37}.order-form-header h2{color:#d4af37;font-size:1.8rem;margin:0 0 1rem;letter-spacing:1px}.order-form-subtitle{display:flex;align-items:center;justify-content:center;gap:1rem;margin:0;color:#b8860b}.term-symbol{font-size:2rem}.term-name{font-size:1.3rem;font-weight:600;color:#d4af37}.order-form-content{margin-bottom:2rem}.form-section{margin-bottom:2rem;padding:1.5rem;background:#1a1a1a;border-left:3px solid #ff6b35;border-radius:0}.form-section h4{color:#ff6b35;margin:0 0 1rem;font-size:1rem;text-transform:uppercase;letter-spacing:1px}.term-display{padding:1rem;background:#d4af370d;border:1px solid #d4af37;border-radius:0}.term-category{color:#d4af37;font-weight:600;margin:0 0 .5rem;font-size:.9rem}.term-definition{color:#b8860b;margin:0;font-style:italic;line-height:1.6}.details-checkboxes{display:flex;flex-direction:column;gap:1rem}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;color:#b8860b;font-size:.95rem}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#ff6b35}.checkbox-label:hover{color:#d4af37}.form-inputs{display:flex;flex-direction:column;gap:1rem}.form-input,.form-textarea{background:#000;border:2px solid #d4af37;color:#d4af37;padding:.75rem;font-size:.95rem;font-family:inherit;border-radius:0}.form-input::placeholder,.form-textarea::placeholder{color:#666}.form-input:focus,.form-textarea:focus{outline:none;border-color:#ff6b35;box-shadow:0 0 8px #ff6b354d}.form-textarea{min-height:120px;resize:vertical}.instructions{background:#d4af371a;border-left-color:#d4af37}.instructions h4{color:#d4af37}.instructions p{color:#b8860b;margin:.5rem 0;font-size:.95rem}.instructions ul{color:#b8860b;margin:1rem 0 0 1.5rem;padding:0}.instructions li{margin-bottom:.75rem;line-height:1.6;font-size:.95rem}.order-form-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;padding-top:1.5rem;border-top:1px solid #d4af37}.order-button{padding:.75rem 1.5rem;background:#1a1a1a;color:#d4af37;border:2px solid #d4af37;font-size:.95rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s ease;border-radius:0}.order-button:hover{background:#d4af37;color:#000;transform:translateY(-2px)}.print-button{background:#ff6b3526;border-color:#ff6b35;color:#ff6b35}.print-button:hover{background:#ff6b35;color:#000}.email-button{background:#00ff0026;border-color:#0f0;color:#0f0}.email-button:hover{background:#0f0;color:#000}.close-button{flex:1;min-width:100px}.order-form-container::-webkit-scrollbar{width:8px}.order-form-container::-webkit-scrollbar-track{background:#1a1a1a}.order-form-container::-webkit-scrollbar-thumb{background:#d4af37;border-radius:4px}.order-form-container::-webkit-scrollbar-thumb:hover{background:#ff6b35}.size-chart{margin:1.5rem 0;padding:1.5rem;background:#d4af370d;border:1px solid #d4af37;border-radius:0}.size-chart h4{color:#d4af37;margin:0 0 1rem;font-size:1rem;text-transform:uppercase;letter-spacing:1px}.size-table{width:100%;border-collapse:collapse;margin:0}.size-table thead{background:#ff6b351a;border-bottom:2px solid #ff6b35}.size-table th{padding:.75rem;text-align:left;color:#ff6b35;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;border-right:1px solid #ff6b35}.size-table th:last-child{border-right:none}.size-table td{padding:.75rem;color:#b8860b;border-right:1px solid #d4af37;border-bottom:1px solid #d4af37}.size-table td:last-child{border-right:none}.size-table tbody tr:last-child td{border-bottom:none}.size-table tbody tr:hover{background:#d4af3714}.size-table strong{color:#d4af37;font-weight:600}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.form-group label{color:#d4af37;font-weight:600;font-size:.95rem;text-transform:uppercase;letter-spacing:.5px}.form-group select,.form-group input[type=number],.form-group input[type=text],.form-group input[type=email],.form-group textarea{background:#000;border:2px solid #d4af37;color:#d4af37;padding:.75rem;font-size:.95rem;font-family:inherit;border-radius:0}.form-group select::placeholder,.form-group input::placeholder,.form-group textarea::placeholder{color:#666}.form-group select:focus,.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#ff6b35;box-shadow:0 0 8px #ff6b354d}.form-group select{cursor:pointer}.checkbox-group{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.checkbox-group label{display:flex;align-items:center;gap:.75rem;cursor:pointer;color:#b8860b;font-size:.95rem;font-weight:400;text-transform:none;letter-spacing:normal}.checkbox-group input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#ff6b35}.checkbox-group label:hover{color:#d4af37}.submit-section,.continue-section{display:flex;justify-content:center;padding-top:1.5rem;border-top:1px solid #d4af37;margin-top:2rem}.primary-button,.secondary-button,.submit-button,.continue-button{padding:.75rem 2rem;background:#1a1a1a;color:#d4af37;border:2px solid #d4af37;font-size:.95rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s ease;border-radius:0}.primary-button:hover,.submit-button:enabled:hover,.continue-button:enabled:hover{background:#d4af37;color:#000;transform:translateY(-2px)}.secondary-button{background:#ff6b3526;border-color:#ff6b35;color:#ff6b35}.secondary-button:hover{background:#ff6b35;color:#000}.submit-button.disabled,.continue-button:disabled{opacity:.5;cursor:not-allowed}.form-footer{text-align:center;color:#b8860b;font-size:.9rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #d4af37}.form-footer code{background:#d4af371a;padding:.25rem .5rem;border-radius:0;color:#ff6b35;font-size:.85rem;font-family:Courier New,monospace}.oracle-quote{color:#b8860b;font-style:italic;margin:1rem 0;font-size:1rem;line-height:1.6}.archetype-name{color:#ff6b35;font-weight:600}.tarot-order-form{max-width:750px}.term-symbol-large{font-size:4rem;text-align:center;margin:1rem 0;color:#d4af37}.form-helper-text{color:#b8860b;font-size:.9rem;font-style:italic;margin:.5rem 0 1.5rem;padding:.75rem;background:#d4af3714;border-left:3px solid #ff6b35;border-radius:0}.item-choice-group{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0}.radio-label{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:#d4af370d;border:2px solid rgba(212,175,55,.2);border-radius:0;cursor:pointer;transition:all .2s ease}.radio-label:hover{background:#d4af371a;border-color:#d4af37}.radio-label input[type=radio]{width:20px;height:20px;margin-top:.2rem;cursor:pointer;accent-color:#ff6b35;flex-shrink:0}.radio-text{color:#b8860b;font-size:.95rem;line-height:1.5}.radio-text strong{color:#d4af37;font-weight:600;display:block}.radio-text small{color:#999;font-size:.85rem}.material-selection{margin:1rem 0 1.5rem;padding:1rem;background:#ff6b3514;border-left:3px solid #ff6b35;border-radius:0}.material-selection label{display:flex;flex-direction:column;gap:.5rem;color:#d4af37;font-weight:600;font-size:.95rem;text-transform:uppercase;letter-spacing:.5px}.material-selection select{background:#000;border:2px solid #d4af37;color:#d4af37;padding:.75rem;font-size:.95rem;font-family:inherit;border-radius:0;cursor:pointer}.material-selection select:focus{outline:none;border-color:#ff6b35;box-shadow:0 0 8px #ff6b354d}.quantity-selection{margin:1.5rem 0;padding:1rem;background:#d4af370d;border:1px solid #d4af37;border-radius:0}.quantity-selection label{display:flex;flex-direction:column;gap:.5rem;color:#d4af37;font-weight:600;font-size:.95rem;text-transform:uppercase;letter-spacing:.5px}.quantity-selection input[type=number]{background:#000;border:2px solid #d4af37;color:#d4af37;padding:.75rem;font-size:.95rem;font-family:inherit;border-radius:0;width:100px}.quantity-selection input[type=number]:focus{outline:none;border-color:#ff6b35;box-shadow:0 0 8px #ff6b354d}.phase2-completion-form{max-width:800px}.completion-message{color:#b8860b;font-size:.95rem;font-style:italic;margin:1rem 0 0}.product-option-label{display:flex;flex-direction:column;gap:.5rem;padding:1.5rem;margin-bottom:1rem;background:#d4af370d;border:2px solid rgba(212,175,55,.2);border-radius:0;cursor:pointer;transition:all .3s ease}.product-option-label:hover{background:#d4af371a;border-color:#d4af37}.product-option-label input[type=radio]{width:20px;height:20px;cursor:pointer;accent-color:#ff6b35;margin-right:.5rem}.option-header{display:flex;align-items:center;gap:.5rem;color:#d4af37;font-weight:600;font-size:1rem}.option-description{color:#b8860b;font-size:.9rem;line-height:1.5;margin-left:1.75rem}.product-details{margin:1rem 0 1.5rem 2rem;padding:1rem;background:#d4af3708;border-left:3px solid #ff6b35;border-radius:0}.product-details .form-group{margin-bottom:1rem}.product-details .form-group label{display:block;color:#d4af37;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.product-details .form-group select{background:#000;border:2px solid #d4af37;color:#d4af37;padding:.75rem;font-size:.95rem;font-family:inherit;border-radius:0;width:100%;cursor:pointer}.product-details .form-group select:focus{outline:none;border-color:#ff6b35;box-shadow:0 0 8px #ff6b354d}.product-details .checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;color:#b8860b;font-size:.95rem;margin-bottom:1rem}.product-details .checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#ff6b35}.quantity-inline{display:flex;align-items:center;gap:1rem;color:#d4af37;font-weight:600;margin:1rem 0}.quantity-inline input[type=number]{width:80px;background:#000;border:2px solid #d4af37;color:#d4af37;padding:.5rem;font-size:.95rem;border-radius:0}.quantity-inline input[type=number]:focus{outline:none;border-color:#ff6b35;box-shadow:0 0 8px #ff6b354d}.product-note{color:#999;font-size:.9rem;margin-top:.75rem;padding:.75rem;background:#d4af3714;border-radius:0}.product-note strong{color:#d4af37}.pendant-details .form-group{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.pendant-details .form-group:last-of-type{grid-column:1 / -1}.phase1-insights-form{max-width:800px}.journal-preview-box{background:#d4af370d;border:2px solid rgba(212,175,55,.3);padding:1.5rem;border-radius:0;margin-bottom:1.5rem}.preview-label{color:#d4af37;font-weight:600;margin:0 0 1rem;font-size:.95rem;text-transform:uppercase;letter-spacing:.5px}.preview-list{list-style:none;padding:0;margin:0 0 1.5rem}.preview-list li{color:#b8860b;font-size:.95rem;margin-bottom:.75rem;padding-left:1.5rem;position:relative}.preview-list li:before{content:"◆";position:absolute;left:0;color:#ff6b35}.print-code-display{background:#ff6b351a;border-left:3px solid #ff6b35;padding:1rem;border-radius:0;margin-top:1rem}.code-label{color:#ff6b35;font-weight:600;margin:0 0 .5rem;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.code-value{color:#d4af37;font-size:1.3rem;font-weight:700;font-family:Courier New,monospace;margin:.5rem 0;letter-spacing:1px;background:#0000004d;padding:.75rem;border-radius:0;text-align:center}.code-note{color:#999;font-size:.85rem;margin:.5rem 0 0;font-style:italic}.preview-button{margin-bottom:1.5rem;width:100%}.format-description{color:#b8860b;font-size:.95rem;line-height:1.6;margin:.5rem 0 0}.price-estimate{background:#4caf5014;border-left:3px solid #4caf50;padding:1rem;border-radius:0;margin-top:1.5rem}.price-estimate p{color:#b8860b;margin:.5rem 0}.price-estimate strong{color:#d4af37;font-weight:700}.price-note{font-size:.85rem;color:#999;font-style:italic}.form-section ol{color:#b8860b;margin:1rem 0 0 1.5rem;padding:0}.form-section ol li{margin-bottom:1rem;line-height:1.6;font-size:.95rem}.form-section ol strong{color:#d4af37}.phase2-journal-form{max-width:850px}.journal-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.5rem 0;padding:1rem;background:#d4af3714;border-radius:0}.stat{display:flex;flex-direction:column;align-items:center;text-align:center}.stat-label{color:#999;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;display:block}.stat-value{color:#d4af37;font-size:1.2rem;font-weight:700}.preview-list ul{list-style:none;padding:.5rem 0 .5rem 1.5rem;margin:0}.preview-list ul li{margin-bottom:.5rem;font-size:.9rem}@media (max-width: 600px){.journal-stats{grid-template-columns:1fr;gap:.75rem}.form-section ol{margin-left:1rem}.form-section ol li{font-size:.9rem;margin-bottom:.75rem}}@media (max-width: 600px){.product-option-label{padding:1rem}.option-description{margin-left:1.5rem;font-size:.85rem}.product-details{margin-left:1rem;padding:.75rem}.pendant-details .form-group{grid-template-columns:1fr}.quantity-inline{flex-direction:column;align-items:flex-start}}@media (max-width: 600px){.order-form-container{width:95%;padding:1.5rem;max-height:90vh}.order-form-header h2{font-size:1.5rem}.order-form-subtitle{flex-direction:column;gap:.5rem}.term-symbol{font-size:1.5rem}.order-form-actions{flex-direction:column}.order-button{width:100%}.size-table{font-size:.85rem}.size-table th,.size-table td{padding:.5rem}.size-chart h4{font-size:.9rem}.form-group{margin-bottom:1rem}.primary-button,.secondary-button,.submit-button,.continue-button{width:100%}}.phase1-poster-form .order-form-header{text-align:center;margin-bottom:2rem}.poster-preview-box{margin:1.5rem 0;padding:1.5rem;background:#d4af370d;border:2px solid rgba(212,175,55,.3);border-radius:8px;text-align:center}.poster-image-container{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:1rem}.poster-preview-image{max-width:100%;max-height:280px;height:auto;border:2px solid rgba(212,175,55,.4);border-radius:4px;box-shadow:0 4px 12px #d4af3733}.poster-title{color:#d4af37;font-size:1rem;font-weight:700;margin:0;text-transform:uppercase;letter-spacing:1px}.archetype-description{background:#d4af3714;padding:1.5rem;border-left:3px solid #d4af37;border-radius:4px;margin:1.5rem 0}.description-label{color:#d4af37;font-weight:700;margin:0 0 .75rem;font-size:.95rem}.archetype-description p{color:#999;margin:0;line-height:1.6}.journal-cover-preview{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem;background:#d4af3714;border:2px solid rgba(212,175,55,.3);border-radius:8px;margin:1.5rem 0;text-align:center}.cover-image{width:100%;max-width:280px;padding:1rem;background:#fff;border:2px solid rgba(212,175,55,.5);border-radius:4px}.cover-image img{width:100%;height:auto;max-height:320px;object-fit:contain}.cover-title{color:#d4af37;font-weight:700;font-size:.95rem;text-transform:uppercase;letter-spacing:1px;margin:0}.cover-subtitle{color:#c88fff;font-size:.9rem;font-style:italic;margin:0}.home-page{min-height:100vh;width:100vw;padding:0 0 0 120px;margin:0;background:linear-gradient(135deg,#0a0a0a,#1a1a2e);color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;transition:background-color 1.5s ease;display:flex;align-items:center;justify-content:center;overflow:hidden}@media (max-width: 768px){.home-page{padding-left:100px}}@media (max-width: 480px){.home-page{padding-left:90px}}.home-page.unauthenticated{display:flex;align-items:center;justify-content:center}.landing-hero{text-align:center;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;padding:2rem}.landing-hero h1{font-size:6rem;font-weight:900;color:#4caf50;margin:0;letter-spacing:3px;text-transform:uppercase;text-shadow:0 8px 30px rgba(76,175,80,.4);line-height:1.2}.landing-hero p{font-size:2rem;color:#ddd;margin:0;font-weight:400;letter-spacing:2px;text-transform:uppercase}.landing-buttons{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;margin-top:2rem}.cta-button{border:none;padding:1.5rem 4rem;border-radius:8px;cursor:pointer;font-weight:900;font-size:1.3rem;text-transform:uppercase;letter-spacing:2px;transition:all .3s ease}.cta-button.primary{background:#4caf50;color:#000;box-shadow:0 8px 30px #4caf5066}.cta-button.primary:hover{background:#66bb6a;box-shadow:0 12px 40px #4caf5099;transform:translateY(-4px)}.cta-button.primary:active{transform:translateY(0)}.cta-button.secondary{background:#4caf5033;color:#4caf50;border:2px solid rgba(76,175,80,.4)}.cta-button.secondary:hover{background:#4caf504d;border-color:#4caf50;box-shadow:0 8px 24px #4caf504d;transform:translateY(-4px)}.cta-button.secondary:active{transform:translateY(0)}.landing-links{display:flex;gap:2rem;justify-content:center;margin-top:2rem}.link-button{background:#4caf501a;border:2px solid rgba(76,175,80,.3);color:#4caf50;padding:1rem 2rem;border-radius:8px;cursor:pointer;font-weight:600;font-size:1rem;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease}.link-button:hover{background:#4caf5033;border-color:#4caf50;box-shadow:0 4px 15px #4caf5033;transform:translateY(-2px)}.caution-tab-wrapper{margin:1.5rem 0;width:100%;max-width:600px}.caution-tab-button{width:100%;padding:1rem 1.5rem;background:#ff980014;border:1px solid rgba(255,152,0,.25);border-radius:6px;color:#ff9800b3;font-size:.95rem;font-weight:500;letter-spacing:.5px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease;text-transform:uppercase}.caution-tab-button:hover{background:#ff98001f;border-color:#ff980059;color:#ff9800d9}.caution-tab-label{flex:1;text-align:left}.caution-tab-icon{margin-left:1rem;font-size:.8rem;transition:transform .3s ease}.caution-content{margin-top:.5rem;padding:1.5rem;background:#ff98000d;border:1px solid rgba(255,152,0,.15);border-radius:6px;animation:slideDown .3s ease;max-width:100%}.caution-content p{margin:.8rem 0;color:#999;font-size:.9rem;line-height:1.5}.caution-content p strong{color:#bbb}.caution-content ul{margin:.8rem 0;padding-left:1.5rem;color:#999;font-size:.9rem;line-height:1.5}.caution-content li{margin-bottom:.4rem}.home-hero{text-align:center;max-width:600px}.home-hero h1{font-size:3.5rem;margin:0 0 .5rem;color:#4caf50;text-shadow:0 2px 10px rgba(76,175,80,.3);letter-spacing:2px}.home-hero .tagline{font-size:1.3rem;color:#aaa;margin:0 0 2rem;font-style:italic}.home-hero .hero-content{margin:2rem 0;line-height:1.8;color:#bbb;font-size:1.1rem}.home-hero .hero-content p{margin:1rem 0}.home-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:3rem}.home-page.authenticated{max-width:100%;width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:0;margin:0;overflow-y:auto}.home-header{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:2rem;border-bottom:2px solid rgba(76,175,80,.2)}.header-left{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.home-header h1{font-size:2.5rem;color:#4caf50;margin:0;letter-spacing:1px}.personalized-greeting{color:#999;font-size:.95rem;margin:0;letter-spacing:.5px}.personalized-greeting strong{color:#4caf50;font-weight:600}.header-buttons{display:flex;gap:1rem;align-items:center}.restore-key-button{background:#4caf5026;border:1px solid rgba(76,175,80,.3);color:#4caf50;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s ease;font-size:.9rem}.restore-key-button:hover{background:#4caf5040;border-color:#4caf50;box-shadow:0 2px 8px #4caf5033}.start-over-button{background:#ffc10726;border:1px solid rgba(255,193,7,.3);color:#ffc107;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s ease;font-size:.9rem}.start-over-button:hover{background:#ffc10740;border-color:#ffc107;box-shadow:0 2px 8px #ffc10733}.logout-button{background:#f4433633;border:1px solid rgba(244,67,54,.4);color:#ff7043;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s ease}.logout-button:hover{background:#f443364d;border-color:#ff7043}.integration-framework-section{max-width:1200px;margin:0 auto 3rem;padding:0 2rem;width:100%}.framework-title{font-size:1.8rem;color:#d4af37;margin:0 0 .5rem;text-align:center;letter-spacing:1px}.framework-subtitle{font-size:.95rem;color:#999;text-align:center;margin:0 0 2rem;font-style:italic}.three-selves-container{display:flex;flex-direction:column;align-items:center;gap:1rem;background:linear-gradient(135deg,#d4af370d,#ff980005);border:1px solid rgba(212,175,55,.2);border-radius:12px;padding:2rem;position:relative}.self-card{background:#0000004d;border:2px solid rgba(212,175,55,.3);border-radius:8px;padding:1.5rem;width:100%;max-width:300px;text-align:center;transition:all .3s ease}.self-card:hover{background:#00000080;border-color:#d4af37;transform:translateY(-4px);box-shadow:0 8px 16px #d4af3733}.self-card.chosen-self{border-color:#4caf5066}.self-card.chosen-self:hover{border-color:#4caf50;box-shadow:0 8px 16px #4caf5033}.self-card.revealed-self{border-color:#ff980066}.self-card.revealed-self:hover{border-color:#ff9800;box-shadow:0 8px 16px #ff980033}.self-card.integration-self{border-color:#d4af3780;background:#d4af3714}.self-card.integration-self:hover{border-color:#d4af37;box-shadow:0 8px 16px #d4af374d}.self-label{font-weight:700;color:#d4af37;font-size:.85rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem}.self-description{font-size:.9rem;color:#999;margin:0 0 1rem;font-style:italic}.self-value{font-size:1.2rem;color:#fff;font-weight:600;margin:.5rem 0}.self-archetype{font-size:1.3rem;color:#4caf50;font-weight:700;margin:.5rem 0}.self-card.revealed-self .self-archetype{color:#ff9800}.self-card.integration-self .self-archetype{color:#d4af37}.self-convergence{font-size:.8rem;color:#999;margin:.75rem 0 0;font-style:italic}.self-placeholder{font-size:.9rem;color:#666;margin:.5rem 0;font-style:italic}.self-progress{font-size:1.1rem;color:#4caf50;font-weight:600;margin:.5rem 0}.self-stations{font-size:.9rem;color:#999;margin:.5rem 0 0}.framework-arrow{font-size:1.5rem;color:#d4af37;margin:.5rem 0;animation:pulse-arrow 1.5s ease-in-out infinite}@keyframes pulse-arrow{0%,to{opacity:.6}50%{opacity:1}}.home-coherence-section,.tarot-result-section,.journey-progress-section{flex:1 1 calc(33.333% - 1rem);min-width:280px;max-width:420px;display:flex;justify-content:center;align-items:flex-start;padding:0;margin:0 .5rem 2rem}.coherence-card{background:#4caf501a;border:2px solid rgba(76,175,80,.3);border-radius:12px;padding:1.5rem;text-align:center;width:100%;max-width:400px;cursor:pointer;transition:all .3s ease}.coherence-card:hover{border-color:#4caf5099;background:#4caf5026;box-shadow:0 4px 12px #4caf5033}.coherence-card.expanded{max-width:600px}.card-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.expand-arrow{font-size:.9rem;color:#4caf5099;transition:transform .3s ease;flex-shrink:0}.coherence-card .card-header h2{margin:0}.card-insights{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(76,175,80,.2);animation:slideDown .3s ease;text-align:left}.card-insights h4{margin:1rem 0 .5rem;font-size:.95rem;color:#4caf50;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.card-insights h4:first-child{margin-top:0}.card-insights p{margin:.5rem 0;color:#bbb;font-size:.85rem;line-height:1.5}.coherence-card h2{margin:0 0 1rem;font-size:1.2rem;color:#4caf50;text-transform:uppercase;letter-spacing:1px}.coherence-percentage{font-size:3rem;font-weight:700;color:#4caf50;margin:1rem 0}.coherence-bar{height:20px;background:#0000004d;border-radius:10px;overflow:hidden;margin:1.5rem 0}.coherence-fill{height:100%;background:linear-gradient(90deg,#4caf50,#66bb6a);width:0%;transition:width 1s ease}.coherence-label{margin:1rem 0 0;color:#999;font-size:.9rem}.tarot-result-section{margin:0 .5rem 2rem}.tarot-result-card{background:linear-gradient(135deg,#ffd7001f,#ffc10714);border:2px solid rgba(255,215,0,.3);border-radius:12px;padding:1.5rem;width:100%;max-width:400px;text-align:center;cursor:pointer;transition:all .3s ease}.tarot-result-card:hover{border-color:#ffd70099;background:linear-gradient(135deg,#ffd7002e,#ffc1071f);box-shadow:0 4px 12px #ffd70033}.tarot-result-card.expanded{max-width:600px}.tarot-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,215,0,.2)}.header-with-arrow{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.tarot-result-card .tarot-header h3,.tarot-result-card .tarot-header p{margin:0}.tarot-header h3{margin:0 0 .5rem;font-size:1.1rem;color:#ffd54f;text-transform:uppercase;letter-spacing:1px;font-weight:600}.tarot-subtitle{margin:0;color:#999;font-size:.85rem;font-style:italic;letter-spacing:.5px}.tarot-content{display:flex;flex-direction:column;gap:1rem;align-items:center}.tarot-archetype{display:flex;flex-direction:column;align-items:center;gap:.5rem}.tarot-emoji{font-size:2.5rem;display:block;margin-bottom:.25rem}.tarot-name{margin:0;font-size:1.6rem;color:#4caf50;font-weight:600;letter-spacing:1px}.tarot-chosen{margin:0;color:#ffc107;font-size:.85rem;font-style:italic}.tarot-baseline{background:#4caf5014;border:1px solid rgba(76,175,80,.2);border-radius:8px;padding:1rem;margin:0;width:100%}.baseline-label{margin:0 0 .35rem;color:#999;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}.baseline-value{margin:0;font-size:1.5rem;color:#4caf50;font-weight:700}.tarot-affirmation{margin:0;font-size:.9rem;font-style:italic;color:#ffd54f;line-height:1.5;padding:.75rem;background:#ffd7000d;border-left:3px solid rgba(255,215,0,.3);text-align:center}.tarot-result-card .card-insights{border-top-color:#ffd70033}.tarot-result-card .card-insights h4{color:#ffd54f}.progress-card{background:#2196f31a;border:2px solid rgba(33,150,243,.3);border-radius:12px;padding:1.5rem;text-align:center;width:100%;max-width:400px;cursor:pointer;transition:all .3s ease}.progress-card:hover{border-color:#2196f399;background:#2196f326;box-shadow:0 4px 12px #2196f333}.progress-card.expanded{max-width:600px}.progress-card .card-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;text-align:left}.progress-card .card-header h3{margin:0}.progress-card .expand-arrow{color:#2196f399}.progress-card .card-insights{border-top-color:#2196f333;text-align:left}.progress-card .card-insights h4{color:#2196f3}.progress-card h3{margin:0 0 1rem;font-size:1.2rem;color:#2196f3;text-transform:uppercase;letter-spacing:1px}.progress-count{font-size:2.5rem;font-weight:700;color:#2196f3;margin:1rem 0}.progress-label{margin:0;color:#999;font-size:.9rem}.archetype-section{margin-bottom:2rem;width:100%;max-width:100%;display:flex;justify-content:center;padding:0 1rem}.archetype-card{background:linear-gradient(135deg,#4caf5026,#4caf500d);border:2px solid rgba(76,175,80,.3);border-radius:12px;padding:2.5rem;text-align:center;width:100%;max-width:700px}.archetype-card h3{margin:0 0 .5rem;font-size:.95rem;color:#999;text-transform:uppercase;letter-spacing:1px}.archetype-image-container{margin:1.5rem 0;display:flex;justify-content:center;width:100%}.archetype-image{max-width:100%;max-height:400px;height:auto;border:2px solid rgba(76,175,80,.4);border-radius:8px;box-shadow:0 8px 24px #4caf5033;transition:all .3s ease;object-fit:cover}.archetype-image:hover{box-shadow:0 12px 32px #4caf5066;border-color:#4caf5099}.archetype-name{font-size:2rem;margin:.5rem 0 1.5rem;color:#4caf50}.archetype-quote{margin:0;font-size:1.1rem;font-style:italic;color:#ffd54f;line-height:1.6}.archetype-convergence-info{padding-top:1.5rem;border-top:1px solid rgba(76,175,80,.2);background:#4caf500d;border-radius:8px;padding:1.5rem;margin-top:1.5rem}.convergence-label{color:#888;font-size:.85rem;margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.5px}.convergence-label em{color:#ffc107;font-style:normal;font-weight:600}.convergence-message{color:#bbb;font-size:.95rem;line-height:1.6;margin:0}.convergence-message strong{color:#4caf50;font-weight:600}.home-sections{display:flex;flex-direction:column;gap:2rem;margin:2rem 0;width:100%;align-items:center;padding:0 1rem;max-width:1200px;margin-left:auto;margin-right:auto}.phase-section{display:flex;flex-direction:column;gap:1.5rem;width:100%;max-width:100%}.section-header{margin-bottom:1rem}.section-header h2{font-size:1.8rem;margin:0 0 .5rem;color:#4caf50;text-transform:uppercase;letter-spacing:1px}.section-subtitle{margin:0;color:#999;font-size:.95rem;font-style:italic}.phase-1-section{opacity:.7;border:2px solid rgba(76,175,80,.1);padding:1.5rem;border-radius:12px;background:#4caf5005}.phase-1-section .section-header h2{color:#4caf50b3}.phase-2-section{border:2px solid rgba(76,175,80,.3);padding:2rem;border-radius:12px;background:#4caf500d}.backup-section{border:2px solid rgba(76,175,80,.15);padding:1.5rem;border-radius:12px;background:#4caf5005;opacity:.9}.backup-section .section-header h2{color:#4caf50d9;font-size:1.4rem}.nav-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;width:100%}.home-navigation{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin:3rem 0}.nav-card{background:#4caf500d;border:2px solid rgba(76,175,80,.2);border-radius:12px;padding:2rem;text-align:center;cursor:pointer;transition:all .3s ease}.nav-card:hover{border-color:#4caf5080;background:#4caf501a;transform:translateY(-4px);box-shadow:0 8px 24px #4caf5033}.nav-icon{font-size:3rem;margin-bottom:1rem}.nav-card h3{margin:0 0 .5rem;font-size:1.3rem;color:#4caf50}.nav-card p{margin:.5rem 0 1.5rem;color:#bbb;font-size:.95rem;line-height:1.5}.nav-button{background:#4caf5033;border:1px solid rgba(76,175,80,.4);color:#4caf50;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s ease}.nav-button:hover{background:#4caf504d;border-color:#4caf50}.primary-button{background:#4caf50;border:none;color:#fff;padding:.95rem 2rem;border-radius:6px;cursor:pointer;font-weight:600;font-size:1rem;text-transform:uppercase;letter-spacing:.5px;transition:all .2s ease}.secondary-button{background:#4caf5033;border:2px solid rgba(76,175,80,.4);color:#4caf50;padding:.75rem 2rem;border-radius:6px;cursor:pointer;font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:all .2s ease}.secondary-button:hover{background:#4caf504d;border-color:#4caf50}@media (max-width: 1200px){.home-coherence-section,.tarot-result-section,.journey-progress-section{flex:1 1 calc(50% - 1rem);margin-bottom:1.5rem}.journey-progress-section{flex:1 1 100%}}@media (max-width: 1024px){.home-page.authenticated{padding:1.5rem}.home-header{flex-direction:column;align-items:flex-start;gap:1rem}.header-left{width:100%}.personalized-greeting{font-size:.9rem}.nav-grid{grid-template-columns:1fr}.phase-section{padding:1.5rem}.home-sections{padding:0 1rem}.archetype-convergence-info{margin-top:1rem}.home-coherence-section,.tarot-result-section,.journey-progress-section{flex:1 1 calc(50% - 1rem)}.journey-progress-section{flex:1 1 100%}}@media (max-width: 768px){.home-page{padding:1rem;width:100vw;overflow-x:hidden}.home-page.authenticated{padding:1rem}.home-header{flex-direction:column;align-items:flex-start;gap:.75rem;padding:1rem;margin-bottom:1.5rem}.header-left{width:100%}.home-header h1{font-size:1.8rem}.personalized-greeting{font-size:.85rem}.header-buttons{flex-wrap:wrap;width:100%;gap:.5rem}.restore-key-button,.start-over-button,.logout-button{flex:1;min-width:100px;padding:.6rem 1rem;font-size:.8rem}.archetype-card{padding:1.5rem 1rem}.archetype-name{font-size:1.6rem}.archetype-quote{font-size:1rem}.archetype-convergence-info{padding:1rem;margin-top:1rem}.convergence-label{font-size:.8rem}.convergence-message{font-size:.9rem}.landing-hero{gap:1.5rem;padding:1rem;width:100%}.landing-hero h1{font-size:3.5rem}.landing-hero p{font-size:1.3rem}.caution-tab-wrapper{width:95%;max-width:100%;margin:1rem auto}.caution-tab-button{font-size:.85rem;padding:.8rem 1rem}.caution-content{padding:1rem}.caution-content p,.caution-content ul{font-size:.85rem}.landing-buttons{flex-direction:column;gap:1rem;width:100%;max-width:none;padding:0 1rem}.cta-button{padding:1.2rem 1.5rem;font-size:.95rem;width:100%}.home-hero h1{font-size:2.5rem}.home-header{flex-direction:column;gap:1rem;align-items:flex-start;padding:1rem}.header-buttons{flex-wrap:wrap;gap:.5rem}.home-navigation{grid-template-columns:1fr}.nav-grid{grid-template-columns:1fr;gap:1rem}.home-actions{flex-direction:column}.primary-button,.secondary-button{width:100%;max-width:100%}.phase-section{padding:1.5rem 1rem;margin:0}.section-header h2{font-size:1.4rem}.nav-card{padding:1.5rem 1rem}.nav-icon{font-size:2.5rem}.nav-card h3{font-size:1.1rem}.nav-card p{font-size:.85rem}.home-coherence-section,.archetype-section,.journey-progress-section,.tarot-result-section{width:95%;max-width:none}.tarot-result-card{padding:1.5rem 1rem}.tarot-header{margin-bottom:1.5rem;padding-bottom:1rem}.tarot-header h3{font-size:1.1rem}.tarot-subtitle{font-size:.85rem}.tarot-emoji{font-size:2.5rem}.tarot-name{font-size:1.6rem}.tarot-chosen{font-size:.85rem}.baseline-value{font-size:1.5rem}.tarot-affirmation{font-size:.9rem;padding:.75rem}.home-sections{padding:0}.home-coherence-section,.tarot-result-section,.journey-progress-section{flex:1 1 100%;max-width:100%;margin:0 0 1.5rem;padding:0}}@media (max-width: 480px){.home-page{padding:.5rem}.landing-hero{gap:1rem;padding:.5rem}.landing-hero h1{font-size:2.5rem}.landing-hero p{font-size:1rem}.landing-buttons{padding:0}.cta-button{padding:1rem 1.25rem;font-size:.9rem}.caution-tab-wrapper{width:98%;margin:.75rem auto}.header-buttons{flex-direction:column}.restore-key-button,.start-over-button,.logout-button{width:100%;font-size:.8rem}.nav-card{padding:1rem .75rem}.nav-icon{font-size:2rem}.nav-card h3{font-size:1rem}.tarot-result-card{padding:1.25rem .75rem;border-radius:8px}.tarot-header h3{font-size:1rem}.tarot-emoji{font-size:2rem}.tarot-name{font-size:1.4rem}.baseline-value{font-size:1.3rem}.tarot-affirmation{font-size:.85rem;padding:.5rem}.home-coherence-section,.tarot-result-section,.journey-progress-section{flex:1 1 100%;max-width:100%;margin:0 0 1rem}.archetype-image-section{gap:.75rem;padding:.75rem;margin-bottom:1rem}.phase1-archetype-image{max-height:220px}.order-poster-button{padding:.6rem 1.2rem;font-size:.85rem}}.archetype-image-section{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:#c896ff0d;border:1px solid rgba(200,150,255,.2);border-radius:8px}.phase1-archetype-image{max-width:100%;max-height:280px;height:auto;border:2px solid rgba(200,150,255,.3);border-radius:4px;box-shadow:0 4px 12px #c896ff1a}.order-poster-button{padding:.75rem 1.5rem;background:linear-gradient(135deg,#d4af37,#f0c850);color:#1a1a1a;border:none;border-radius:6px;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #d4af374d}.order-poster-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #d4af3780;background:linear-gradient(135deg,#f0c850,#d4af37)}.order-poster-button:active{transform:translateY(0)}.quick-nav-button{position:fixed;top:2rem;right:2rem;width:56px;height:56px;padding:0;border:2px solid;border-radius:50%;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1000;transition:all .3s ease;box-shadow:0 2px 8px #0000004d}.quick-nav-button.active{border-color:#4caf50;background:#4caf5026;cursor:pointer}.quick-nav-button.active:hover{background:#4caf5040;box-shadow:0 4px 16px #4caf5066;transform:scale(1.05)}.quick-nav-button.active:active{transform:scale(.98)}.quick-nav-button.inactive{border-color:#c8c8c84d;background:#64646414;cursor:not-allowed;opacity:.5}.indicator-light{width:16px;height:16px;border-radius:50%;background:#64646480;transition:all .3s ease;box-shadow:none}.indicator-light.active{background:#4caf50;box-shadow:0 0 12px #4caf50cc,inset 0 0 8px #4caf5066;animation:glow-pulse 2s ease-in-out infinite}@keyframes glow-pulse{0%,to{box-shadow:0 0 12px #4caf50cc,inset 0 0 8px #4caf5066}50%{box-shadow:0 0 20px #4caf50,inset 0 0 12px #4caf5099}}.quick-nav-button:hover:before{content:attr(title);position:absolute;bottom:-35px;right:0;background:#000000e6;color:#fff;padding:6px 12px;border-radius:4px;font-size:.75rem;white-space:nowrap;z-index:1001;pointer-events:none;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.quick-nav-button{top:1.5rem;right:1.5rem;width:50px;height:50px}.quick-nav-button:hover:before{bottom:-40px;font-size:.7rem}}@media (max-width: 480px){.quick-nav-button{top:1rem;right:1rem;width:46px;height:46px}.quick-nav-button:hover:before{bottom:-38px;font-size:.65rem}}.onboarding-page{min-height:100vh;padding:2rem;padding-left:120px;background:linear-gradient(135deg,#0a0a0a,#1a1a2e);color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;align-items:center;justify-content:center;width:100vw;overflow-x:hidden}@media (max-width: 768px){.onboarding-page{padding-left:100px}}@media (max-width: 480px){.onboarding-page{padding-left:90px}}.onboarding-container{max-width:800px;width:100%;background:#1a1a2ef2;border:2px solid rgba(76,175,80,.2);border-radius:12px;padding:3rem;box-shadow:0 8px 32px #4caf501a,0 0 60px #4caf500d;animation:slideUp .6s ease-out}.progress-indicator{display:flex;gap:.75rem;margin-bottom:3rem;justify-content:center}.progress-dot{width:12px;height:12px;border-radius:50%;background:#4caf5033;border:2px solid rgba(76,175,80,.3);cursor:pointer;transition:all .3s ease}.progress-dot.active{background:#4caf50;border-color:#4caf50;box-shadow:0 0 12px #4caf5066;transform:scale(1.2)}.progress-dot.completed{background:#4caf5080;border-color:#4caf50}.onboarding-content{text-align:center;margin-bottom:3rem;min-height:300px;animation:fadeIn .5s ease-out}.step-icon{font-size:4rem;margin-bottom:1.5rem;animation:bounce .8s ease-out}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.onboarding-content h1{font-size:2.5rem;color:#4caf50;margin:0 0 .5rem;letter-spacing:1px}.step-subtitle{font-size:1rem;color:#999;margin:0 0 2rem;letter-spacing:.5px}.step-body{text-align:left}.step-content{color:#ddd;line-height:1.8}.step-content p{margin:0 0 1rem;font-size:.95rem}.step-content p:last-child{margin-bottom:0}.phase-info{background:#4caf5014;border-left:4px solid #4caf50;padding:1.5rem;margin-bottom:1.5rem;border-radius:6px}.phase-info h3{color:#4caf50;margin:0 0 .75rem;font-size:1.1rem}.phase-info p{margin:0;color:#bbb;font-size:.9rem}.experience-item{background:#4caf500d;border:1px solid rgba(76,175,80,.15);padding:1.25rem;margin-bottom:1rem;border-radius:8px;text-align:center;transition:all .3s ease}.experience-item:hover{background:#4caf501a;border-color:#4caf504d;transform:translateY(-2px)}.experience-icon{font-size:2rem;margin-bottom:.75rem}.experience-item h4{color:#4caf50;margin:0 0 .5rem;font-size:1rem}.experience-item p{color:#999;font-size:.9rem;margin:0}.caution-content{text-align:left}.caution-content ul{margin:1rem 0 1.5rem 1.5rem;padding:0;list-style:none}.caution-content li{color:#ffb74d;margin-bottom:.75rem;padding-left:1.5rem;position:relative;font-size:.95rem}.caution-content li:before{content:"▸";position:absolute;left:0}.caution-content p{color:#ddd;font-size:.95rem}.caution-content strong{color:#4caf50}.onboarding-buttons{display:flex;gap:1rem;margin-bottom:1.5rem;justify-content:center}.onboarding-button{padding:.9rem 2rem;border-radius:6px;border:none;cursor:pointer;font-weight:600;font-size:.95rem;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease;min-width:140px}.onboarding-button.primary{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;box-shadow:0 4px 12px #4caf5033}.onboarding-button.primary:hover:not(:disabled){background:linear-gradient(135deg,#45a049,#3d8b40);box-shadow:0 6px 20px #4caf504d;transform:translateY(-2px)}.onboarding-button.secondary{background:#4caf501a;color:#4caf50;border:2px solid rgba(76,175,80,.3)}.onboarding-button.secondary:hover:not(:disabled){background:#4caf5033;border-color:#4caf50;transform:translateY(-2px)}.onboarding-button:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width: 1024px){.onboarding-container{max-width:100%;padding:2rem}.onboarding-content h1{font-size:2rem}.step-icon{font-size:3.5rem}}@media (max-width: 768px){.onboarding-page{width:100vw;padding:1rem;overflow-x:hidden}.onboarding-container{padding:1.5rem;border-radius:8px}.onboarding-content{min-height:auto;margin-bottom:2rem}.onboarding-content h1{font-size:1.6rem;margin-bottom:.3rem}.step-subtitle{font-size:.95rem;margin-bottom:1.5rem}.step-icon{font-size:3rem;margin-bottom:1rem}.step-content p{font-size:.9rem}.phase-info{padding:1rem;margin-bottom:1rem}.phase-info h3{font-size:1rem;margin-bottom:.5rem}.experience-item{padding:1rem;margin-bottom:.75rem}.experience-icon{font-size:1.5rem;margin-bottom:.5rem}.onboarding-buttons{gap:.75rem}.onboarding-button{min-width:120px;padding:.7rem 1.5rem;font-size:.85rem}}@media (max-width: 600px){.onboarding-page{padding:.75rem}.onboarding-container{padding:1.25rem}.progress-indicator{gap:.5rem;margin-bottom:2rem}.progress-dot{width:10px;height:10px}.onboarding-content h1{font-size:1.4rem}.step-subtitle{font-size:.9rem;margin-bottom:1.25rem}.step-icon{font-size:2.5rem}.step-content p{font-size:.85rem}.phase-info{padding:.85rem;margin-bottom:.85rem}.phase-info h3{font-size:.95rem;margin-bottom:.4rem}.experience-item{padding:.85rem;margin-bottom:.65rem}.experience-icon{font-size:1.3rem}.experience-item h4{font-size:.95rem}.experience-item p{font-size:.85rem}.onboarding-buttons{flex-direction:column;gap:.6rem;margin-bottom:1rem}.onboarding-button{width:100%;min-width:100%;padding:.65rem 1.25rem;font-size:.8rem}}@media (max-width: 480px){.onboarding-page{padding:.5rem}.onboarding-container{padding:1rem;border-radius:6px}.progress-indicator{gap:.4rem;margin-bottom:1.5rem}.onboarding-content h1{font-size:1.25rem;margin-bottom:.25rem}.step-subtitle{font-size:.85rem;margin-bottom:1rem}.step-icon{font-size:2rem;margin-bottom:.75rem}.step-content p{font-size:.8rem}.phase-info{padding:.75rem}.phase-info h3{font-size:.9rem;margin-bottom:.35rem}.experience-item{padding:.75rem;margin-bottom:.5rem}.experience-icon{font-size:1.1rem}.experience-item h4{font-size:.9rem}.onboarding-button{padding:.6rem 1rem;font-size:.75rem}}@media (max-width: 400px){.onboarding-container{padding:.85rem}.onboarding-content h1{font-size:1.1rem}.step-icon{font-size:1.8rem}.step-content p{font-size:.75rem}}.information-page{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e);padding:2rem;padding-left:120px;color:#fff}@media (max-width: 768px){.information-page{padding-left:100px}}@media (max-width: 480px){.information-page{padding-left:90px}}.information-container{max-width:900px;margin:0 auto}.info-content h1{font-size:3rem;color:#4caf50;margin-bottom:2rem;text-shadow:0 4px 20px rgba(76,175,80,.2)}.info-section{background:#1a1a2e99;border:1px solid rgba(76,175,80,.2);border-radius:8px;padding:2rem;margin-bottom:2rem}.info-section h2{font-size:1.8rem;color:#4caf50;margin-bottom:1rem;letter-spacing:1px}.info-section p{font-size:1.1rem;line-height:1.8;color:#ddd;margin:0}.info-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:1.5rem}.step{background:#4caf500d;border:1px solid rgba(76,175,80,.3);border-radius:8px;padding:1.5rem;text-align:center}.step-number{display:block;font-size:2.5rem;font-weight:900;color:#4caf50;margin-bottom:1rem}.step h3{font-size:1.3rem;color:#4caf50;margin:0 0 .5rem}.step p{font-size:.95rem;color:#bbb;margin:0;line-height:1.6}.info-footer{display:flex;gap:1rem;margin-top:3rem;justify-content:center;flex-wrap:wrap}.primary-button,.secondary-button{padding:1rem 2rem;border-radius:6px;font-weight:600;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .2s ease;border:none}@media (max-width: 768px){.info-content h1{font-size:2rem}.info-section{padding:1.5rem}.info-footer{flex-direction:column}.primary-button,.secondary-button{width:100%}}.contemplation-page{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e);padding:2rem;padding-left:120px;color:#fff}@media (max-width: 768px){.contemplation-page{padding-left:100px}}@media (max-width: 480px){.contemplation-page{padding-left:90px}}.contemplation-container{max-width:900px;margin:0 auto}.back-button{background:#4caf5033;border:1px solid rgba(76,175,80,.4);color:#4caf50;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-weight:600;margin-bottom:2rem;transition:all .2s ease}.contemplation-content h1{font-size:3rem;color:#4caf50;margin-bottom:1rem;text-shadow:0 4px 20px rgba(76,175,80,.2)}.intro-text{font-size:1.3rem;color:#aaa;font-style:italic;margin-bottom:3rem}.contemplation-section{background:#1a1a2e99;border:1px solid rgba(76,175,80,.2);border-radius:8px;padding:2rem;margin-bottom:2rem}.contemplation-section h2{font-size:1.8rem;color:#4caf50;margin-bottom:1rem;letter-spacing:1px}.contemplation-section p{font-size:1.1rem;line-height:1.8;color:#ddd;margin:0}.contemplation-section ul{list-style:none;padding:0;margin:0}.contemplation-section li{font-size:1.1rem;line-height:1.8;color:#ddd;margin-bottom:1rem;padding-left:2rem;position:relative}.contemplation-section li:before{content:"◆";position:absolute;left:0;color:#4caf50;font-weight:700}.contemplation-section li strong{color:#4caf50}.contemplation-footer{text-align:center;margin-top:3rem}.footer-quote{font-size:1.2rem;font-style:italic;color:#ffd54f;margin-bottom:2rem;line-height:1.6}.primary-button,.secondary-button{padding:1rem 2rem;border-radius:6px;font-weight:600;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .2s ease;border:none;margin:0 .5rem}.secondary-button:hover{background:#4caf504d}@media (max-width: 768px){.contemplation-content h1{font-size:2rem}.contemplation-section{padding:1.5rem}.primary-button,.secondary-button{display:block;width:100%;margin-bottom:1rem}}.create-account-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,#0a0a0a,#1a1a2e);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.create-account-container{background:#1a1a2ef2;border:2px solid rgba(76,175,80,.2);border-radius:12px;padding:3rem;width:100%;max-width:450px;box-shadow:0 8px 32px #0000004d}.account-header{text-align:center;margin-bottom:2rem}.account-header h1{font-size:2rem;color:#4caf50;margin:0 0 .5rem}.account-header p{color:#999;font-size:.95rem;margin:0}.account-form{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.form-group label{color:#4caf50;font-weight:600;font-size:.95rem;text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group select{padding:.75rem;background:#0000004d;border:2px solid rgba(76,175,80,.2);border-radius:6px;color:#fff;font-size:1rem;transition:all .2s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:#4caf50;background:#00000080;box-shadow:0 0 8px #4caf5033}.form-group input.error,.form-group select.error{border-color:#ff7043}.form-group select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:2rem;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234caf50' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:1.5rem;padding-right:2.5rem}.form-group option{color:#fff;background:#0a0a0a;padding:.5rem}.error-message{color:#ff7043;font-size:.85rem;margin-top:-.25rem}.quote-display{background:#ffd54f1a;border:1px solid rgba(255,213,79,.2);border-radius:6px;padding:1.5rem;text-align:center}.quote-display em{color:#ffd54f;font-style:italic;font-size:.95rem;line-height:1.6}.primary-button{background:#4caf50;border:none;color:#fff;padding:.95rem;border-radius:6px;cursor:pointer;font-weight:600;font-size:1rem;text-transform:uppercase;letter-spacing:.5px;transition:all .2s ease}.account-footer{text-align:center;border-top:1px solid rgba(76,175,80,.1);padding-top:1.5rem;color:#bbb;font-size:.95rem}.account-footer button{background:none;border:none;color:#4caf50;text-decoration:none;font-weight:600;cursor:pointer;transition:color .2s ease}.account-footer button:hover{color:#66bb6a;text-decoration:underline}.code-entry-section{margin-bottom:2rem;text-align:center}.code-entry-toggle{background:#4caf501a;border:2px dashed rgba(76,175,80,.3);color:#4caf50;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s ease;font-size:.95rem;width:100%}.code-entry-toggle:hover{background:#4caf5026;border-color:#4caf5080;box-shadow:0 2px 8px #4caf501a}.code-entry-form{background:#4caf500d;border:1px solid rgba(76,175,80,.2);border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;animation:slideDown .3s ease}.code-input-group{margin-bottom:1rem;text-align:left}.code-input-group label{display:block;color:#4caf50;font-weight:600;margin-bottom:.5rem;font-size:.9rem}.code-input-group input{width:100%;padding:.75rem;background:#0003;border:2px solid rgba(76,175,80,.3);border-radius:6px;color:#fff;font-family:Courier New,monospace;font-size:.9rem;box-sizing:border-box;transition:all .2s ease}.code-input-group input:focus{outline:none;border-color:#4caf50;background:#0000004d;box-shadow:0 0 8px #4caf5033}.code-input-group input.error{border-color:#ff7043}.code-button-group{display:flex;gap:.75rem;margin-bottom:1rem}.restore-button,.cancel-button{flex:1;padding:.75rem;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s ease;font-size:.9rem}.restore-button{background:#4caf50;color:#fff}.restore-button:hover{background:#45a049}.cancel-button{background:#4caf5026;color:#4caf50;border:1px solid rgba(76,175,80,.3)}.cancel-button:hover{background:#4caf5040}.code-hint{margin:0;color:#666;font-size:.85rem;text-align:center}.code-hint code{background:#4caf501a;padding:.2rem .4rem;border-radius:3px;color:#4caf50}@media (max-width: 480px){.create-account-container{padding:2rem}.account-header h1{font-size:1.5rem}}.approach-phase-page{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a0a2e);color:#e0e0e0;padding:2rem 1rem;font-family:Georgia,serif}.approach-container{max-width:700px;margin:0 auto;position:relative}.spacer-small{height:1rem}.spacer-medium{height:2rem}.spacer-large{height:3rem}.divider-line{height:1px;background:linear-gradient(to right,transparent,rgba(200,150,255,.3),transparent);margin:2rem 0}.approach-section{margin-bottom:2rem;opacity:0;animation:fadeIn .6s ease-out forwards}.welcome-section{animation-delay:0s}.welcome-section{text-align:center;padding:2rem 0}.section-header{margin-bottom:2rem}.main-title{font-size:3.5rem;font-weight:400;margin:0 0 .5rem;color:#c88fff;letter-spacing:2px;text-transform:uppercase}.subtitle{font-size:1rem;color:#999;font-style:italic;margin:0;letter-spacing:1px;text-transform:uppercase}.welcome-content{margin:3rem 0;line-height:2}.welcome-text{font-size:1.3rem;margin:1rem 0;color:#d0d0d0}.welcome-text.emphasis{color:#c88fff;font-size:1.5rem;font-weight:700}.welcome-text.emphasis{margin:1.5rem 0}.highlight{color:#ffb3e6;font-style:italic}.intent-box{border-left:3px solid #c88fff;padding:1.5rem;margin:2rem 0;background:#c896ff14;border-radius:2px}.intent-text{font-size:.95rem;line-height:1.8;margin:.8rem 0;color:#d0d0d0}.intent-text.italic{color:#b8a8d0;font-style:italic}.intent-text.subtle{color:#888;font-size:.9rem}.collapsible-section{border:1px solid rgba(200,150,255,.2);border-radius:4px;overflow:hidden;transition:all .3s ease}.collapsible-section:hover{border-color:#c896ff66;background:#c896ff0a}.section-toggle{width:100%;padding:1.5rem;background:transparent;border:none;color:#d0d0d0;font-size:1.1rem;font-family:Georgia,serif;cursor:pointer;display:flex;align-items:center;gap:1rem;text-align:left;transition:all .3s ease}.section-toggle:hover{color:#c88fff;background:#c896ff14}.toggle-icon{display:inline-flex;color:#c88fff;font-size:.8rem;min-width:1rem;transition:transform .3s ease}.section-toggle h2{margin:0;font-size:1.2rem;font-weight:400;letter-spacing:1px}.section-content{padding:0 1.5rem 1.5rem;animation:expandDown .3s ease-out}.label-text{font-size:.85rem;color:#888;text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem}.info-block{margin:1.5rem 0;padding:1rem;background:#ffffff08;border-left:2px solid #c88fff}.info-block p{margin:0 0 1rem}.reveal-list{list-style:none;padding:0;margin:0}.reveal-list li{padding:.5rem 0;color:silver;display:flex;align-items:center;gap:.8rem}.list-icon{color:#c88fff;font-size:.6rem}.callout-box{border-radius:4px;padding:1.2rem;background:#c896ff1a;border:1px solid rgba(200,150,255,.25);margin:1.5rem 0}.callout-text{margin:.6rem 0;font-size:.95rem;line-height:1.7;color:#d0d0d0}.callout-text.subtle{color:#999;font-size:.9rem;font-style:italic}.time-box{display:flex;align-items:center;gap:1rem;margin:1.5rem 0;padding:1rem;background:#c896ff14;border-radius:2px}.time-label{color:#c88fff;font-weight:700;font-size:.95rem}.time-value{color:#d0d0d0}.not-list{margin:1.5rem 0}.not-item{display:flex;align-items:flex-start;gap:1rem;padding:.8rem 0;border-bottom:1px solid rgba(200,150,255,.1)}.not-item:last-child{border-bottom:none}.not-icon{color:#ff6b6b;font-size:1.2rem;flex-shrink:0}.not-item p{margin:0;color:#b0b0b0}.intro-text{color:#d0d0d0;margin-bottom:1.5rem}.space-options{display:grid;gap:1rem;margin:1.5rem 0}.space-card{padding:1.2rem;background:#c896ff14;border:1px solid rgba(200,150,255,.2);border-radius:4px;text-align:center;transition:all .3s ease}.space-card:hover{background:#c896ff1f;border-color:#c896ff66;transform:translateY(-2px)}.space-icon{font-size:2rem;margin:0 0 .5rem}.space-card p{margin:0;color:#d0d0d0;font-size:.95rem}.note-box{margin:1.5rem 0;padding:1.2rem;border-left:3px solid #ffb3e6;background:#ffb3e614;border-radius:2px}.note-title{color:#ffb3e6;font-weight:700;margin:0 0 .5rem;font-size:1rem}.note-text{margin:.4rem 0;color:#d0d0d0;font-size:.95rem}.note-text.emphasis{font-weight:700;color:#ffb3e6}.audio-note{margin:1.5rem 0;padding:1rem;background:#6496ff14;border-left:2px solid #6496ff;border-radius:2px}.audio-label{color:#6496ff;font-weight:700;margin:0 0 .5rem;font-size:.9rem}.audio-text{margin:.4rem 0;color:#b8b8d0;font-size:.9rem}.archetype-intro{margin:1rem 0}.archetype-intro p{margin:.6rem 0;font-size:1rem}.archetype-intro strong{color:#c88fff}.archetype-intro .subtle{color:#999;font-size:.95rem}.key-insight{margin:1.5rem 0;padding:1.2rem;background:#c896ff1f;border:1px solid rgba(200,150,255,.3);border-radius:4px}.insight-label{color:#c88fff;font-size:.85rem;text-transform:uppercase;letter-spacing:1px;margin:0 0 .8rem}.insight-text{margin:.6rem 0;font-size:1.1rem;color:#d0d0d0;line-height:1.6}.compass-box{margin:1.5rem 0;padding:1.2rem;border-radius:4px;background:#6496ff14}.compass-box p{margin:.6rem 0;color:#d0d0d0;line-height:1.7}.compass-note{color:#999;font-size:.9rem;font-style:italic}.coherence-definition{margin:1.5rem 0}.definition-text{margin:.6rem 0;font-size:1.05rem;color:#d0d0d0}.definition-text.subtle{color:#999;font-size:.95rem}.grows-through-label{color:silver;font-weight:700;margin:1.5rem 0 .8rem;font-size:.95rem}.coherence-list{list-style:none;padding:0;margin:0}.coherence-list li{padding:.6rem 0 .6rem 1.5rem;position:relative;color:#d0d0d0}.coherence-list li:before{content:"▪";position:absolute;left:0;color:#c88fff}.coherence-note{margin:1.5rem 0;text-align:center;padding:1rem;border-radius:4px;background:#c896ff1a}.note-emphasis{color:#d0d0d0;font-size:1.05rem}.note-emphasis strong{color:#c88fff}.growth-box{margin:1.5rem 0;padding:1.2rem;border-left:3px solid #6496ff;background:#6496ff14;border-radius:2px}.growth-box p{margin:0;color:#d0d0d0;line-height:1.7}.expectation-cards{display:grid;gap:1.2rem;margin:1.5rem 0}.expectation-card{padding:1.2rem;background:#c896ff14;border:1px solid rgba(200,150,255,.2);border-radius:4px;transition:all .3s ease}.expectation-card:hover{background:#c896ff1f;border-color:#c896ff66;transform:translateY(-2px)}.exp-title{color:#c88fff;font-weight:700;margin:0 0 .5rem;font-size:1rem}.exp-text{margin:0;color:#d0d0d0;font-size:.95rem;line-height:1.6}.safety-section h2{font-size:1.2rem;color:#d0d0d0;margin:0 0 1.5rem;letter-spacing:1px}.reminder-cards{display:grid;gap:1.2rem}.reminder-card{padding:1.5rem;border-radius:4px;border:1px solid rgba(200,150,255,.2);transition:all .3s ease}.reminder-card.privacy{background:#64c8ff14;border-color:#64c8ff33}.reminder-card.safety{background:#c896ff14;border-color:#c896ff33}.reminder-card.choice{background:#96c89614;border-color:#96c89633}.reminder-card:hover{transform:translateY(-2px);background:#c896ff1f}.reminder-icon{font-size:2rem;margin-bottom:.5rem}.reminder-title{color:#c88fff;font-weight:700;margin:0 0 .5rem}.reminder-text{color:#d0d0d0;margin:0;font-size:.95rem;line-height:1.6}.foundation-section{text-align:center;padding:2rem 0}.foundation-label{color:#999;font-size:.85rem;text-transform:uppercase;letter-spacing:2px;margin-bottom:1rem}.foundation-text{color:#d0d0d0;font-size:1.05rem;margin-bottom:1.5rem}.vision-box{margin:2rem 0;padding:2rem;border:1px solid rgba(200,150,255,.3);background:#c896ff14;border-radius:4px}.vision-quote{color:#b8a8d0;font-size:1.1rem;margin:.8rem 0;line-height:1.8}.vision-closing{color:#d0d0d0;font-size:1rem;margin:2rem 0}.closing-calls{margin:2rem 0}.closing-call{color:#999;font-size:.95rem;margin:.4rem 0;letter-spacing:1px}.closing-call.emphasis{color:#c88fff;font-weight:700;font-size:1.1rem}.cta-section{text-align:center;padding:2rem;border-top:1px solid rgba(200,150,255,.2);border-bottom:1px solid rgba(200,150,255,.2)}.ready-text{color:#c88fff;font-size:1.5rem;font-weight:700;margin:0 0 .5rem;letter-spacing:1px}.ready-subtext{color:#999;font-size:.95rem;margin:0 0 1.5rem}.begin-button{padding:1rem 2.5rem;background:linear-gradient(135deg,#c88fff,#96f);color:#fff;border:none;border-radius:4px;font-size:1rem;font-family:Georgia,serif;cursor:pointer;transition:all .3s ease;letter-spacing:1px;font-weight:700;margin-bottom:1.5rem}.begin-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #c896ff66;background:linear-gradient(135deg,#d9a0ff,#a877ff)}.begin-button:active{transform:translateY(0)}.cta-note{color:#666;font-size:.85rem;font-style:italic;margin:0}@media (max-width: 600px){.approach-phase-page{padding:1rem}.main-title{font-size:2.5rem}.welcome-text{font-size:1.1rem}.welcome-text.emphasis{font-size:1.3rem}.section-toggle h2,.insight-text{font-size:1rem}.expectation-cards,.space-options,.reminder-cards{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}.forge-flame-container{position:relative;display:flex;align-items:center;justify-content:center}.forge-flame-svg{filter:drop-shadow(0 0 20px rgba(200,150,255,.2));animation:flameFlicker 3s ease-in-out infinite}.forge-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(200,150,255,.15) 0%,transparent 70%);pointer-events:none;animation:glowPulse 4s ease-in-out infinite}@keyframes flameFlicker{0%{transform:scale(1) translateY(0);opacity:1}25%{transform:scale(1.02) translateY(-2px);opacity:.98}50%{transform:scale(.98) translateY(1px);opacity:1}75%{transform:scale(1.01) translateY(-1px);opacity:.99}to{transform:scale(1) translateY(0);opacity:1}}@keyframes glowPulse{0%{box-shadow:0 0 40px #c896ff1a,0 0 80px #c896ff0d}50%{box-shadow:0 0 60px #c896ff33,0 0 100px #c896ff1a}to{box-shadow:0 0 40px #c896ff1a,0 0 80px #c896ff0d}}@media (max-width: 768px){.forge-flame-svg{width:200px;height:200px}.forge-glow{width:160px;height:160px}}@media (max-width: 480px){.forge-flame-svg{width:150px;height:150px}.forge-glow{width:120px;height:120px}}.athanor-landing{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a0a0a,#1a0a2e,#0f0a1f);cursor:pointer;overflow:hidden;position:relative;opacity:0;transition:opacity .8s ease-in-out}.athanor-landing.visible{opacity:1}.athanor-landing.advancing{animation:fadeToHome .6s ease-out forwards}@keyframes fadeToHome{0%{opacity:1}to{opacity:0;transform:scale(1.05)}}.landing-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3rem;animation:contentFadeIn 1.2s ease-out forwards;opacity:0;animation-delay:.3s}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.landing-hint{color:#c896ff66;font-size:.9rem;letter-spacing:2px;text-transform:uppercase;margin:0;animation:hintPulse 2s ease-in-out infinite;animation-delay:2s;font-family:Georgia,serif}@keyframes hintPulse{0%{opacity:.3}50%{opacity:.7}to{opacity:.3}}.athanor-landing:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 50%,rgba(200,150,255,.05) 0%,transparent 70%);pointer-events:none;animation:backgroundBreath 8s ease-in-out infinite}@keyframes backgroundBreath{0%{opacity:.3}50%{opacity:.6}to{opacity:.3}}@media (max-width: 768px){.landing-content{gap:2rem}.landing-hint{font-size:.8rem}}@media (max-width: 480px){.landing-content{gap:1.5rem}.landing-hint{font-size:.75rem}}@media (prefers-reduced-motion: reduce){*{animation:none!important}.athanor-landing{opacity:1}.landing-content{opacity:1;transform:translateY(0)}}.athanor-gate{min-height:100vh;width:100%;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .6s ease-in;transition:opacity .3s ease}.athanor-gate.fade-out{opacity:0;transition:opacity .3s ease}.gate-container{max-width:600px;width:100%;text-align:center;animation:slideUp .8s ease-out}.gate-header{margin-bottom:50px}.gate-header h1{font-size:4rem;color:#d4af37;margin:0 0 10px;letter-spacing:2px;font-weight:700}.gate-subtitle{color:#c88fff;font-size:1.2rem;margin:0;letter-spacing:1px}.gate-content{margin-bottom:50px}.gate-intro{color:#e0e0e0;font-size:1.1rem;line-height:1.6;margin-bottom:40px;opacity:.9}.gate-buttons{display:flex;gap:30px;margin-bottom:30px;flex-wrap:wrap;justify-content:center}.gate-button{flex:1;min-width:250px;max-width:300px;padding:30px 25px;background:#141428cc;border:2px solid rgba(212,175,55,.3);border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:12px;text-decoration:none;color:inherit;font-size:inherit}.gate-button:hover{background:#d4af371a;border-color:#d4af37;transform:translateY(-4px);box-shadow:0 12px 40px #d4af3733}.gate-button.begin{border-color:#4caf5066}.gate-button.begin:hover{border-color:#4caf50;box-shadow:0 12px 40px #4caf504d;background:#4caf501a}.gate-button.continue{border-color:#c896ff66}.gate-button.continue:hover{border-color:#c88fff;box-shadow:0 12px 40px #c896ff4d;background:#c896ff1a}.button-icon{font-size:2.5rem;display:inline-block}.button-label{font-size:1.2rem;font-weight:700;color:#d4af37;display:block}.button-desc{font-size:.9rem;color:#999;display:block}.gate-footer{color:#666;font-size:.9rem;margin-top:40px;padding-top:20px;border-top:1px solid rgba(212,175,55,.2)}.gate-footer p{margin:0;font-style:italic}@media (max-width: 768px){.gate-header h1{font-size:2.5rem}.gate-buttons{flex-direction:column;gap:20px}.gate-button{min-width:100%;max-width:100%}}.password-gate-container{position:fixed;top:0;left:0;right:0;bottom:0;background:#0a0a0a;display:flex;align-items:center;justify-content:center;z-index:99999;width:100vw;height:100vh;overflow:visible}.password-gate-container.loading{background:linear-gradient(135deg,#0a0a0a,#1a0a1a)}.password-gate-background{position:absolute;top:0;left:0;right:0;bottom:0;opacity:.1;background-image:radial-gradient(circle at 20% 50%,rgba(212,175,55,.3) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(139,0,0,.3) 0%,transparent 50%);pointer-events:none}.password-gate-content{position:relative;z-index:2;text-align:center;max-width:400px;width:90%}.gate-logo{font-size:4rem;margin-bottom:1rem;animation:logoFloat 3s ease-in-out infinite}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.password-gate-content h1{color:#d4af37;font-size:3rem;margin:0 0 .5rem;font-family:Georgia,serif;letter-spacing:3px;font-weight:700}.gate-subtitle{color:#888;font-size:.95rem;margin:0 0 2rem;letter-spacing:1px}.password-form{display:flex;flex-direction:column;gap:1.5rem;margin:2rem 0}.form-group{display:flex;flex-direction:column;gap:.75rem}.form-group label{color:#d4af37;font-size:.9rem;font-weight:700;letter-spacing:1px}.form-group input[type=password]{background:#1a1a1a;border:2px solid #d4af37;color:#fff;padding:1rem;font-size:1.1rem;border-radius:4px;font-family:monospace;letter-spacing:2px;transition:all .3s ease;text-align:center}.form-group input[type=password]::placeholder{color:#888;font-size:.9rem;letter-spacing:.5px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.form-group input[type=password]:focus{outline:none;box-shadow:0 0 16px #d4af3780;border-color:#e6c200}.form-group input[type=password].input-error{border-color:#f33;box-shadow:0 0 12px #ff33334d;animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.error-message{color:#f33;font-size:.85rem;padding:.75rem;background:#ff33331a;border:1px solid rgba(255,51,51,.3);border-radius:4px;margin:-1rem 0 0}.password-submit{background:#d4af37;color:#0a0a0a;border:none;padding:1rem 2rem;font-size:1rem;font-weight:700;border-radius:4px;cursor:pointer;transition:all .3s ease;letter-spacing:1px}.password-submit:hover{background:#e6c200;transform:translateY(-2px);box-shadow:0 8px 24px #d4af374d}.password-submit:active{transform:translateY(0)}.gate-footer{color:#666;font-size:.8rem;margin:2rem 0 0;letter-spacing:1px}@media (max-width: 768px){.password-gate-content h1{font-size:2rem}.gate-logo{font-size:3rem}.password-gate-content{max-width:90%}}@media (max-width: 480px){.password-gate-content h1{font-size:1.5rem}.gate-logo{font-size:2.5rem}.form-group input[type=password]{padding:.75rem;font-size:.95rem}.password-submit{padding:.75rem 1.5rem;font-size:.9rem}}.typewriter-text{color:#d4af37;font-family:IBM Plex Mono,Courier New,monospace;line-height:1.6;white-space:pre-wrap;word-wrap:break-word}.typewriter-text.typing{min-height:1.5em}.typewriter-cursor{display:inline-block;width:2px;height:1em;background-color:#d4af37;margin-left:2px;animation:blink .7s infinite}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.typewriter-text.complete .typewriter-cursor{display:none}.result-panel{margin-bottom:1rem;border:3px double #d4af37;background:#1a1a1a}.result-panel.level-0{border:4px double #d4af37;margin-bottom:1.5rem}.result-panel.level-1{border:3px double #d4af37;margin-left:1rem;margin-bottom:.75rem}.result-panel.level-2{border:2px solid #d4af37;margin-left:2rem;margin-bottom:.5rem}.panel-header{width:100%;padding:1rem;background:#0a0a0a;border:none;border-bottom:2px solid #d4af37;cursor:pointer;display:flex;align-items:center;gap:.75rem;font-family:inherit;font-size:1rem;font-weight:600;text-align:left;transition:all .2s ease}.panel-header:hover{background:#1a1a1a;color:#ff6b35}.panel-header.expanded{background:#0a0a0a}.panel-header.collapsed{background:#1a1a1a}.panel-toggle-icon{color:#ff6b35;font-weight:700;min-width:1rem;transition:transform .2s ease}.panel-title{flex:1;color:#d4af37;text-transform:uppercase;letter-spacing:.5px}.panel-content{padding:1.5rem;animation:slideDown .3s ease-out;background:#000}@keyframes slideDown{0%{opacity:0;max-height:0;overflow:hidden}to{opacity:1;max-height:1000px}}.panel-utterance{margin-bottom:1rem;color:#d4af37;font-size:1rem;line-height:1.6;font-weight:400}.panel-children{margin-top:1.5rem;border-top:2px solid #d4af37;padding-top:1.5rem}.panel-children .result-panel{margin-bottom:.75rem}.lesson-quiz{width:100%;max-width:900px;margin:0 auto;padding:2rem;animation:fadeIn .6s ease-in}.progress-container{margin-bottom:2rem}.progress-label{font-size:.9rem;color:#ff6b35;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:1px;font-weight:600}.progress-bar{width:100%;height:8px;background:#1a1a1a;border-radius:0;overflow:hidden;box-shadow:none;border:1px solid #d4af37}.progress-fill{height:100%;background:#d4af37;border-radius:0;transition:width .3s ease;box-shadow:none}.lesson-header{margin-bottom:2rem;text-align:center;border-bottom:4px double #d4af37;padding-bottom:1.5rem}.lesson-stage{font-size:1.8rem;margin-bottom:.5rem;letter-spacing:1px;color:#d4af37}.lesson-title{font-size:1.8rem;color:#d4af37;margin:.5rem 0;font-weight:700;letter-spacing:.5px}.lesson-reference{font-size:.85rem;color:#ff6b35;font-style:italic;margin:.5rem 0 0;font-weight:400}.lesson-image-container{margin:2rem 0;display:flex;justify-content:center;animation:slideDown .6s ease}.lesson-image{max-width:100%;max-height:450px;width:auto;height:auto;border:2px solid #d4af37;border-radius:4px;box-shadow:0 8px 32px #d4af3733;transition:all .3s ease}.lesson-image:hover{box-shadow:0 12px 48px #d4af3766;border-color:#ff6b35}.stimulus-section{background:#1a1a1a;border-left:4px solid #ff6b35;padding:1.5rem;margin-bottom:2rem;border-radius:0;border:2px solid #d4af37;border-left:6px solid #ff6b35}.stimulus-text{color:#d4af37;font-size:1rem;line-height:1.6;margin:0;font-style:italic;font-weight:400}.query-section{margin-bottom:2rem;padding:1.5rem;background:#0a0a0a;border-radius:0;border:4px double #d4af37}.query-text{color:#d4af37;font-size:1.05rem;line-height:1.7;margin:0;font-weight:600}.responses-section{margin:2rem 0}.responses-grid{display:grid;grid-template-columns:1fr;gap:1rem}.response-card{background:#1a1a1a;border:3px double #d4af37;border-radius:0;padding:1.5rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.response-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:transparent;transition:left .5s}.response-card:hover{background:#2a2a2a;border-color:#ff6b35;transform:translate(4px);box-shadow:3px 3px #d4af3726}.response-card:hover:before{left:100%}.response-card.selected{background:#0a0a0a;border-color:#ff6b35;border:4px double #ff6b35;box-shadow:4px 4px #ff6b3526}.response-letter{display:inline-block;background:#d4af37;color:#000;width:32px;height:32px;border-radius:0;display:flex;align-items:center;justify-content:center;font-weight:700;margin-bottom:.75rem;margin-right:.5rem;border:2px solid #d4af37}.response-text{color:#d4af37;font-size:.95rem;line-height:1.6;margin:0;font-weight:400}.response-indicator{position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);opacity:0;transition:opacity .3s ease}.response-card.selected .response-indicator{opacity:1}.checkmark{color:#ff6b35;font-size:1.5rem;font-weight:700}.submit-section{margin-top:2rem;text-align:center}.submit-button{background:#000;color:#d4af37;border:3px double #d4af37;padding:1rem 2.5rem;font-size:1rem;font-weight:700;border-radius:0;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:none}.submit-button:hover:not(.disabled){transform:translateY(-2px);box-shadow:4px 4px #d4af3726;background:#1a1a1a;border-color:#ff6b35;color:#ff6b35}.submit-button.disabled{opacity:.4;cursor:not-allowed;transform:none}.results-container{margin:2rem 0;animation:fadeIn .6s ease-in}.diagnostic-panels{margin-top:1rem}.subpanel-heading{font-size:.95rem;color:#ff6b35;text-transform:uppercase;letter-spacing:.5px;font-weight:700;margin-bottom:.75rem;padding-top:.5rem}.continue-section{margin-top:2rem;text-align:center}.continue-button{background:#000;color:#d4af37;border:3px double #d4af37;padding:1rem 2.5rem;font-size:1rem;font-weight:700;border-radius:0;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:none}.continue-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:4px 4px #d4af3726;background:#1a1a1a;border-color:#ff6b35;color:#ff6b35}.continue-button:disabled{opacity:.5;cursor:not-allowed}.followup-container{width:100%;margin:2rem 0;padding:2rem;background:#0a0a0a;border:3px double #c084fa;border-radius:0;animation:fadeIn .6s ease-in;box-shadow:4px 4px #c084fa26}.followup-clarification{border-color:#4fc3f7;box-shadow:4px 4px #4fc3f726}.followup-confirmation{border-color:#d4af37;box-shadow:4px 4px #d4af3726}.followup-secondary{border-color:#888;box-shadow:4px 4px #88888826}.followup-ready{border-color:#4caf50;box-shadow:4px 4px #4caf5026}.followup-header{margin-bottom:1.5rem;text-align:center}.voice-label{display:inline-block;padding:.4rem 1rem;background:#1a1a2e;color:#c084fa;font-size:.8rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:1rem;border:1px solid #c084fa}.followup-clarification .voice-label{color:#4fc3f7;border-color:#4fc3f7}.followup-confirmation .voice-label{color:#d4af37;border-color:#d4af37}.followup-secondary .voice-label{color:#888;border-color:#888}.followup-question{color:#d4af37;font-size:1.2rem;font-weight:500;line-height:1.5;margin:.5rem 0;font-style:italic}.followup-subtitle{color:#888;font-size:.85rem;font-style:italic;margin-top:.5rem}.oracle-reference-banner{display:flex;align-items:center;gap:1.5rem;padding:1.2rem 1.5rem;background:#4fc3f714;border:2px solid #4fc3f7;border-radius:0;margin-bottom:1.5rem;animation:slideDown .4s ease}.reference-label{font-size:.75rem;text-transform:uppercase;letter-spacing:1.5px;color:#4fc3f7;font-weight:700;white-space:nowrap;padding-top:.2rem}.reference-content{display:flex;align-items:center;gap:.75rem;flex:1}.oracle-reference-banner .response-letter{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#4fc3f7;color:#000;font-weight:700;font-size:1rem;margin:0;flex-shrink:0;border:2px solid #4fc3f7}.oracle-reference-banner .response-text{color:#ccc;font-size:.95rem;margin:0;line-height:1.4}.clarification-options{display:flex;flex-direction:column;gap:.8rem;margin:1.5rem 0}.clarification-option{position:relative;padding:1.2rem 1.5rem;background:#1a1a1a;border:2px solid #333;cursor:pointer;transition:all .3s ease;color:#ccc;font-size:.95rem;line-height:1.6}.clarification-option:hover{border-color:#4fc3f7;background:#0f1518;color:#fff}.clarification-option.selected{border:3px double #4fc3f7;background:#0a0a0a;color:#4fc3f7;box-shadow:4px 4px #4fc3f726}.clarification-option .option-check{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:#4fc3f7;font-size:1.4rem;font-weight:700}.confirmation-options{display:flex;gap:1.5rem;margin:1.5rem 0}.confirmation-option{flex:1;padding:1.5rem;background:#1a1a1a;border:2px solid #333;cursor:pointer;transition:all .3s ease;text-align:center}.confirmation-option.yes:hover{border-color:#4caf50;background:#0a1a0a}.confirmation-option.no:hover{border-color:#ff6b35;background:#1a0a0a}.confirmation-option.yes.selected{border:3px double #4caf50;background:#0a1a0a;box-shadow:4px 4px #4caf5033}.confirmation-option.no.selected{border:3px double #ff6b35;background:#1a0a0a;box-shadow:4px 4px #ff6b3533}.confirmation-option .option-marker{font-size:1.4rem;font-weight:800;letter-spacing:3px;margin-bottom:.8rem}.confirmation-option.yes .option-marker{color:#4caf50}.confirmation-option.no .option-marker{color:#ff6b35}.confirmation-option .option-text{color:#ccc;font-size:.9rem;line-height:1.5;font-style:italic}.secondary-options{display:flex;flex-direction:column;gap:.6rem;margin:1.5rem 0}.secondary-option{position:relative;display:flex;gap:1rem;padding:1rem 1.2rem;background:#1a1a1a;border:2px solid #333;cursor:pointer;transition:all .3s ease;color:#999}.secondary-option:hover{border-color:#888;background:#161616;color:#ccc}.secondary-option.selected{border:3px double #aaa;background:#0f0f0f;color:#ddd}.response-letter-small{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#444;color:#ccc;font-weight:700;font-size:.85rem;flex-shrink:0}.secondary-option .option-check{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:#aaa;font-size:1.3rem}.followup-ready{text-align:center}.ready-message h3{color:#4caf50;font-size:1.4rem;margin-bottom:1rem}.ready-message p{color:#ccc;font-size:1rem;line-height:1.7;margin:0}.followup-actions{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem}.primary-button{background:#000;color:#c084fa;border:3px double #c084fa;padding:1rem 2rem;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.primary-button.enabled:hover{transform:translateY(-2px);box-shadow:4px 4px #c084fa33;background:#1a1a2e}.primary-button.disabled{opacity:.4;cursor:not-allowed}.secondary-button{background:transparent;color:#888;border:2px solid #444;padding:1rem 2rem;font-size:.9rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.secondary-button:hover{color:#ccc;border-color:#888;background:#1a1a1a}@media (max-width: 768px){.lesson-quiz{padding:1rem}.lesson-title{font-size:1.4rem}.query-text{font-size:.95rem}.response-text{font-size:.85rem}.submit-button{padding:.8rem 2rem;font-size:.9rem}.followup-container{padding:1.2rem}.followup-question{font-size:1rem}.confirmation-options{flex-direction:column;gap:.8rem}.clarification-option{padding:1rem;font-size:.9rem}}.progressive-report{padding:2rem;background:#0a0a0a;border:2px solid #d4af37;border-radius:8px;color:#e0e0e0}.progressive-report .report-header{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #d4af37}.progressive-report .report-header h2{font-size:1.8rem;color:#d4af37;margin:0 0 .5rem;letter-spacing:1px}.progressive-report .report-subtitle{color:#999;font-style:italic;margin:0}.progressive-report.locked-state{text-align:center;padding:3rem 2rem}.locked-sections{margin:2rem 0}.locked-section-placeholder{background:#d4af370d;border:2px dashed #d4af37;border-radius:8px;padding:3rem 2rem;margin:2rem 0}.locked-section-placeholder .lock-icon{font-size:3rem;margin-bottom:1rem}.locked-section-placeholder p{margin:.5rem 0;color:#999}.locked-section-placeholder .progress-hint{color:#d4af37;font-weight:700;margin-top:1rem}.progress-container{margin:2rem 0;max-width:600px;margin-left:auto;margin-right:auto}.progress-bar-full{width:100%;height:12px;background:#d4af371a;border:1px solid #d4af37;border-radius:6px;overflow:hidden;margin-bottom:1rem}.progress-fill{height:100%;background:linear-gradient(90deg,#d4af37,#ff6b35);transition:width .3s ease}.progress-text{text-align:center;color:#d4af37;font-weight:700;margin:0}.upcoming-sections{background:#d4af370d;border-left:4px solid #d4af37;padding:1.5rem;border-radius:4px;margin:2rem 0}.upcoming-sections h3{color:#d4af37;margin-top:0}.upcoming-sections ul{list-style:none;padding:0;margin:0}.upcoming-sections li{padding:.75rem;margin:.5rem 0;background:#0000004d;border-radius:4px;color:#999;display:flex;align-items:center;gap:.75rem;transition:all .3s ease}.upcoming-sections li.unlocked{background:#d4af371a;color:#d4af37;border-left:3px solid #d4af37;padding-left:calc(.75rem - 3px)}.upcoming-sections .lock{font-size:1.2rem;min-width:1.5rem}.progressive-report.partial-report .report-content{margin:2rem 0}.report-section{margin-bottom:2rem;padding:1.5rem;background:#d4af370d;border-left:4px solid transparent;border-radius:4px;transition:all .3s ease}.report-section h3{color:#d4af37;margin-top:0;display:flex;align-items:center;gap:.75rem}.report-section.available{border-left-color:#d4af37;background:#d4af371a}.report-section.available h3{color:#fff}.report-section.locked{border-left-color:#555;background:#00000080;opacity:.6}.report-section.locked h3{color:#888}.section-note{color:#999;font-style:italic;margin:0 0 1rem}.section-content{color:#ddd;line-height:1.6}.section-content p{margin:.75rem 0}.emerging-data{background:#0000004d;padding:1rem;border-radius:4px;margin-top:1rem;border-left:3px solid #d4af37}.emerging-data p{margin:.5rem 0;color:#e0e0e0}.elemental-preview{margin-top:.75rem}.elemental-preview p{font-size:.9rem}.greyed-content{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.placeholder-block{height:80px;background:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.3) 50%,transparent 100%);border:1px dashed #555;border-radius:4px;animation:shimmer 2s infinite}.placeholder-block.large{height:150px}@keyframes shimmer{0%,to{opacity:.5}50%{opacity:.8}}.lock-message{color:#999;font-style:italic;margin:.75rem 0;font-size:.9rem}.report-state-key{background:#d4af370d;border:1px solid #d4af37;border-radius:4px;padding:1.5rem;margin-top:2rem;text-align:center}.state-key-label{color:#d4af37;font-weight:700;margin:0 0 1rem}.state-key-display{display:block;background:#00000080;padding:1rem;border:1px solid #555;border-radius:4px;color:#90ee90;font-family:IBM Plex Mono,monospace;font-size:.75rem;word-break:break-all;margin:0;overflow-x:auto;max-height:100px}.progressive-report.complete-report{padding:0;border:none;background:transparent}.phase1-complete-footer{background:#d4af371a;border:2px solid #d4af37;border-radius:8px;padding:2rem;margin-top:2rem;text-align:center}.phase1-complete-footer h3{color:#d4af37;font-size:1.5rem;margin:0 0 1rem}.phase1-complete-footer p{color:#ddd;margin:.75rem 0;line-height:1.6}.state-key-integration{background:#0000004d;border-left:4px solid #d4af37;padding:1.5rem;border-radius:4px;margin:1.5rem 0;text-align:left}.state-key-integration h4{color:#d4af37;margin-top:0}.state-key-full{display:block;background:#00000080;padding:1rem;border:1px solid #555;border-radius:4px;color:#90ee90;font-family:IBM Plex Mono,monospace;font-size:.7rem;word-break:break-all;margin:1rem 0;max-height:120px;overflow-y:auto}.key-note{color:#999;font-size:.9rem;margin:1rem 0 0!important}.phase1-actions{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(212,175,55,.3)}.phase1-actions p{color:#d4af37;font-weight:700}.elemental-composition{background:#0000004d;padding:1.5rem;border-radius:4px;border-left:3px solid #d4af37}.elemental-symbols{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1.5rem}.symbol-display{background:#d4af371a;padding:1rem;border-radius:4px;border:1px solid #d4af37;color:#e0e0e0;font-size:.95rem;text-align:center}.elemental-insight{color:#bbb;font-style:italic;line-height:1.6;margin:0}.psyche-insights{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:1rem}.insight-block{background:#0006;padding:1rem;border-radius:4px;border-left:3px solid #ff6b35}.insight-block strong{color:#d4af37;display:block;margin-bottom:.75rem}.insight-block p{margin:0;color:#ddd;font-size:.95rem;line-height:1.5}@media (max-width: 768px){.progressive-report{padding:1.5rem}.locked-section-placeholder{padding:2rem 1rem}.state-key-display,.state-key-full{font-size:.65rem}}.phase1-lessons{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e);padding:2rem;padding-left:120px}@media (max-width: 768px){.phase1-lessons{padding-left:100px}}@media (max-width: 480px){.phase1-lessons{padding-left:90px}}.focus-notice-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .4s ease;overflow-y:auto;padding:1rem;-webkit-overflow-scrolling:touch}.focus-notice-modal{background:linear-gradient(135deg,#0a0a0a,#1a1a2e);border:2px solid rgba(100,180,220,.4);border-radius:12px;padding:2.5rem;max-width:500px;width:90%;box-shadow:0 20px 60px #000c,inset 0 0 30px #64b4dc0d;animation:slideUp .4s ease}.focus-notice-header{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(100,180,220,.2)}.focus-notice-header h2{margin:0 0 .5rem;color:#64b4dc;font-size:1.8rem;letter-spacing:1px}.focus-notice-subtitle{margin:0;color:#999;font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.focus-notice-content{margin-bottom:2rem}.focus-intro{color:#ddd;font-size:1rem;line-height:1.6;margin:0 0 1.5rem}.focus-tech-info{background:#64b4dc14;border-left:3px solid #64b4dc;padding:1rem;border-radius:6px;margin-bottom:1.5rem}.focus-tech-label{color:#64b4dc;font-weight:600;font-size:.9rem;text-transform:uppercase;margin:0 0 .75rem;letter-spacing:.5px}.focus-tech-list{list-style:none;padding:0;margin:0 0 1rem}.focus-tech-list li{color:#ccc;font-size:.85rem;line-height:1.6;margin-bottom:.5rem;padding-left:1.5rem;position:relative}.focus-tech-list li:before{content:"◆";position:absolute;left:0;color:#64b4dc;font-size:.6rem}.focus-tech-list strong{color:#64b4dc}.focus-tech-note{color:#999;font-size:.8rem;margin:0;font-style:italic}.focus-caution{color:#bbb;font-size:.9rem;line-height:1.6;margin:0;padding:1rem;background:#4caf5014;border-radius:6px;border-left:3px solid #4caf50}.focus-notice-actions{display:flex;gap:1rem;justify-content:center}.focus-action-button{padding:.9rem 1.8rem;border:none;border-radius:6px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .2s ease;font-size:.9rem}.focus-action-button.secondary{background:#64646433;border:1px solid rgba(100,100,100,.3);color:#999}.focus-action-button.secondary:hover{background:#6464644d;border-color:#999}.focus-action-button.primary{background:#64b4dc33;border:1px solid #64b4dc;color:#64b4dc}.focus-action-button.primary:hover{background:#64b4dc4d;box-shadow:0 4px 12px #64b4dc33;transform:translateY(-1px)}@media (max-width: 600px){.focus-notice-overlay{align-items:flex-start;padding-top:.5rem}.focus-notice-modal{width:100%;max-width:100%;max-height:calc(100vh - 1rem);padding:1.5rem;border-radius:12px 12px 0 0;margin-top:auto}.focus-notice-header h2{font-size:1.4rem}.focus-intro{font-size:.9rem}.focus-tech-label,.focus-tech-list li{font-size:.8rem}.focus-action-button{padding:.7rem 1.4rem;font-size:.8rem}}@media (max-width: 480px){.focus-notice-overlay{padding:0}.focus-notice-modal{border-radius:0;max-height:100vh;padding:1rem}.focus-notice-header{margin-bottom:1.5rem;padding-bottom:1rem}.focus-notice-header h2{font-size:1.2rem;margin-bottom:.25rem}.focus-notice-subtitle{font-size:.8rem}.focus-intro{font-size:.85rem}.focus-tech-info{padding:.75rem;margin-bottom:1rem}.focus-tech-label{font-size:.75rem}.focus-tech-list li{font-size:.75rem;margin-bottom:.4rem}.focus-caution{font-size:.85rem;padding:.75rem}.focus-notice-actions{flex-direction:column;gap:.75rem}.focus-action-button{width:100%;padding:.6rem 1rem;font-size:.75rem}}.focus-controls-bar{position:fixed;top:20px;right:20px;z-index:1500;max-width:300px}.focus-controls-toggle{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#64b4dc26;border:1px solid rgba(100,180,220,.3);color:#64b4dc;border-radius:6px;cursor:pointer;font-weight:600;font-size:.85rem;transition:all .2s ease;width:100%}.focus-controls-toggle:hover{background:#64b4dc40;border-color:#64b4dc;box-shadow:0 4px 12px #64b4dc26}.focus-icon{font-size:1.1rem}.focus-status{flex:1;text-align:left;font-size:.8rem}.focus-chevron{font-size:.7rem;opacity:.7}.focus-controls-dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;background:linear-gradient(135deg,#0a0a0a,#1a1a2e);border:2px solid rgba(100,180,220,.3);border-radius:8px;padding:1rem;min-width:250px;box-shadow:0 8px 24px #0009;animation:slideDown .2s ease;z-index:1501}.focus-control-item{margin-bottom:1rem}.focus-control-item label{display:block;color:#999;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;font-weight:600}.focus-volume-control{display:flex;align-items:center;gap:.75rem}.focus-volume-slider{flex:1;height:6px;border-radius:3px;background:#64b4dc33;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.focus-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#64b4dc;cursor:pointer;box-shadow:0 2px 6px #64b4dc4d}.focus-volume-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#64b4dc;cursor:pointer;border:none;box-shadow:0 2px 6px #64b4dc4d}.focus-volume-value{color:#64b4dc;font-weight:700;font-size:.85rem;min-width:35px;text-align:right}.focus-mute-button{display:block;width:100%;padding:.6rem;background:#64b4dc1a;border:1px solid rgba(100,180,220,.2);color:#64b4dc;border-radius:4px;cursor:pointer;font-size:.8rem;font-weight:600;transition:all .2s ease;margin-bottom:.75rem}.focus-mute-button:hover{background:#64b4dc33;border-color:#64b4dc}.focus-info-text{padding-top:.75rem;border-top:1px solid rgba(100,180,220,.2);text-align:center}.info-small{margin:.25rem 0;color:#888;font-size:.75rem;font-family:Courier New,monospace;line-height:1.4}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.phase1-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:2px solid rgba(76,175,80,.2);max-width:1200px;margin-left:auto;margin-right:auto}.header-info h1{font-size:2rem;color:#4caf50;margin:0 0 .5rem;letter-spacing:1px}.archetype-label{color:#999;font-size:.95rem;margin:0}.archetype-label strong{color:#4caf50;font-weight:600}.header-buttons{display:flex;gap:1rem}.nav-button{background:#4caf501a;border:1px solid rgba(76,175,80,.3);color:#4caf50;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease;white-space:nowrap}.nav-button:hover{background:#4caf5033;border-color:#4caf50;box-shadow:0 4px 12px #4caf5033;transform:translateY(-2px)}.nav-button:active{transform:translateY(0)}@media (max-width: 768px){.phase1-header{flex-direction:column;align-items:flex-start;gap:1rem}.header-buttons{width:100%}.nav-button{flex:1}.header-info h1{font-size:1.5rem}}.lesson-quiz-container{max-width:1200px;margin:0 auto}.phase1-completion{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,#0a0a0a,#1a1a2e)}.completion-card{background:#1a1a2efa;border:2px solid rgba(76,175,80,.4);border-radius:12px;padding:3rem;max-width:600px;text-align:center;box-shadow:0 8px 32px #4caf5026,0 0 60px #4caf5014;animation:slideUp .6s ease-out}.completion-header h2{font-size:2.5rem;color:#4caf50;margin:0 0 .5rem;letter-spacing:2px}.completion-header .subtitle{color:#aaa;font-size:.95rem;margin:0 0 2rem;letter-spacing:.5px}.archetype-reveal{background:#4caf5014;border:1px solid rgba(76,175,80,.25);border-radius:10px;padding:2rem 1.5rem;margin-bottom:2rem;animation:fadeIn .8s ease-out .3s both}.archetype-convergence{background:#4caf5014;border:2px solid rgba(76,175,80,.25);border-radius:10px;padding:2rem 1.5rem;margin-bottom:2rem;animation:fadeIn .8s ease-out .3s both}.archetype-convergence-row{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-bottom:1.5rem;overflow:visible}.archetype-path{flex:1;background:#1a1a2ecc;border:2px solid rgba(76,175,80,.2);border-radius:8px;padding:1.5rem 1rem;text-align:center;box-sizing:border-box;margin:2px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.card-thumbnail-container{width:100%;margin-top:.75rem;display:flex;justify-content:center;align-items:center;min-height:120px}.card-thumbnail{max-width:90px;max-height:140px;width:auto;height:auto;border-radius:4px;box-shadow:0 4px 12px #00000080;border:1px solid rgba(200,180,160,.15);object-fit:contain}.archetype-path.chosen-path{border-color:#ffc10766;background:#ffc1070d}.archetype-path.aligned-path{border-color:#4caf5066;background:#4caf500d}.path-label{color:#999;font-size:.85rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem}.archetype-path .archetype-display{font-size:1.5rem;color:#4caf50;margin:.5rem 0;font-weight:700}.archetype-path.chosen-path .archetype-display{color:#ffc107}.path-description{color:#888;font-size:.8rem;margin:.5rem 0 0;font-style:italic}.convergence-arrow{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:80px}.arrow-icon{font-size:2rem;color:#c084fa;animation:slideRight 2s ease-in-out infinite;font-weight:700}@keyframes slideRight{0%,to{opacity:.6;transform:translate(0)}50%{opacity:1;transform:translate(4px)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.archetype-oracle-box{background:#4caf501a;border:1px solid rgba(76,175,80,.25);border-radius:8px;padding:1.5rem;margin-bottom:1rem}.archetype-oracle-box .archetype-oracle{color:#ddd;font-size:1rem;font-style:italic;margin:0;line-height:1.6;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.25rem}.oracle-quote{color:#4caf50;opacity:.7}.oracle-typewriter{flex:1;min-width:100%}.typewriter-text.oracle-typewriter{color:#ddd;font-style:italic;text-align:center}.typewriter-text.oracle-typewriter .typewriter-cursor{color:#4caf50;opacity:.8;animation:blink 1s infinite}.alignment-insight{background:#4caf500d;border-left:4px solid #4caf50;padding:1rem 1.5rem;border-radius:4px;margin-top:1rem}.alignment-insight p{margin:0;color:#bbb;font-size:.9rem;line-height:1.6}.alignment-insight strong{color:#4caf50}.transient-card-explanation{background:#c084fa08;border-left:4px solid #c084fa;padding:1.5rem;border-radius:4px;margin-top:1.5rem;margin-bottom:1rem}.transient-card-explanation h4{color:#c084fa;font-size:1.1rem;font-weight:600;margin:0 0 .8rem;letter-spacing:1px}.transient-intro{color:#d4c4b0;font-size:.95rem;line-height:1.7;margin:0 0 1.2rem}.transient-intro strong{color:#c084fa;font-weight:600}.criteria-header{color:#bbb;font-size:.9rem;font-weight:500;margin:.8rem 0 .6rem;text-transform:uppercase;letter-spacing:.5px}.selection-criteria{display:flex;flex-direction:column;gap:.8rem}.criterion{display:flex;gap:1rem;padding:.8rem 0;border-bottom:1px solid rgba(192,132,250,.1)}.criterion:last-child{border-bottom:none}.criterion-label{color:#c084fa;font-weight:600;font-size:.85rem;min-width:120px;text-transform:uppercase;letter-spacing:.3px}.criterion-detail{color:#a0a0a0;font-size:.85rem;line-height:1.5}.enriched-evidence-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(192,132,250,.2);animation:fadeIn .6s ease-out .3s both}.evidence-header{color:#64b4dc;font-size:.9rem;font-weight:600;margin:0 0 1rem;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:.5rem}.evidence-details{display:flex;flex-direction:column;gap:1rem}.evidence-item{display:flex;flex-direction:column;gap:.4rem;padding:.8rem;background:#64b4dc0d;border-left:3px solid #64b4dc;border-radius:4px}.evidence-label{color:#64b4dc;font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.3px;display:flex;align-items:center;justify-content:space-between}.evidence-value{color:#a0ffa0;font-weight:600;font-size:.95rem}.evidence-description{color:#a0a0a0;font-size:.8rem;line-height:1.5}.evidence-description strong{color:#64b4dc;font-weight:600}.journey-transition{text-align:center;padding:1.5rem 1.5rem 1rem;background:transparent;border:none;border-top:1px solid rgba(192,132,250,.15);margin-top:1.5rem;margin-bottom:0;animation:fadeIn .8s ease-out .4s both}.transition-text{margin:0;color:#c4b5a0;font-size:.95rem;line-height:1.8;letter-spacing:.3px}.phase-label{color:#c084fa;font-weight:600;letter-spacing:1px}.transition-text strong{color:#d4c4b0;font-weight:500;font-size:.95rem;display:block;margin-top:.5rem;letter-spacing:.5px;font-style:italic}.archetype-label{color:#999;font-size:.85rem;text-transform:uppercase;letter-spacing:1px;margin:0 0 .5rem}.archetype-name{font-size:2rem;color:#4caf50;margin:.5rem 0 1rem;font-weight:700;letter-spacing:.5px}.archetype-oracle{color:#ccc;font-size:1rem;font-style:italic;margin:0;line-height:1.6}.archetype-card-image-container{display:flex;justify-content:center;margin:2rem 0;animation:slideUp .8s ease-out .5s both}.archetype-card-image{max-width:100%;max-height:600px;width:auto;height:auto;border:3px solid #4caf50;border-radius:8px;box-shadow:0 16px 48px #4caf5040;transition:all .3s ease;filter:drop-shadow(0 0 20px rgba(76,175,80,.15))}.archetype-card-image:hover{border-color:#ffd54f;box-shadow:0 20px 64px #4caf5059;filter:drop-shadow(0 0 30px rgba(255,213,79,.2))}.completion-stats{margin-bottom:2rem}.coherence-stat{background:#4caf501a;border:1px solid rgba(76,175,80,.2);border-radius:8px;padding:1.5rem}.stat .label{display:block;color:#999;font-size:.85rem;text-transform:uppercase;margin-bottom:.75rem;letter-spacing:1px}.stat .value{display:block;color:#4caf50;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.coherence-bar{width:100%;height:8px;background:#4caf5026;border-radius:4px;overflow:hidden}.coherence-fill{height:100%;background:linear-gradient(90deg,#4caf50,#66bb6a);border-radius:4px;transition:width .6s ease-out}.elemental-breakdown{margin-bottom:2rem}.breakdown-label{color:#999;font-size:.85rem;text-transform:uppercase;letter-spacing:1px;margin:0 0 1rem}.elements-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1.5rem}.element{background:#4caf5014;border:1px solid rgba(76,175,80,.2);border-radius:8px;padding:1rem .75rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;animation:fadeIn .8s ease-out}.element:nth-child(1){animation-delay:.4s;border-color:#ff64324d}.element:nth-child(2){animation-delay:.5s;border-color:#6496ff4d}.element:nth-child(3){animation-delay:.6s;border-color:#c8c8644d}.element:nth-child(4){animation-delay:.7s;border-color:#9678504d}.element-icon{font-size:1.5rem}.element-name{color:#aaa;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}.element-value{color:#4caf50;font-size:1.1rem;font-weight:700}.completion-actions{display:flex;gap:1rem;animation:fadeIn .8s ease-out .8s both}.primary-button{background:linear-gradient(135deg,#4caf50,#45a049);border:none;color:#fff;padding:1rem 2.5rem;border-radius:6px;cursor:pointer;font-weight:600;font-size:1rem;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease;flex:1;box-shadow:0 4px 12px #4caf5033}.primary-button:hover:not(:disabled){background:linear-gradient(135deg,#45a049,#3d8b40);box-shadow:0 6px 20px #4caf504d;transform:translateY(-2px)}.primary-button:active:not(:disabled){transform:translateY(0)}.primary-button:disabled{opacity:.8;cursor:wait}.secondary-button{background:#4caf501a;border:2px solid rgba(76,175,80,.4);color:#4caf50;padding:1rem 2rem;border-radius:6px;cursor:pointer;font-weight:600;font-size:1rem;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease;flex:0 0 auto}.secondary-button:hover:not(:disabled){background:#4caf5033;border-color:#4caf50;box-shadow:0 4px 12px #4caf5033;transform:translateY(-2px)}.secondary-button:active:not(:disabled){transform:translateY(0)}.secondary-button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 1024px){.lesson-quiz{padding:1.5rem;max-width:100%}.lesson-image{max-height:350px}}@media (max-width: 768px){.phase1-lessons{padding:1rem}.phase1-header{padding:1rem;flex-direction:column}.header-buttons{flex-direction:row;width:100%;gap:.5rem}.nav-button{flex:1;min-width:100px;padding:.6rem .8rem;font-size:.75rem}.lesson-quiz{padding:1rem;max-width:100%}.lesson-header h2{font-size:1.4rem}.lesson-image{max-height:300px}.stimulus-section,.query-section{padding:1rem}.stimulus-text,.query-text{font-size:.9rem}.response-card{padding:1rem .75rem}.response-text{font-size:.85rem}}@media (max-width: 768px){.archetype-convergence-row{flex-direction:column;gap:1rem}.convergence-arrow{min-width:100%;margin:0}.archetype-path .archetype-display{font-size:1.3rem}}@media (max-width: 600px){.phase1-lessons{width:100vw;padding:.5rem;overflow-x:hidden}.phase1-header{padding:.75rem;gap:.75rem}.header-info h1{font-size:1.3rem}.header-buttons{gap:.3rem}.nav-button{padding:.5rem .6rem;font-size:.7rem;flex:1;min-width:70px}.archetype-convergence{padding:1.5rem 1rem}.archetype-convergence-row{flex-direction:column;gap:.75rem;overflow:visible}.archetype-path{padding:1rem;box-sizing:border-box;margin:2px}.card-thumbnail-container{min-height:100px;margin-top:.5rem}.card-thumbnail{max-width:70px;max-height:110px}.archetype-path .archetype-display{font-size:1.2rem}.path-description{font-size:.75rem}.arrow-icon{font-size:1.5rem}.journey-transition{padding:1rem 1rem .75rem;margin-top:1rem}.transition-text{font-size:.85rem;line-height:1.6}.phase-label{font-size:.9rem}.transition-text strong{font-size:.85rem}.archetype-oracle-box{padding:1rem}.archetype-oracle-box .archetype-oracle{font-size:.9rem}.alignment-insight{padding:.75rem 1rem}.alignment-insight p{font-size:.85rem}.lesson-quiz{padding:.75rem}.progress-bar{margin-bottom:1rem}.lesson-header h2{font-size:1.2rem;margin:.25rem 0}.lesson-reference{font-size:.75rem}.lesson-image{max-height:250px;margin:1rem 0}.stimulus-section,.query-section{padding:.75rem;margin-bottom:1rem}.stimulus-text,.query-text{font-size:.85rem;line-height:1.5}.responses-grid{gap:.5rem}.response-card{padding:.75rem .5rem;border-radius:4px}.response-letter{font-size:.9rem}.response-text{font-size:.8rem;line-height:1.3}.submit-button{padding:.8rem 1rem;font-size:.85rem}.completion-card{padding:1.5rem 1rem;max-width:100%}.completion-header h2{font-size:1.5rem}.archetype-reveal{padding:1.5rem 1rem}.archetype-name{font-size:1.3rem}.archetype-oracle{font-size:.9rem}.archetype-card-image{max-height:350px}.completion-stats{margin-bottom:1.5rem}.stat{padding:1rem}.elements-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.element{padding:.75rem}.element-icon{font-size:1.5rem}.element-name,.element-value{font-size:.85rem}.completion-actions{flex-direction:column;gap:.75rem}.primary-button,.secondary-button{width:100%;padding:.8rem 1rem;font-size:.85rem}}@media (max-width: 400px){.phase1-lessons,.lesson-quiz{padding:.5rem}.lesson-header h2{font-size:1rem}.lesson-image{max-height:200px}.response-card{padding:.5rem}.response-text{font-size:.75rem}.archetype-card-image{max-height:280px}}.initial-archetype-bumper{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1500;animation:fadeIn .5s ease}.bumper-content{background:linear-gradient(135deg,#0a0a0a,#1a1a2e);border:2px solid rgba(212,175,55,.4);border-radius:16px;padding:3rem;max-width:600px;width:90%;box-shadow:0 20px 60px #000000e6,inset 0 0 40px #d4af3714;animation:slideUp .5s ease}.bumper-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(212,175,55,.2)}.bumper-header h2{margin:0;color:#d4af37;font-size:1.8rem;letter-spacing:1px}.bumper-close{background:none;border:none;color:#d4af37;font-size:2rem;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.bumper-close:hover{color:#ff6b35;transform:scale(1.1)}.bumper-card-section{display:flex;gap:2rem;align-items:flex-start;margin-bottom:2rem}.bumper-card-image{flex-shrink:0;width:180px;height:280px;display:flex;align-items:center;justify-content:center;background:#d4af370d;border:2px solid rgba(212,175,55,.3);border-radius:8px;overflow:hidden}.bumper-card-img{max-width:100%;max-height:100%;object-fit:cover;display:block}.bumper-card-text{flex:1;display:flex;flex-direction:column;gap:1rem}.bumper-archetype-name{margin:0;color:#d4af37;font-size:1.6rem;font-weight:700;letter-spacing:.5px}.bumper-quote{margin:0;color:#ff6b35;font-size:1.1rem;font-style:italic;line-height:1.6;padding:1rem;background:#ff6b3514;border-left:3px solid #ff6b35;border-radius:4px}.bumper-instruction{margin:0;color:#b8860b;font-size:.95rem;line-height:1.7}.bumper-start-button{background:linear-gradient(135deg,#d4af37,#ff6b35);border:none;color:#000;padding:1rem 2rem;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 24px #d4af374d}.bumper-start-button:hover{background:linear-gradient(135deg,#ff6b35,#d4af37);box-shadow:0 12px 32px #d4af3766;transform:translateY(-2px)}.bumper-start-button:active{transform:translateY(0)}@media (max-width: 600px){.bumper-content{padding:1.5rem;max-width:95%}.bumper-header h2{font-size:1.4rem}.bumper-card-section{flex-direction:column;gap:1.5rem;align-items:center}.bumper-card-image{width:150px;height:230px}.bumper-card-text{align-items:center;text-align:center}.bumper-quote{border-left:none;border-top:3px solid #ff6b35;padding-top:1rem;padding-bottom:1rem}.bumper-start-button{width:100%}}.phase1-results-page{min-height:100vh;padding:2rem;padding-left:120px;background:linear-gradient(135deg,#0a0a0a,#1a1a2e);color:#fff}@media (max-width: 768px){.phase1-results-page{padding-left:100px}}@media (max-width: 480px){.phase1-results-page{padding:1rem;padding-left:90px}}.nav-home-button{padding:.5rem 1rem;background:#4caf501a;border:1px solid rgba(76,175,80,.3);color:#4caf50;border-radius:4px;cursor:pointer;transition:all .3s ease;font-size:.9rem}.nav-home-button:hover{background:#4caf5033;border-color:#4caf50}.results-header{text-align:center;margin-bottom:2rem;padding:2rem;background:#4caf500d;border:1px solid rgba(76,175,80,.2);border-radius:8px}.results-header h1{font-size:2.5rem;color:#4caf50;margin:0;letter-spacing:1px}.results-subtitle{font-size:1rem;color:#aaa;margin:.5rem 0 0}.results-content{max-width:1200px;margin:0 auto 2rem}.no-results{max-width:600px;margin:4rem auto;padding:2rem;text-align:center;background:#4caf500d;border:1px solid rgba(76,175,80,.2);border-radius:8px}.no-results h2{color:#4caf50;margin:0 0 1rem}.no-results p{color:#aaa;margin:0 0 1.5rem}.no-results-actions{display:flex;gap:1rem;flex-direction:column;align-items:center;justify-content:center}.no-results-actions .action-button{width:100%;max-width:300px;padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.no-results-actions .action-button.primary{background:#4caf50;color:#000}.no-results-actions .action-button.primary:hover{background:#66bb6a;box-shadow:0 4px 12px #4caf504d}.no-results-actions .action-button.secondary{background:#4caf5033;color:#4caf50;border:1px solid rgba(76,175,80,.4)}.no-results-actions .action-button.secondary:hover{background:#4caf504d;border-color:#4caf50}.back-button{padding:.75rem 1.5rem;background:#4caf5033;border:1px solid rgba(76,175,80,.4);color:#4caf50;border-radius:4px;cursor:pointer;transition:all .3s ease}.back-button:hover{background:#4caf504d}.results-actions{max-width:1200px;margin:2rem auto 0;display:flex;gap:1rem;justify-content:center;padding:2rem 0;border-top:1px solid rgba(76,175,80,.15)}.action-button{padding:.75rem 2rem;border:none;border-radius:4px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.action-button.primary{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.action-button.primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4caf504d}.action-button.secondary{background:#4caf501a;border:1px solid rgba(76,175,80,.3);color:#4caf50}.action-button.secondary:hover{background:#4caf5033}@media (max-width: 768px){.phase1-results-page{padding:1rem;padding-left:100px}.results-header h1{font-size:1.8rem}.results-actions{flex-direction:column}.action-button{width:100%}}@media (max-width: 480px){.phase1-results-page{padding-left:90px}.results-header{padding:1rem}.results-header h1{font-size:1.5rem}.page-nav-header{flex-wrap:wrap}}.phase-completion-page{min-height:100vh;width:100%;background:linear-gradient(135deg,#0a0a0a,#1a0a2e,#0f0a1f);display:flex;align-items:center;justify-content:center;padding:2rem;overflow-y:auto}.completion-container{max-width:700px;width:100%;display:flex;flex-direction:column;align-items:center;gap:2rem}.completion-symbol{opacity:0;transform:scale(.8);animation:symbolAppear 1s ease-out forwards}@keyframes symbolAppear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.completion-symbol.visible{animation:symbolAppear 1s ease-out forwards}.completion-text{text-align:center;opacity:0;animation:textReveal 1.2s ease-out .5s forwards}@keyframes textReveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.completion-text.visible{animation:textReveal 1.2s ease-out .5s forwards}.completion-label{color:#c88fff;font-size:.9rem;text-transform:uppercase;letter-spacing:2px;margin:0 0 .5rem}.completion-journey{color:#d0d0d0;font-size:1.8rem;font-weight:700;margin:0;letter-spacing:1px}.poetic-insight{width:100%;opacity:0;animation:insightReveal 1.5s ease-out 1.5s forwards;margin:2rem 0}@keyframes insightReveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.poetic-insight.visible{animation:insightReveal 1.5s ease-out 1.5s forwards}.insight-content{padding:2rem;border:1px solid rgba(200,150,255,.3);border-radius:4px;background:#c896ff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.insight-line{color:#d0d0d0;font-size:1rem;line-height:2;margin:.8rem 0;font-style:italic;animation:lineReveal .8s ease-out forwards;opacity:0}@keyframes lineReveal{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.insight-line:nth-child(1){animation-delay:1.6s}.insight-line:nth-child(2){animation-delay:1.8s}.insight-line:nth-child(3){animation-delay:2s}.insight-line:nth-child(4){animation-delay:2.2s}.insight-line:nth-child(5){animation-delay:2.4s}.nav-window{width:100%;padding:2rem;border:2px solid rgba(200,150,255,.2);border-radius:8px;background:#c896ff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transform:scale(.95);animation:navWindowReveal .8s ease-out 5s forwards}@keyframes navWindowReveal{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.nav-window.revealed{animation:navWindowReveal .8s ease-out 5s forwards}.nav-window-label{color:#c88fff;font-size:.85rem;text-transform:uppercase;letter-spacing:1px;text-align:center;margin:0 0 1.5rem}.archetype-reveal-section{opacity:0;animation:archetypeReveal 1s ease-out 2s forwards;display:flex;justify-content:center;margin:2rem 0}@keyframes archetypeReveal{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.archetype-reveal-section.visible{animation:archetypeReveal 1s ease-out 2s forwards}.archetype-reveal{display:flex;justify-content:center;margin-bottom:1.5rem}.archetype-card-container{display:flex;flex-direction:column;align-items:center;gap:1rem;max-width:350px;padding:1.5rem;background:#c896ff0d;border:2px solid rgba(200,150,255,.3);border-radius:12px}.archetype-image{max-width:100%;max-height:320px;height:auto;border:2px solid rgba(200,150,255,.4);border-radius:8px;box-shadow:0 0 20px #c896ff33;transition:all .3s ease}.archetype-image:hover{box-shadow:0 0 30px #c896ff66}.archetype-title{color:#c88fff;font-size:.95rem;text-align:center;margin:0;font-weight:700;letter-spacing:.5px}.download-poster-button{padding:.75rem 1.5rem;background:linear-gradient(135deg,#d4af37,#f0c850);color:#1a1a1a;border:none;border-radius:6px;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 15px #d4af374d}.download-poster-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #d4af3780;background:linear-gradient(135deg,#f0c850,#d4af37)}.download-poster-button:active{transform:translateY(0)}.no-image-message{color:#d0d0d0;font-size:.9rem;text-align:center;padding:1rem;margin:0}.nav-icon-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.nav-icon-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1.2rem;background:#ffffff0d;border:1px solid rgba(200,150,255,.2);border-radius:6px;color:#d0d0d0;cursor:pointer;transition:all .3s ease;font-family:Georgia,serif}.nav-icon-button:hover{background:#c896ff26;border-color:#c896ff66;transform:translateY(-4px);box-shadow:0 8px 20px #c896ff33}.nav-icon-button:active{transform:translateY(-2px)}.nav-icon-emoji{font-size:1.8rem;line-height:1}.nav-icon-label{font-size:.8rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.completion-note{width:100%;text-align:center;color:#666;font-size:.9rem;font-style:italic;margin-top:1rem;opacity:0;animation:noteReveal .8s ease-out 5.5s forwards}@keyframes noteReveal{0%{opacity:0}to{opacity:1}}.completion-note.visible{animation:noteReveal .8s ease-out 5.5s forwards}@media (max-width: 768px){.nav-icon-grid{grid-template-columns:repeat(2,1fr);gap:.8rem}.nav-icon-button{padding:1rem}.nav-icon-emoji,.completion-journey{font-size:1.4rem}.insight-line{font-size:.9rem;line-height:1.8}}@media (max-width: 480px){.completion-container{gap:1.5rem}.nav-icon-grid{grid-template-columns:repeat(2,1fr);gap:.6rem}.nav-icon-button{padding:.8rem;font-size:.75rem}.nav-icon-emoji,.completion-journey{font-size:1.2rem}.insight-content{padding:1.5rem}.insight-line{font-size:.85rem;line-height:1.6;margin:.6rem 0}.nav-window{padding:1.5rem}}@media (prefers-reduced-motion: reduce){*{animation:none!important}.completion-symbol,.completion-text,.poetic-insight,.nav-window,.completion-note{opacity:1;transform:none}}.phase-completion-page.low-coherence{background:linear-gradient(135deg,#1a0a0a,#2e0a0a,#1f0a0a)}.low-coherence-message{display:flex;flex-direction:column;align-items:center;gap:2rem;padding:2rem;border-radius:12px;background:#ff00000d;border:2px solid rgba(255,100,100,.3)}.low-coherence-actions{display:flex;gap:1rem;margin-top:2rem;width:100%;max-width:500px;flex-wrap:wrap;justify-content:center}.low-coherence-actions button{flex:1;min-width:150px}.archetype-section-title{color:#d4af37;font-size:1.1rem;text-align:center;margin-bottom:2rem;text-transform:uppercase;letter-spacing:2px}.archetype-comparison{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin:2rem 0;padding:1.5rem;background:#d4af370d;border-radius:8px;border:1px solid rgba(212,175,55,.2)}.archetype-option{flex:1;display:flex;flex-direction:column;align-items:center;gap:.75rem}.archetype-label{font-size:.85rem;color:#999;text-transform:uppercase;letter-spacing:1px;margin:0}.archetype-name{font-size:1.2rem;color:#d4af37;font-weight:600;margin:0;text-align:center}.archetype-image-small{width:100%;max-width:120px;height:auto;border-radius:6px;border:1px solid rgba(212,175,55,.3)}.archetype-arrow{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:#d4af37;font-size:1.5rem}.arrow-label{font-size:.75rem;text-transform:uppercase;letter-spacing:1px;margin:0;color:#999}.archetype-poster-selection{display:flex;flex-direction:column;align-items:center;gap:1.5rem;margin-top:2rem;padding:1.5rem;background:#d4af370d;border-radius:8px;border:2px solid rgba(212,175,55,.3)}.selection-prompt{font-size:1rem;color:#e0e0e0;margin:0;text-align:center}.selection-buttons{display:flex;gap:1rem;width:100%;flex-wrap:wrap;justify-content:center}.archetype-choice-button{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:#d4af371a;border:2px solid rgba(212,175,55,.2);border-radius:8px;cursor:pointer;transition:all .3s ease;color:#e0e0e0;flex:0 1 calc(50% - .5rem);min-width:150px}.archetype-choice-button:hover{background:#d4af3733;border-color:#d4af37;transform:translateY(-2px)}.archetype-choice-button.selected{background:#d4af374d;border-color:#d4af37;box-shadow:0 0 12px #d4af374d}.choice-icon{font-size:1.5rem}.choice-name{font-weight:600;font-size:.95rem}.choice-subtitle{font-size:.75rem;color:#999;text-transform:uppercase;letter-spacing:.5px}@media (max-width: 768px){.archetype-comparison{flex-direction:column;gap:1.5rem}.archetype-arrow{transform:rotate(90deg)}.selection-buttons{flex-direction:column}.archetype-choice-button{flex:1;width:100%}}.final-jewelry-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;overflow-y:auto;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:finalJewelryFadeIn .3s ease-out}@keyframes finalJewelryFadeIn{0%{opacity:0}to{opacity:1}}.final-jewelry-modal{position:relative;max-height:90vh;overflow-y:auto;animation:finalJewelrySlideUp .4s ease-out}@keyframes finalJewelrySlideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.final-jewelry-close{position:absolute;top:20px;right:20px;width:40px;height:40px;background:#ffd7001a;border:2px solid rgba(255,215,0,.3);border-radius:50%;color:gold;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:1001}.final-jewelry-close:hover{background:#ffd70033;border-color:gold;box-shadow:0 0 12px #ffd7004d}.final-jewelry-section{width:100%;max-width:1200px;margin:40px auto;padding:40px;background:linear-gradient(135deg,#ffd7000d,#ffd70005);border:2px solid rgba(255,215,0,.2);border-radius:16px}.final-jewelry-header{text-align:center;margin-bottom:30px}.final-jewelry-header h2{font-size:32px;font-weight:700;color:gold;margin:0 0 10px;letter-spacing:1px}.header-subtitle{font-size:16px;color:#ffd700b3;margin:0;font-style:italic}.qualities-intro{text-align:center;margin-bottom:40px;padding:20px;background:#ffd70014;border-radius:8px;border-left:4px solid rgba(255,215,0,.4)}.qualities-intro p{font-size:15px;color:#e0e0e0;line-height:1.6;margin:0}.qualities-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:20px;margin-bottom:40px}.quality-card{position:relative;padding:20px;background:#ffd70008;border:2px solid rgba(255,215,0,.2);border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:12px}.quality-card:hover{border-color:#ffd70066;background:#ffd70014;transform:translateY(-4px)}.quality-card.selected{border-color:gold;background:#ffd70026;box-shadow:0 8px 24px #ffd70033,inset 0 0 12px #ffd7001a}.quality-card.unselected:hover .selection-indicator{opacity:1}.quality-symbol{width:80px;height:80px;display:flex;align-items:center;justify-content:center}.quality-icon{width:100%;height:100%;color:#ffd70099;transition:all .3s ease}.quality-card.selected .quality-icon{color:gold;filter:drop-shadow(0 0 8px rgba(255,215,0,.5))}.quality-card:hover .quality-icon{color:gold}.quality-name{font-size:14px;font-weight:600;color:#e0e0e0;text-align:center;transition:all .3s ease}.quality-card.selected .quality-name,.quality-card:hover .quality-name{color:gold}.quality-type-selector{display:flex;gap:10px;width:100%;margin-top:8px;opacity:0;max-height:0;overflow:hidden;transition:all .3s ease;pointer-events:none}.quality-card.selected .quality-type-selector{opacity:1;max-height:100px;pointer-events:auto}.type-option{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;padding:6px 8px;font-size:12px;color:#ffd700b3;border:1px solid rgba(255,215,0,.2);border-radius:4px;background:#ffd7000d;cursor:pointer;transition:all .2s ease}.type-option input{margin:0;cursor:pointer}.type-option input:checked+span{color:gold}.type-option:has(input:checked){border-color:gold;background:#ffd70026}.type-option:hover{border-color:#ffd70066;background:#ffd7001a}.selection-indicator{position:absolute;top:10px;right:10px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#ffd70033;border:1.5px solid rgba(255,215,0,.3);border-radius:50%;font-size:16px;font-weight:700;color:#ffd70080;transition:all .3s ease}.quality-card.selected .selection-indicator{background:gold;border-color:gold;color:#1a1a2e;box-shadow:0 0 12px #ffd70066}.quality-card.unselected:hover .selection-indicator{opacity:1;border-color:#ffd70080;color:#ffd700cc}.selections-summary{background:#ffd70014;border:1px solid rgba(255,215,0,.2);border-radius:12px;padding:20px;margin-bottom:30px}.selections-summary h3{font-size:16px;color:gold;margin:0 0 15px;text-transform:uppercase;letter-spacing:.5px}.summary-list{display:flex;flex-direction:column;gap:10px}.summary-item{display:flex;align-items:center;gap:15px;padding:12px;background:#ffd7000d;border-radius:6px;border-left:3px solid rgba(255,215,0,.3)}.summary-symbol{font-size:18px;min-width:25px}.summary-quality{flex:1;color:#e0e0e0;font-size:15px;font-weight:500}.summary-type{color:#ffd700b3;font-size:13px;text-transform:uppercase;letter-spacing:.5px;padding:4px 10px;background:#ffd7001a;border-radius:4px}.no-selections{color:#ffd70080;margin:0;text-align:center;font-style:italic}.final-jewelry-actions{text-align:center}.btn-confirm{padding:16px 48px;font-size:16px;font-weight:600;background:linear-gradient(135deg,gold,#ffed4e);color:#1a1a2e;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 8px 24px #ffd7004d;margin-bottom:15px}.btn-confirm:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px #ffd70066}.btn-confirm:active:not(:disabled){transform:translateY(0)}.btn-confirm:disabled{opacity:.5;cursor:not-allowed}.action-note{font-size:14px;color:#ffd70099;margin:0;font-style:italic}@media (max-width: 768px){.final-jewelry-section{padding:20px}.final-jewelry-header h2{font-size:24px}.qualities-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:15px}.quality-card{padding:15px}.quality-symbol{width:70px;height:70px}.quality-name{font-size:12px}.btn-confirm{width:100%}}@media (max-width: 480px){.final-jewelry-section{padding:15px;margin:20px auto}.final-jewelry-header h2{font-size:20px}.qualities-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px}.quality-symbol{width:60px;height:60px}.selections-summary{padding:15px}.summary-item{flex-direction:column;align-items:flex-start;gap:8px}}.phase2-intro-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:3000;animation:fadeIn .4s ease;overflow-y:auto;padding:1rem;-webkit-overflow-scrolling:touch}.phase2-intro-modal{background:linear-gradient(135deg,#0a0a0a,#1a1a2e);border:2px solid rgba(100,180,220,.4);border-radius:12px;max-width:900px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #000000e6,inset 0 0 30px #64b4dc0d;animation:slideUp .4s ease}.modal-header{text-align:center;padding:2.5rem 2rem 1.5rem;border-bottom:1px solid rgba(100,180,220,.2)}.modal-header h2{margin:0 0 .5rem;color:#64b4dc;font-size:1.8rem;letter-spacing:1px}.modal-header .subtitle{margin:0;color:#999;font-size:.95rem;text-transform:uppercase;letter-spacing:1px}.modal-content{padding:2rem}.phase-comparison{display:grid;grid-template-columns:1fr auto 1fr;gap:2rem;margin-bottom:2rem;align-items:start}@media (max-width: 768px){.phase-comparison{grid-template-columns:1fr;gap:1.5rem}}.phase-block{background:#64b4dc14;border:1px solid rgba(100,180,220,.2);border-radius:8px;padding:1.5rem}.phase-block h3{margin:0 0 1rem;color:#64b4dc;font-size:1.2rem;letter-spacing:.5px}.phase-block p{margin:0 0 1rem;color:#a0a0a0;font-size:.9rem;line-height:1.6}.phase-block ul{margin:0;padding-left:1.5rem;list-style:none}.phase-block li{margin:.6rem 0;color:#888;font-size:.85rem;line-height:1.5;position:relative;padding-left:1.2rem}.phase-block li:before{content:"▸";position:absolute;left:0;color:#64b4dc;font-weight:700}.phase-block li strong{color:#64b4dc;font-weight:600}.phase-1{border-left:3px solid #4caf50}.phase-2{border-left:3px solid #64b4dc}.phase-arrow{display:flex;align-items:center;justify-content:center;font-size:2rem;color:#64b4dc;font-weight:600;height:100%}@media (max-width: 768px){.phase-arrow{transform:rotate(90deg)}}.explanation-box{background:#c084fa0d;border-left:4px solid #c084fa;border-radius:6px;padding:1.5rem;margin-bottom:1.5rem}.explanation-box h4{margin:0 0 1rem;color:#c084fa;font-size:1rem;font-weight:600;letter-spacing:.5px}.explanation-box p{margin:.8rem 0;color:#a0a0a0;font-size:.9rem;line-height:1.7}.explanation-box strong{color:#c084fa;font-weight:600}.explanation-box em{color:#888;font-style:italic}.reflection-note{background:#4caf5014;border:1px solid rgba(76,175,80,.2);border-radius:6px;padding:1.2rem;margin-bottom:1.5rem}.reflection-note strong{color:#4caf50;font-weight:600}.reflection-note p{margin:.6rem 0 0;color:#888;font-size:.85rem;line-height:1.6}.modal-footer{padding:1.5rem 2rem 2rem;border-top:1px solid rgba(100,180,220,.2);display:flex;flex-direction:column;align-items:center;gap:1rem}@media (max-width: 480px){.phase2-intro-overlay{align-items:flex-start;padding-top:.5rem}.phase2-intro-modal{width:100%;max-width:100%;max-height:calc(100vh - 1rem);border-radius:12px 12px 0 0;margin-top:auto}.modal-header{padding:1.5rem 1rem 1rem}.modal-header h2{font-size:1.4rem}.modal-header .subtitle{font-size:.85rem}.modal-content{padding:1.5rem 1rem}.phase-comparison{grid-template-columns:1fr;gap:1rem}.phase-block{padding:1rem}.phase-block h3{font-size:1rem}.phase-block p,.phase-block li{font-size:.8rem}.explanation-box,.reflection-note{padding:1rem;margin-bottom:1rem}.explanation-box h4,.reflection-note strong{font-size:.9rem}.explanation-box p{font-size:.8rem}.modal-footer{padding:1rem;gap:.75rem}.modal-footer .primary-button{width:100%;padding:.65rem 1.5rem;font-size:.9rem}.dismiss-note{font-size:.7rem}}.modal-footer .primary-button{background:linear-gradient(135deg,#64b4dc,#4a9cc9);color:#0a0a0a;border:none;padding:.75rem 2rem;font-size:.95rem;font-weight:600;border-radius:6px;cursor:pointer;transition:all .3s ease;letter-spacing:.5px}.modal-footer .primary-button:hover{transform:translateY(-2px);box-shadow:0 10px 25px #64b4dc4d}.dismiss-note{margin:0;color:#666;font-size:.8rem;text-align:center}.station-grid-page{min-height:100vh;padding:2rem;padding-left:120px;background:linear-gradient(135deg,#0a0a0a,#1a1a2e);color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;transition:background-color 1.5s ease;width:100vw;overflow-x:hidden}@media (max-width: 768px){.station-grid-page{padding-left:100px}}@media (max-width: 480px){.station-grid-page{padding-left:90px}}.page-nav-header{max-width:1400px;margin:0 auto 2rem;display:flex;gap:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(76,175,80,.15)}.grid-header{max-width:1400px;margin:0 auto 2rem;display:flex;justify-content:space-between;align-items:flex-start;gap:2rem}.header-content{flex:1;text-align:center}.grid-header h1{font-size:2.5rem;margin:0 0 .5rem;color:#4caf50}.grid-header p{color:#999;font-size:1rem;margin:0}.convergence-note{margin-top:1rem!important;color:#4caf50;font-size:.95rem;font-style:italic;opacity:.9}.convergence-note strong{color:#66bb6a;font-weight:600}.header-archetype-card{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:#4caf500d;border:1px solid rgba(76,175,80,.2);border-radius:8px}.coherence-progress{max-width:1400px;margin:0 auto 3rem}.progress-bar{height:12px;background:#0000004d;border-radius:6px;overflow:hidden;border:1px solid rgba(76,175,80,.2)}.progress-fill{height:100%;background:linear-gradient(90deg,#4caf50,#66bb6a);width:0%;transition:width 1s ease}.phase1-incomplete-banner{max-width:1400px;margin:0 auto 2rem;background:linear-gradient(135deg,#d4af371a,#ff98000d);border:2px solid #d4af37;border-radius:8px;padding:1.5rem;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.phase1-incomplete-banner .banner-content h3{margin:0 0 .75rem;color:#d4af37;font-size:1.1rem}.phase1-incomplete-banner .banner-content p{margin:0 0 1rem;color:#bbb;font-size:.95rem;line-height:1.5}.banner-actions{display:flex;gap:.75rem;flex-wrap:wrap}.banner-button{padding:.6rem 1.2rem;border:none;border-radius:4px;cursor:pointer;font-weight:500;font-size:.9rem;transition:all .2s ease}.banner-button.primary{background:#d4af37;color:#000}.banner-button.primary:hover{background:#e5c158;box-shadow:0 4px 12px #d4af374d}.banner-button.secondary{background:#ffffff1a;color:#bbb;border:1px solid rgba(255,255,255,.2)}.banner-button.secondary:hover{background:#ffffff26;border-color:#fff6}.suggested-section{max-width:1400px;margin:0 auto 3rem}.suggested-section h3{color:#4caf50;font-size:1.2rem;margin:0 0 1rem;text-transform:uppercase;letter-spacing:1px}.suggested-stations{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.suggested-card{background:#4caf501a;border:2px solid rgba(76,175,80,.3);border-radius:8px;padding:1.5rem;text-align:center;cursor:pointer;transition:all .2s ease}.suggested-card:hover{background:#4caf5033;border-color:#4caf50;transform:translateY(-4px)}.suggested-number{display:block;font-size:.85rem;color:#999;margin-bottom:.5rem}.suggested-name{display:block;font-size:1rem;font-weight:600;color:#4caf50;margin:.5rem 0}.stations-container{max-width:1400px;margin:0 auto 3rem}.stations-container.phase1-incomplete .stations-grid{opacity:.5;pointer-events:none}.stations-container.phase1-incomplete .station-card{cursor:not-allowed!important;opacity:.6;filter:grayscale(.8)}.stations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1.2rem}.station-card{aspect-ratio:auto;min-height:180px;background:#4caf500d;border:2px solid rgba(76,175,80,.2);border-radius:8px;padding:1.2rem;text-align:center;display:flex;flex-direction:column;justify-content:space-between;align-items:center;transition:all .2s ease;position:relative;overflow:visible;cursor:pointer}.station-card.element-fire{background:linear-gradient(135deg,#dc354514,#4caf500d)!important;border-color:#dc354540!important}.station-card.element-fire:hover:not(.locked){background:linear-gradient(135deg,#dc35451f,#4caf5014)!important;border-color:#dc354566!important;transform:translateY(-4px);box-shadow:0 8px 16px #dc354526}.station-card.element-water{background:linear-gradient(135deg,#3498db14,#4caf500d)!important;border-color:#3498db40!important}.station-card.element-water:hover:not(.locked){background:linear-gradient(135deg,#3498db1f,#4caf5014)!important;border-color:#3498db66!important;transform:translateY(-4px);box-shadow:0 8px 16px #3498db26}.station-card.element-air{background:linear-gradient(135deg,#ffc10714,#4caf500d)!important;border-color:#ffc10740!important}.station-card.element-air:hover:not(.locked){background:linear-gradient(135deg,#ffc1071f,#4caf5014)!important;border-color:#ffc10766!important;transform:translateY(-4px);box-shadow:0 8px 16px #ffc10726}.station-card.element-earth{background:linear-gradient(135deg,#4caf5014,#4caf500d)!important;border-color:#4caf5040!important}.station-card.element-earth:hover:not(.locked){background:linear-gradient(135deg,#4caf501f,#4caf501a)!important;border-color:#4caf5066!important;transform:translateY(-4px);box-shadow:0 8px 16px #4caf5033}.station-card.locked{opacity:.6;cursor:not-allowed}.station-card.completed{border-color:#4caf5080;background:#4caf5026}.station-number{font-size:1.8rem;font-weight:700;color:#4caf50;margin:0 0 .5rem}.station-name{font-size:.9rem;color:#bbb;margin:.5rem 0 .75rem;line-height:1.4;font-weight:500;word-wrap:break-word;overflow-wrap:break-word}.status-badge{font-size:.8rem;color:#fff;background:#4caf504d;padding:.4rem .7rem;border-radius:4px;margin:.75rem 0;display:inline-block;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.station-card.locked .status-badge{background:#ff98004d}.station-card.completed .status-badge{background:#4caf5066}.coherence-requirement{font-size:.75rem;color:#ffb74d;margin-top:.5rem}.magisterium-label{font-size:.7rem;color:#666;margin-top:auto;text-transform:uppercase;letter-spacing:.5px}.grid-legend{max-width:1400px;margin:0 auto 2rem;display:flex;gap:2rem;justify-content:center;flex-wrap:wrap;padding:1.5rem;background:#4caf500d;border:1px solid rgba(76,175,80,.1);border-radius:8px}.legend-item{display:flex;align-items:center;gap:.5rem;color:#bbb;font-size:.9rem}.grid-footer{max-width:1400px;margin:0 auto;padding-top:2rem;border-top:1px solid rgba(76,175,80,.1);text-align:center}.back-button{background:#4caf5033;border:1px solid rgba(76,175,80,.4);color:#4caf50;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s ease}.back-button:hover{background:#4caf504d;border-color:#4caf50}@media (max-width: 1024px){.station-grid-page{padding:1.5rem}.page-nav-header{flex-wrap:wrap;gap:.75rem}.nav-home-button{padding:.5rem .8rem;font-size:.85rem;flex:1;min-width:100px}.grid-header h1{font-size:2rem}.grid-header p{font-size:.95rem}.stations-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:1rem}.station-card{min-height:170px}.station-number{font-size:1.6rem}.suggested-stations{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.grid-legend{flex-direction:column;gap:1rem}}@media (max-width: 768px){.station-grid-page{width:100vw;padding:1rem;overflow-x:hidden}.page-nav-header{margin:0 auto 1.5rem;flex-wrap:wrap;gap:.5rem}.nav-home-button{flex:1;min-width:90px;padding:.5rem .75rem;font-size:.8rem}.grid-header h1{font-size:1.6rem;margin-bottom:.3rem}.grid-header p{font-size:.9rem}.coherence-progress{margin:0 auto 2rem}.progress-bar{height:10px}.suggested-section{margin:0 auto 2rem}.suggested-section h3{font-size:1rem;margin-bottom:.75rem}.suggested-stations{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.75rem}.suggested-card{padding:1rem}.suggested-name{font-size:.9rem}.stations-container{margin:0 auto 2rem}.stations-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.8rem}.station-card{min-height:160px;padding:.9rem}.station-number{font-size:1.3rem}.station-name{font-size:.85rem}.status-badge{font-size:.75rem;padding:.3rem .5rem}.coherence-requirement{font-size:.75rem}.magisterium-label{font-size:.65rem}.grid-legend{flex-direction:column;gap:.75rem;padding:1rem;margin:0 auto 1.5rem}.legend-item{gap:.4rem;font-size:.85rem}.back-button{padding:.6rem 1.2rem;font-size:.9rem}}@media (max-width: 600px){.station-grid-page{width:100vw;padding:.75rem;overflow-x:hidden}.page-nav-header{margin:0 auto 1rem;gap:.4rem}.nav-home-button{min-width:80px;padding:.4rem .6rem;font-size:.75rem;flex:1}.grid-header{margin:0 auto 1.5rem}.grid-header h1{font-size:1.3rem;margin-bottom:.2rem}.grid-header p{font-size:.85rem}.coherence-progress{margin:0 auto 1.5rem}.progress-bar{height:8px}.suggested-section{margin:0 auto 1.5rem}.suggested-section h3{font-size:.9rem;margin-bottom:.5rem}.suggested-stations{grid-template-columns:1fr;gap:.5rem}.suggested-card{padding:.75rem}.suggested-number{font-size:.8rem}.suggested-name{font-size:.85rem}.suggested-arrow{font-size:1rem}.stations-container{margin:0 auto 1.5rem}.stations-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.7rem}.station-card{min-height:150px;padding:.75rem}.station-number{font-size:1.2rem}.station-name{font-size:.78rem;margin:.4rem 0 .5rem}.status-badge{font-size:.7rem;padding:.25rem .4rem;margin:.5rem 0}.coherence-requirement{font-size:.7rem}.magisterium-label{font-size:.6rem}.grid-legend{flex-direction:column;gap:.5rem;padding:.75rem;margin:0 auto 1rem}.legend-item{gap:.3rem;font-size:.8rem}.back-button{padding:.5rem 1rem;font-size:.85rem}}@media (max-width: 480px){.station-grid-page{width:100vw;padding:.75rem;overflow-x:hidden}.page-nav-header{margin:0 auto .75rem;gap:.3rem}.nav-home-button{min-width:70px;padding:.35rem .5rem;font-size:.7rem}.grid-header h1{font-size:1.1rem;margin-bottom:.15rem}.grid-header p{font-size:.8rem}.coherence-progress{margin:0 auto 1rem}.progress-bar{height:6px}.suggested-section h3{font-size:.85rem;margin-bottom:.4rem}.suggested-stations{gap:.4rem}.suggested-card{padding:.6rem}.suggested-number{font-size:.75rem}.suggested-name{font-size:.8rem;margin:.2rem 0}.stations-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:.6rem}.station-card{min-height:140px;padding:.65rem}.station-number{font-size:1rem}.station-name{font-size:.73rem;margin:.3rem 0 .4rem}.status-badge{font-size:.65rem;padding:.2rem .35rem;margin:.4rem 0}.coherence-requirement{font-size:.65rem;margin-top:.3rem}.magisterium-label{font-size:.55rem}.grid-legend{padding:.5rem;margin:0 auto .75rem}.legend-item{gap:.2rem;font-size:.75rem}.back-button{padding:.4rem .8rem;font-size:.8rem}}@media (max-width: 400px){.station-grid-page{width:100vw;padding:.65rem;overflow-x:hidden}.page-nav-header{margin:0 auto .75rem;gap:.2rem}.nav-home-button{min-width:60px;padding:.3rem .4rem;font-size:.65rem}.grid-header h1{font-size:1rem;margin-bottom:.1rem}.grid-header p{font-size:.75rem}.coherence-progress{margin:0 auto .75rem}.suggested-section h3{font-size:.8rem;margin-bottom:.3rem}.suggested-stations{gap:.3rem}.suggested-card{padding:.5rem}.suggested-number{font-size:.7rem}.suggested-name{font-size:.75rem;margin:.15rem 0}.stations-grid{grid-template-columns:repeat(auto-fill,minmax(85px,1fr));gap:.5rem}.station-card{min-height:135px;padding:.6rem}.station-number{font-size:.95rem}.station-name{font-size:.7rem;margin:.25rem 0 .35rem}.status-badge{font-size:.6rem;padding:.15rem .25rem;margin:.35rem 0}.coherence-requirement{font-size:.6rem;margin-top:.2rem}.magisterium-label{font-size:.5rem}.grid-legend{padding:.4rem;margin:0 auto .5rem}.legend-item{gap:.15rem;font-size:.7rem}.back-button{padding:.3rem .6rem;font-size:.75rem}}.logout-warning-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:5000;padding:1rem}.synesthetic-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:3000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fadeIn .3s ease}.synesthetic-modal{background:linear-gradient(135deg,#0a0a0a,#1a1a2e);border:2px solid rgba(76,175,80,.4);border-radius:16px;width:90%;max-width:1000px;height:75vh;display:flex;flex-direction:column;box-shadow:0 30px 80px #000000e6,inset 0 0 60px #4caf5014;animation:slideUp .4s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.synesthetic-header{padding:1.75rem 2.5rem;background:linear-gradient(180deg,#4caf5026,#4caf500d);border-bottom:1px solid rgba(76,175,80,.2);text-align:center}.synesthetic-header h2{margin:0 0 .3rem;font-size:1.8rem;color:#4caf50;font-weight:300;letter-spacing:2px}.synesthetic-header .subtitle{margin:0;color:#999;font-size:.9rem;letter-spacing:1px}.synesthetic-content{flex:1;overflow-y:auto;padding:1.5rem 2rem;display:flex;flex-direction:column;gap:1.2rem}.notice-section{display:flex;flex-direction:column;gap:.6rem}.notice-section h3{margin:0;font-size:.95rem;color:#4caf50;text-transform:uppercase;letter-spacing:1px;font-weight:600}.notice-section p{margin:0;color:#bbb;line-height:1.5;font-size:.85rem}.notice-section ul{margin:0;padding-left:1.5rem;color:#bbb;line-height:1.5}.notice-section li{margin-bottom:.4rem;font-size:.85rem}.notice-section li strong{color:#4caf50}.brainwave-info{display:flex;flex-direction:column;gap:.3rem;margin-top:.4rem;padding:.6rem;background:#4caf5014;border-left:3px solid #4caf50;border-radius:4px}.wave-item{display:flex;justify-content:space-between;align-items:center;padding:.3rem 0;border-bottom:1px solid rgba(76,175,80,.08);font-size:.8rem}.wave-item:last-child{border-bottom:none}.wave-freq{font-weight:600;color:#4caf50;font-family:Courier New,monospace;font-size:.75rem}.wave-desc{color:#999;font-size:.75rem;text-align:right}.chakra-full-list{display:flex;flex-direction:column;gap:.3rem;margin-top:.4rem;padding:.6rem;background:#4caf5014;border-left:3px solid #4caf50;border-radius:4px}.chakra-item{display:grid;grid-template-columns:24px 1fr 65px 1fr;gap:.6rem;align-items:center;padding:.4rem;border-bottom:1px solid rgba(76,175,80,.08);font-size:.8rem}.chakra-item:last-child{border-bottom:none}.chakra-number{font-weight:700;color:#4caf50;text-align:center;font-size:.95rem}.chakra-name{color:#fff;font-weight:500;font-size:.8rem}.chakra-freq{color:#ffd54f;font-family:Courier New,monospace;font-size:.7rem;text-align:right}.chakra-theme{color:#999;font-size:.7rem;text-align:left}.progression-info{display:flex;flex-direction:column;gap:.5rem;margin-top:.6rem}.prog-item{display:flex;flex-direction:column;gap:.2rem;padding:.5rem;background:#4caf5014;border-left:3px solid #4caf50;border-radius:4px}.prog-level{font-weight:600;color:#4caf50;font-size:.85rem}.prog-desc{color:#666;font-size:.78rem}.notice-safety{padding:.8rem;background:#ff98001a;border-left:3px solid #ffa500;border-radius:4px}.notice-safety h3{color:orange;font-size:.9rem;margin:0 0 .4rem}.notice-safety p{color:#ffb74d;margin:0;font-size:.8rem;line-height:1.5}.synesthetic-content::-webkit-scrollbar{width:8px}.synesthetic-content::-webkit-scrollbar-track{background:#4caf500d;border-radius:4px}.synesthetic-content::-webkit-scrollbar-thumb{background:#4caf504d;border-radius:4px}.synesthetic-content::-webkit-scrollbar-thumb:hover{background:#4caf5080}.synesthetic-actions{padding:.75rem;background:#4caf500d;border-top:1px solid rgba(76,175,80,.2);display:flex;flex-direction:column;gap:.5rem;align-items:center}.action-begin,.action-skip{padding:.6rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:all .2s ease;border:none;font-size:.85rem}.action-begin{background:#4caf50;color:#000}.action-begin:hover{background:#5ac960;box-shadow:0 8px 24px #4caf504d;transform:translateY(-2px)}.action-skip{background:#4caf5026;border:1px solid rgba(76,175,80,.3);color:#4caf50}.action-skip:hover{background:#4caf5040;border-color:#4caf50}.lock-toggle{display:flex;justify-content:center;margin:.5rem 0}.lock-button{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;background:#4caf501a;border:1px solid rgba(76,175,80,.3);color:#4caf50;border-radius:6px;cursor:pointer;font-weight:500;font-size:.85rem;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.lock-button:hover{background:#4caf5033;border-color:#4caf50;box-shadow:0 4px 12px #4caf5026}.lock-button.unlocked{background:#ff98001a;border-color:#ff98004d;color:#ffb74d}.lock-button.unlocked:hover{background:#ff980033;border-color:#ffb74d;box-shadow:0 4px 12px #ff980026}.lock-icon{font-size:1rem}.lock-label{font-size:.8rem}.action-note{margin:0;font-size:.8rem;color:#666;text-align:center;font-style:italic}@media (max-width: 768px){.synesthetic-modal{width:95%;max-height:90vh}.synesthetic-header{padding:1.5rem 1.25rem}.synesthetic-header h2{font-size:1.4rem}.synesthetic-content{padding:1.25rem;gap:1rem}.synesthetic-actions{padding:.6rem;gap:.4rem}.action-begin,.action-skip{padding:.5rem 1rem;font-size:.8rem}.brainwave-info,.progression-info{gap:.3rem}.chakra-item{grid-template-columns:22px 1fr 55px 1fr;gap:.5rem;padding:.3rem;font-size:.75rem}.chakra-name{font-size:.75rem}.chakra-freq,.chakra-theme{font-size:.65rem}}.jewelry-offer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease-out;overflow-y:auto;padding:1rem;-webkit-overflow-scrolling:touch}.jewelry-offer-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid rgba(255,215,0,.5);border-radius:16px;padding:40px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #ffd70033,0 0 40px #ffd7001a;animation:slideUp .4s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.offer-header{text-align:center;margin-bottom:30px;border-bottom:2px solid rgba(255,215,0,.3);padding-bottom:20px}.offer-header h1{font-size:32px;font-weight:700;color:gold;margin:0 0 10px;letter-spacing:1px}.offer-subtitle{font-size:16px;color:#ffd700b3;margin:0}.offer-description{font-size:16px;line-height:1.6;color:#e0e0e0;text-align:center;margin-bottom:30px;font-style:italic}.symbol-preview-section{text-align:center;margin-bottom:30px;padding:20px;background:#ffd7000d;border-radius:12px}.preview-label{font-size:14px;color:#ffd700b3;text-transform:uppercase;letter-spacing:1px;margin:0 0 15px}.symbol-preview-container{margin-bottom:15px;display:flex;justify-content:center}.symbol-preview{width:120px;height:120px;color:gold;filter:drop-shadow(0 0 8px rgba(255,215,0,.4));animation:symbolGlow 2s ease-in-out infinite}@keyframes symbolGlow{0%,to{filter:drop-shadow(0 0 8px rgba(255,215,0,.4))}50%{filter:drop-shadow(0 0 16px rgba(255,215,0,.6))}}.symbol-name{font-size:18px;color:gold;margin:0;font-weight:600}.symbol-selector-section{margin-bottom:30px}.selector-label{font-size:14px;color:#ffd700b3;text-transform:uppercase;letter-spacing:1px;margin:0 0 15px}.symbol-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(50px,1fr));gap:10px;max-height:200px;overflow-y:auto;padding:10px;background:#ffd70008;border-radius:8px}.symbol-button{background:transparent;border:2px solid rgba(255,215,0,.2);border-radius:8px;padding:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;aspect-ratio:1}.symbol-button:hover{border-color:#ffd70080;background:#ffd70014;transform:scale(1.05)}.symbol-button.selected{border-color:gold;background:#ffd70026;box-shadow:0 0 12px #ffd70066,inset 0 0 8px #ffd70033}.symbol-grid-icon{width:100%;height:100%;color:#ffd70099}.symbol-button.selected .symbol-grid-icon{color:gold;filter:drop-shadow(0 0 4px rgba(255,215,0,.5))}.offer-actions{display:flex;gap:15px;margin-bottom:20px;justify-content:center}.btn-decline,.btn-accept{padding:14px 32px;font-size:16px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.btn-decline{background:transparent;color:#ffd700b3;border:2px solid rgba(255,215,0,.3)}.btn-decline:hover{border-color:#ffd70099;color:gold;background:#ffd70014}.btn-accept{background:linear-gradient(135deg,gold,#ffed4e);color:#1a1a2e;box-shadow:0 8px 24px #ffd7004d}.btn-accept:hover{transform:translateY(-2px);box-shadow:0 12px 32px #ffd70066}.btn-accept:active{transform:translateY(0)}.offer-note{font-size:13px;color:#ffd70080;text-align:center;margin:0;font-style:italic;border-top:1px solid rgba(255,215,0,.2);padding-top:15px}.jewelry-offer-modal::-webkit-scrollbar,.symbol-grid::-webkit-scrollbar{width:8px}.jewelry-offer-modal::-webkit-scrollbar-track,.symbol-grid::-webkit-scrollbar-track{background:#ffd7000d;border-radius:8px}.jewelry-offer-modal::-webkit-scrollbar-thumb,.symbol-grid::-webkit-scrollbar-thumb{background:#ffd7004d;border-radius:8px}.jewelry-offer-modal::-webkit-scrollbar-thumb:hover,.symbol-grid::-webkit-scrollbar-thumb:hover{background:#ffd70080}@media (max-width: 600px){.jewelry-offer-overlay{align-items:flex-start;padding-top:.5rem}.jewelry-offer-modal{width:100%;max-width:100%;max-height:calc(100vh - 1rem);padding:20px;border-radius:16px 16px 0 0;margin-top:auto}.offer-header h1{font-size:24px}.offer-header{margin-bottom:20px;padding-bottom:15px}.symbol-preview{width:100px;height:100px}.symbol-grid{grid-template-columns:repeat(auto-fit,minmax(45px,1fr));max-height:150px}.offer-actions{flex-direction:column}.btn-decline,.btn-accept{width:100%;padding:12px 20px;font-size:14px}.offer-description{font-size:14px}.preview-label,.selector-label{font-size:12px}.symbol-name{font-size:16px}}@media (max-width: 480px){.jewelry-offer-modal{padding:15px}.offer-header h1{font-size:20px;margin-bottom:8px}.offer-subtitle{font-size:13px}.symbol-preview{width:80px;height:80px}.symbol-name{font-size:14px}.btn-decline,.btn-accept{padding:11px 15px;font-size:13px}}.choice-point{width:100%}.choice-header{text-align:center;margin-bottom:2.5rem}.choice-header h2{font-size:2rem;color:#f0e6d2;margin-bottom:.5rem;letter-spacing:2px}.choice-subtitle{font-size:1rem;color:#b8a89f;font-style:italic;line-height:1.6}.choices-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.choice-button{background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:2px solid rgba(224,213,199,.15);border-radius:8px;padding:2rem 1.5rem;cursor:pointer;transition:all .4s ease;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.75rem;font-family:inherit;color:#e0d5c7}.choice-button:hover{transform:translateY(-6px);box-shadow:0 16px 40px #0009;border-width:2px}.choice-button:active{transform:translateY(-2px)}.choice-ground{border-color:#4caf504d}.choice-ground:hover{background:linear-gradient(135deg,#4caf5026,#4caf5014);border-color:#4caf5080}.choice-deeper{border-color:#6bc3ff4d}.choice-deeper:hover{background:linear-gradient(135deg,#6bc3ff26,#6bc3ff14);border-color:#6bc3ff80}.choice-pause{border-color:#ffc1074d}.choice-pause:hover{background:linear-gradient(135deg,#ffc10726,#ffc10714);border-color:#ffc10780}.choice-icon{font-size:2.5rem;line-height:1;display:block}.choice-title{font-size:1.2rem;font-weight:600;color:#f0e6d2;letter-spacing:1px}.choice-description{font-size:.85rem;color:#b8a89f;line-height:1.5;font-style:italic}.choice-note{text-align:center;padding:1.5rem;background:linear-gradient(135deg,#c084fa14,#c084fa08);border:1px solid rgba(192,132,250,.2);border-radius:8px}.choice-note p{color:#c084fa;font-size:.95rem;line-height:1.6;letter-spacing:.5px}@media (max-width: 768px){.choices-container{grid-template-columns:1fr}.choice-header h2{font-size:1.5rem}.choice-button{padding:1.5rem 1rem}.choice-icon{font-size:2rem}}.milestone-celebration{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2000;pointer-events:auto}.milestone-content{background:#000;border:4px double #d4af37;padding:2.5rem;max-width:400px;text-align:center;position:relative;animation:celebrateEntry .6s ease-out;box-shadow:0 0 30px #d4af3780}.milestone-header{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:1.5rem}.milestone-icon{font-size:3rem;animation:spin .8s ease-out}.milestone-header h3{color:#d4af37;font-size:1.5rem;margin:0;letter-spacing:1px;font-weight:700}.milestone-display{background:#d4af371a;border:2px solid #d4af37;padding:1.5rem;margin-bottom:1.5rem;border-radius:0}.milestone-phase{color:#ff6b35;font-size:1.2rem;font-style:italic;margin:0 0 .75rem;font-weight:600}.milestone-value{color:#d4af37;font-size:2.5rem;margin:0;font-weight:700;font-family:Courier New,monospace}.milestone-message{color:#b8860b;font-size:.95rem;line-height:1.7;margin:0;font-style:italic}.milestone-close{position:absolute;top:.5rem;right:.5rem;width:32px;height:32px;background:none;border:none;color:#d4af37;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0}.milestone-close:hover{color:#ff6b35;transform:scale(1.2)}@keyframes celebrateEntry{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}50%{transform:translate(-50%,-50%) scale(1.05)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes spin{0%{transform:rotate(0) scale(.5);opacity:0}to{transform:rotate(360deg) scale(1);opacity:1}}.milestone-celebration:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:-1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.direction-choice-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease-out;overflow-y:auto;padding:1rem;-webkit-overflow-scrolling:touch}.direction-choice-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid rgba(212,175,55,.3);border-radius:16px;padding:2.5rem;max-width:900px;width:90%;max-height:90vh;overflow-y:auto;animation:slideUp .4s ease-out;box-shadow:0 20px 60px #d4af3733}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{text-align:center;margin-bottom:2rem}.modal-header h2{font-size:2rem;color:#d4af37;margin:0 0 .5rem;letter-spacing:1px}.station-context{font-size:.95rem;color:#999;margin:0}.station-context em{color:#4caf50;font-style:normal;font-weight:600}.modal-intro{text-align:center;margin-bottom:2.5rem;padding:1rem;background:#d4af370d;border-left:3px solid #d4af37;border-radius:4px}.modal-intro p{color:#bbb;font-size:.95rem;line-height:1.6;margin:0}.directions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1.2rem;margin-bottom:2rem}.direction-card{background:#0006;border:2px solid rgba(212,175,55,.2);border-radius:12px;padding:1.5rem;text-align:center;cursor:pointer;transition:all .3s ease;position:relative;color:#fff;font-family:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:180px}.direction-card:hover:not(.disabled){background:#0009;border-color:#d4af37;transform:translateY(-4px);box-shadow:0 8px 24px #d4af3726}.direction-card.disabled{opacity:.5;cursor:not-allowed}.direction-card.selected{background:#d4af3726;border-color:#d4af37;box-shadow:0 12px 32px #d4af3740}.direction-emoji{font-size:2.5rem;margin-bottom:.75rem;display:flex;align-items:center;justify-content:center;height:50px}.direction-title{font-size:1.1rem;font-weight:700;color:#d4af37;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.direction-description{font-size:.8rem;color:#999;line-height:1.4;margin:0}.checkmark{position:absolute;top:10px;right:10px;background:#4caf50;color:#fff;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem}.modal-footer{text-align:center;padding-top:1.5rem;border-top:1px solid rgba(212,175,55,.2)}.footer-text{font-size:.85rem;color:#666;margin:0;font-style:italic}@media (max-width: 768px){.direction-choice-overlay{align-items:flex-start;padding-top:.5rem}.direction-choice-modal{width:100%;max-width:100%;max-height:calc(100vh - 1rem);padding:1.5rem;border-radius:16px 16px 0 0;margin-top:auto}.modal-header h2{font-size:1.5rem}.directions-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.direction-card{min-height:160px;padding:1rem}.direction-emoji{font-size:2rem;height:40px}.direction-title{font-size:.95rem}.direction-description{font-size:.75rem}}@media (max-width: 480px){.direction-choice-overlay{padding:.5rem}.direction-choice-modal{max-height:calc(100vh - .5rem);padding:1rem}.modal-header h2{font-size:1.2rem;margin-bottom:.25rem}.station-context{font-size:.85rem}.modal-intro{margin-bottom:1.5rem;padding:.75rem}.modal-intro p{font-size:.8rem}.directions-grid{grid-template-columns:1fr;gap:.75rem;margin-bottom:1.5rem}.direction-card{min-height:140px;padding:.75rem}.direction-emoji{font-size:1.8rem;height:35px;margin-bottom:.5rem}.direction-title{font-size:.85rem;margin-bottom:.25rem}.direction-description{font-size:.7rem}.checkmark{width:24px;height:24px;font-size:.85rem}.modal-footer{padding-top:1rem}.footer-text{font-size:.75rem}}.station-detail-page{min-height:100vh;padding:2rem;padding-left:120px;background:linear-gradient(135deg,#0a0a0af2,#1a1a2ef2),var(--env-background, linear-gradient(135deg, #0a0a0a 0%, #1a1a2e 100%));background-blend-mode:overlay;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;transition:background-color 1.5s ease}@media (max-width: 768px){.station-detail-page{padding-left:100px}}@media (max-width: 480px){.station-detail-page{padding-left:90px}}.page-nav-header{max-width:900px;margin:0 auto 2rem;display:flex;gap:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(76,175,80,.15)}.station-nav-header{justify-content:space-between;align-items:center}.nav-left,.nav-right{display:flex;gap:1rem;align-items:center}.detail-header{max-width:900px;margin:0 auto 2rem;display:flex;justify-content:space-between;align-items:flex-start;gap:2rem}.detail-header h1{font-size:2rem;margin:1rem 0 0;color:#4caf50}.stage-label{color:#999;font-size:.9rem;margin:0;text-transform:uppercase;letter-spacing:1px}.archetype-header-card{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:#4caf500d;border:1px solid rgba(76,175,80,.2);border-radius:8px}.archetype-image-container{width:100px;height:140px;overflow:hidden;border-radius:4px;background:#0000004d;display:flex;align-items:center;justify-content:center}.archetype-image{width:100%;height:100%;object-fit:contain}.archetype-label{font-size:.85rem;color:#4caf50;font-weight:600;text-align:center;max-width:120px}.back-button{background:#4caf5033;border:1px solid rgba(76,175,80,.4);color:#4caf50;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-weight:600;margin-bottom:1rem}.station-intro{max-width:900px;margin:0 auto 2rem;padding:2rem;background:#4caf501a;border:1px solid rgba(76,175,80,.2);border-radius:8px;text-align:center}.intro-text{font-size:3rem;margin:0}.symbol-meaning{color:#999;margin:1rem 0 0;font-size:.95rem}.station-form{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}section{background:#4caf500d;border:1px solid rgba(76,175,80,.2);border-radius:8px;padding:2rem;overflow-x:hidden}section h3{margin:0 0 1.5rem;font-size:1.3rem;color:#4caf50;text-transform:uppercase;letter-spacing:1px}.teachings-section p{margin:0;line-height:1.6;color:#bbb}.questions-list{display:flex;flex-direction:column;gap:1.5rem}.question-card{background:#0003;padding:1.5rem;border-radius:6px;border-left:3px solid #4caf50}.question-card label{display:block;color:#4caf50;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.question-text{margin:0 0 1rem;color:#bbb;font-size:1rem;line-height:1.5}.question-card textarea,.reflection-section textarea{width:100%;padding:.75rem;background:#0000004d;border:2px solid rgba(76,175,80,.2);border-radius:6px;color:#fff;font-family:inherit;font-size:1rem;resize:vertical;transition:all .2s ease}textarea:focus{outline:none;border-color:#4caf50;background:#00000080}textarea.error{border-color:#ff7043}.char-count{display:block;font-size:.8rem;color:#666;margin-top:.5rem;text-align:right}.error-message{color:#ff7043;font-size:.85rem;margin-top:.25rem;display:block}.empty-state{max-width:480px;margin:4rem auto;padding:3rem 2rem;text-align:center;background:#0009;border:1px solid rgba(255,215,0,.2);border-radius:12px}.empty-state-icon{font-size:3rem;color:gold;margin-bottom:1rem;opacity:.6}.empty-state-title{color:gold;font-size:1.5rem;margin:0 0 1rem;font-weight:700}.empty-state-message{color:#ccc;line-height:1.7;margin:0 0 2rem;font-size:.95rem}.empty-state-action{padding:.85rem 2rem;background:#ffd7001a;border:1px solid rgba(255,215,0,.4);color:gold;border-radius:6px;cursor:pointer;font-weight:600;font-size:.95rem;transition:all .2s ease}.empty-state-action:hover{background:#ffd70033;border-color:#ffd70099}.reflection-prompt{color:#999;margin:0 0 1rem;font-size:.95rem;font-style:italic}.preview-section{background:#2196f30d!important;border-color:#2196f333!important}.preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:1.2rem}.preview-item{text-align:center;padding:1.2rem .8rem;background:#0003;border-radius:6px;min-height:100px;display:flex;flex-direction:column;justify-content:center}.preview-label{display:block;color:#999;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.preview-value{display:block;font-size:1.5rem;color:#4caf50;font-weight:700}.form-actions{display:flex;gap:1rem;justify-content:center}.primary-button,.secondary-button{flex:1;max-width:300px;padding:.95rem;border-radius:6px;cursor:pointer;font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:all .2s ease;border:none}.primary-button{background:#4caf50;color:#fff}.primary-button:hover:not(:disabled){background:#45a049;box-shadow:0 4px 12px #4caf504d}.primary-button:disabled{opacity:.6;cursor:not-allowed}.secondary-button{background:#4caf5033;border:1px solid rgba(76,175,80,.4);color:#4caf50}.secondary-button:hover:not(:disabled){background:#4caf504d}.success-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;overflow-y:auto;padding:1rem;-webkit-overflow-scrolling:touch}.success-content{text-align:center;background:#4caf501a;border:2px solid #4caf50;border-radius:12px;padding:3rem}.success-icon{font-size:3rem;color:#4caf50;margin-bottom:1rem}.success-content h2{margin:0 0 1rem;color:#4caf50}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .5s ease;overflow-y:auto;padding:1rem;-webkit-overflow-scrolling:touch}.choice-point-overlay{background:#000000f2}.success-content p{margin:.5rem 0;color:#bbb}.word-response-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem;margin:1rem 0 1.5rem}.word-button-simple{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem .75rem;background:#0000004d;border:2px solid rgba(76,175,80,.3);border-radius:6px;color:#fff;cursor:pointer;transition:all .2s ease;font-weight:600;min-height:90px}.word-button-simple:hover:not(:disabled){border-color:#4caf5099;background:#4caf501a;color:#4caf50}.word-button-simple.selected{background:#4caf5059;border:3px solid #4caf50;color:#fff;box-shadow:0 0 20px #4caf5099,inset 0 0 10px #4caf5033;transform:scale(1.02);position:relative}.word-button-simple:disabled{opacity:.5;cursor:not-allowed}.word-button-simple .word-letter{display:block;font-size:.8rem;color:#4caf50b3;text-transform:uppercase;letter-spacing:1px;margin-bottom:.3rem}.word-button-simple.selected .word-letter{color:#4caf50;font-size:.9rem;font-weight:700}.word-button-simple.selected:after{content:"✓";position:absolute;top:8px;right:8px;width:24px;height:24px;background:#4caf50;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#000;font-weight:900;font-size:.85rem}.word-button-simple .word-text{display:block;font-size:.95rem;text-align:center;line-height:1.3}.word-button-simple.selected .word-text{color:#4caf50;font-weight:700;font-size:1rem}.word-button-simple .word-archetype-badge{display:block;font-size:.65rem;color:#4caf50b3;text-transform:uppercase;letter-spacing:.5px;margin-top:.4rem;font-weight:600;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.word-button-simple.selected .word-archetype-badge{color:#4caf50}.word-button-simple:hover:not(:disabled) .word-archetype-badge{color:#4caf50}.word-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem;margin:1rem 0 1.5rem}.word-button{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem .75rem;background:#0000004d;border:2px solid rgba(76,175,80,.3);border-radius:6px;color:#bbb;cursor:pointer;transition:all .2s ease;font-weight:600;min-height:90px}.word-button:hover:not(:disabled){border-color:#4caf5099;background:#4caf501a;color:#4caf50}.word-button.selected{background:#4caf5033;border-color:#4caf50;color:#fff;box-shadow:0 0 12px #4caf504d}.word-button:disabled{opacity:.5;cursor:not-allowed}.word-letter{display:block;font-size:.8rem;color:#4caf50b3;text-transform:uppercase;letter-spacing:1px;margin-bottom:.3rem}.word-button.selected .word-letter{color:#4caf50}.word-text{display:block;font-size:.95rem;text-align:center;line-height:1.3}.insight-display{margin:2rem 0;padding:0;background:transparent;border:none;border-radius:0;animation:slideDown .4s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}.insight-display>.result-panel{background:linear-gradient(135deg,#4caf501f,#4caf500f);border:2px solid rgba(76,175,80,.3);border-radius:8px;padding:2rem!important;margin-bottom:1rem}.insight-display .result-panel:nth-child(1){box-shadow:0 4px 20px #4caf5026}.subpanel-heading{margin:1rem 0 .75rem;color:#999;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.diagnostic-panels{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}.question-format-note{color:#666;font-size:.9rem;font-style:italic;margin:1rem 0}@media (max-width: 768px){.station-detail-page{padding:1rem}section{padding:1.5rem}.form-actions{flex-direction:column}.primary-button,.secondary-button{max-width:100%}.word-response-options{grid-template-columns:1fr;gap:.75rem;margin:1rem 0 1.5rem}.insight-display{margin:1.5rem 0}.insight-display>.result-panel{padding:1.5rem!important}}.logout-warning-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:5000;padding:1rem;overflow-y:auto;-webkit-overflow-scrolling:touch}.logout-warning-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #ff9800;border-radius:12px;padding:2rem;max-width:600px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:0 8px 32px #ff98004d}.logout-warning-modal h2{color:#ff9800;font-size:1.5rem;margin:0 0 1.5rem;text-align:center}.logout-warning-content{margin-bottom:2rem}.logout-warning-content>p{color:#ddd;margin:0 0 1.5rem;line-height:1.6}.warning-sections{display:flex;flex-direction:column;gap:1.5rem}.warning-section{background:#ff98000d;border-left:3px solid #ff9800;padding:1.5rem;border-radius:4px}.warning-section h4{color:#ff9800;font-size:1rem;margin:0 0 .75rem;display:flex;align-items:center;gap:.5rem}.warning-section p{color:#ccc;margin:0;line-height:1.6;font-size:.95rem}.logout-warning-actions{display:flex;gap:1rem;justify-content:flex-end}.warning-button{padding:.75rem 1.5rem;border:none;border-radius:4px;font-weight:600;font-size:.9rem;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease}.warning-button.cancel{background:#4caf5033;border:1px solid #4caf50;color:#4caf50}.warning-button.cancel:hover{background:#4caf504d;box-shadow:0 4px 12px #4caf5033}.warning-button.confirm{background:#ff9800;color:#000}.warning-button.confirm:hover{background:#ffb333;box-shadow:0 4px 12px #ff98004d}.save-confirmation-toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#4caf50f2;color:#fff;padding:1.5rem 2rem;border-radius:8px;display:flex;align-items:center;gap:1rem;font-weight:600;font-size:1.1rem;z-index:10000;animation:slideDown .3s ease forwards,slideUp .3s ease 1.2s forwards;box-shadow:0 8px 24px #0006,0 0 20px #4caf504d;border:1px solid rgba(76,175,80,.5)}.save-confirmation-toast .confirmation-icon{font-size:1.5rem;font-weight:700}.save-confirmation-toast .confirmation-text{letter-spacing:.3px}@keyframes slideDown{0%{opacity:0;transform:translate(-50%,-80%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes slideUp{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-80%)}}.coherence-path-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease;overflow-y:auto;padding:1rem;-webkit-overflow-scrolling:touch}.coherence-path-modal{background:linear-gradient(135deg,#141428fa,#1e1e3cfa);border:2px solid rgba(76,175,80,.4);border-radius:12px;padding:2rem;max-width:550px;width:90%;box-shadow:0 20px 60px #000c,0 0 40px #4caf5026;animation:slideIn .4s ease}.coherence-path-modal h2{margin:0 0 1rem;color:#4caf50;font-size:1.5rem;text-align:center}.path-message{color:#ddd;font-size:1rem;line-height:1.6;margin:0 0 1rem;text-align:center}.path-note{color:#aaa;font-size:.9rem;font-style:italic;margin:0 0 1.5rem;text-align:center}.path-actions{display:flex;flex-direction:column;gap:1rem}.path-button{padding:1rem;border:none;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.path-button.primary{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.path-button.primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #4caf504d}.path-button.secondary{background:#4caf5026;border:1px solid rgba(76,175,80,.3);color:#4caf50}.path-button.secondary:hover{background:#4caf5040}@media (max-width: 600px){.coherence-path-modal{padding:1.5rem}.coherence-path-modal h2{font-size:1.2rem}}.path-selection-section{max-width:900px;margin:0 auto 2rem;padding:2rem;background:#4caf500d;border:1px solid rgba(76,175,80,.2);border-radius:8px;color:#fff;overflow-x:hidden}.path-selection-section h3{color:#4caf50;margin:0 0 .5rem;font-size:1.3rem}.path-intro{color:#aaa;font-size:.95rem;margin:0 0 1.5rem}.path-selector-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1.2rem;margin-bottom:1.5rem}.path-card{position:relative;padding:1.2rem .8rem;background:#0000004d;border:2px solid rgba(76,175,80,.3);border-radius:6px;color:#fff;cursor:pointer;transition:all .2s ease;text-align:center;font-weight:600;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:140px;word-wrap:break-word;overflow-wrap:break-word}.path-card:hover:not(:disabled){border-color:#4caf5099;background:#4caf501a;box-shadow:0 0 12px #4caf5033}.path-card.selected{background:#4caf5033;border-color:#4caf50;box-shadow:0 0 16px #4caf5066}.path-card:disabled{opacity:.5;cursor:not-allowed}.path-card .path-name{display:block;font-size:.9rem;margin-bottom:.6rem;color:#fff;line-height:1.3}.path-card.selected .path-name{color:#4caf50}.path-card .path-elements{display:block;font-size:.7rem;color:#4caf50b3;line-height:1.5;white-space:normal;word-break:break-word}.path-card .checkmark{position:absolute;top:.5rem;right:.5rem;color:#4caf50;font-size:1.2rem}.path-narrative{padding:1rem;background:#4caf5014;border-left:3px solid rgba(76,175,80,.4);border-radius:4px;color:#ccc;font-size:.95rem;line-height:1.6;font-style:italic}.path-narrative p{margin:0}.word-delta{display:inline-block;font-size:.7rem;padding:.3rem .5rem;border-radius:3px;margin-top:.3rem;font-weight:700;letter-spacing:.5px;background:#4caf5026;color:#4caf50;min-width:40px;text-align:center}.word-delta.gain{background:#4caf5040;color:#7cff50;box-shadow:0 0 4px #4caf504d}.word-delta.neutral{background:#64646426;color:#999}.word-button-simple.positive{border-color:#4caf5080}.word-button-simple.positive:hover:not(:disabled){border-color:#7cff50cc;background:#4caf5026}.word-button-simple.weak{opacity:.7}.word-button-simple.neutral{border-color:#4caf504d}@media (max-width: 768px){.station-detail-page{padding:1.5rem;padding-left:100px}section{padding:1.5rem}.path-selector-grid{grid-template-columns:repeat(2,1fr);gap:.9rem}.path-card{min-height:130px;padding:.9rem .7rem}.path-card .path-name{font-size:.8rem}.path-card .path-elements{font-size:.65rem}.preview-grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.9rem}.preview-item{padding:.9rem .6rem;min-height:90px}.preview-label{font-size:.75rem}.preview-value{font-size:1.3rem}}@media (max-width: 480px){.station-detail-page{padding:1rem;padding-left:90px}section{padding:1.2rem}.path-selection-section{padding:1.2rem;margin:0 auto 1.2rem}.path-selector-grid{grid-template-columns:1fr;gap:.8rem}.path-card{min-height:120px;padding:.8rem .6rem}.path-card .path-name{font-size:.75rem;margin-bottom:.4rem}.path-card .path-elements{font-size:.6rem;line-height:1.3}.preview-grid{grid-template-columns:1fr;gap:.8rem}.preview-item{padding:.8rem .6rem;min-height:80px}.preview-label{font-size:.7rem}.preview-value{font-size:1.2rem}.success-modal{align-items:flex-start;padding-top:.5rem}.success-content{width:100%;max-width:100%;border-radius:12px 12px 0 0;padding:1.5rem 1rem;margin-top:auto}.success-icon{font-size:2.5rem}.success-content h2{font-size:1.3rem}.success-content p{font-size:.9rem}.modal-overlay,.logout-warning-overlay{align-items:flex-start;padding-top:.5rem}.logout-warning-modal{width:100%;max-width:100%;max-height:calc(100vh - 1rem);border-radius:12px 12px 0 0;padding:1.5rem 1rem;margin-top:auto}.logout-warning-modal h2{font-size:1.2rem}.warning-section{padding:1rem}.warning-section h4{font-size:.9rem}.warning-section p{font-size:.85rem}.logout-warning-actions{flex-direction:column;gap:.75rem}.warning-button{width:100%;padding:.65rem 1rem}.coherence-path-overlay{align-items:flex-start;padding-top:.5rem}.coherence-path-modal{width:100%;max-width:100%;max-height:calc(100vh - 1rem);border-radius:12px 12px 0 0;padding:1.5rem 1rem;margin-top:auto}.coherence-path-modal h2{font-size:1.2rem}.path-message,.path-note{font-size:.9rem}.path-button{padding:.75rem;font-size:.85rem}}.reflection-first-section{background:#64b4dc0d;border:1px solid rgba(100,180,220,.2);border-left:4px solid #64b4dc;border-radius:8px;padding:2rem;margin:2rem auto;max-width:800px}.reflection-first-section h3{color:#64b4dc;margin:0 0 1.5rem;font-size:1.3rem;letter-spacing:.5px}.station-inquiry{background:#0000004d;border:1px solid rgba(100,180,220,.15);border-radius:6px;padding:1.5rem;margin-bottom:1.5rem}.inquiry-questions-list{display:flex;flex-direction:column;gap:1.2rem}.inquiry-question-item{padding:1rem;background:#64b4dc0d;border-left:3px solid #64b4dc;border-radius:4px}.inquiry-question-item .question-number{color:#64b4dc;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:.5rem}.inquiry-question-item .inquiry-question-text{color:#bbb;font-size:1rem;line-height:1.6;margin:0;font-style:italic}.combined-inquiry{color:#a0a0a0;font-size:1rem;line-height:1.8;margin:0;font-style:italic}.reflection-first-section textarea{width:100%;background:#0006;border:1px solid rgba(100,180,220,.3);border-radius:6px;color:#ddd;padding:1rem;font-family:Georgia,serif;font-size:.95rem;line-height:1.7;resize:vertical}.reflection-first-section textarea::placeholder{color:#666}.reflection-first-section textarea.error{border-color:#ff6b6b;background:#ff6b6b0d}.reflection-first-section .error-message{color:#ff6b6b;font-size:.85rem;display:block;margin-top:.5rem}.reflection-first-section .char-count{color:#888;font-size:.8rem;display:block;margin-top:.5rem}.archetype-suggestion-section{background:#c084fa0d;border:1px solid rgba(192,132,250,.2);border-left:4px solid #c084fa;border-radius:8px;padding:2rem;margin:2rem auto;max-width:800px}.archetype-suggestion-section h3{color:#c084fa;margin:0 0 1rem;font-size:1.3rem;letter-spacing:.5px}.suggestion-intro{color:#a0a0a0;font-size:.95rem;margin-bottom:1.5rem;line-height:1.6}.archetype-suggestions{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1.5rem}.archetype-card{background:#0000004d;border:2px solid rgba(192,132,250,.3);border-radius:8px;padding:1.5rem;cursor:pointer;transition:all .3s ease}.archetype-card:hover{background:#c084fa1a;border-color:#c084fa99;transform:translateY(-2px)}.archetype-card.selected{background:#c084fa26;border-color:#c084fa;box-shadow:0 0 20px #c084fa4d}.archetype-name{color:#c084fa;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.archetype-reasoning{color:#888;font-size:.85rem;line-height:1.5;margin-bottom:.8rem}.archetype-confidence{color:#64b4dc;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.archetype-selected-info{background:#4caf501a;border:1px solid rgba(76,175,80,.3);border-radius:6px;padding:1rem;color:#a0a0a0;font-size:.9rem;line-height:1.6}.archetype-selected-info strong{color:#4caf50;font-weight:600}.selected-archetype-tag{background:#c084fa33;border:1px solid #c084fa;color:#c084fa;padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600;margin-left:1rem;letter-spacing:.3px}@media (max-width: 768px){.reflection-first-section,.archetype-suggestion-section{padding:1.5rem;margin:1.5rem 0}.archetype-suggestions{grid-template-columns:1fr}}.journal-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease;overflow-y:auto;padding:1rem;-webkit-overflow-scrolling:touch}.journal-modal-container{background:linear-gradient(135deg,#0a0a0a,#1a1a2e);border:2px solid rgba(76,175,80,.3);border-radius:12px;width:90%;max-width:900px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #000c,inset 0 0 40px #4caf500d;animation:slideUp .3s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.journal-header{padding:2rem;background:linear-gradient(180deg,rgba(76,175,80,.1) 0%,transparent 100%);border-bottom:1px solid rgba(76,175,80,.2);position:relative}.journal-header h2{margin:0 0 .5rem;font-size:1.8rem;color:#4caf50;font-weight:300;letter-spacing:2px}.journal-subtitle{margin:0;color:#999;font-size:.95rem;font-style:italic;letter-spacing:.5px}.journal-close-btn{position:absolute;top:1.5rem;right:1.5rem;background:none;border:none;color:#999;font-size:1.5rem;cursor:pointer;transition:color .2s ease;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.journal-close-btn:hover{color:#4caf50}.journal-empty{padding:3rem 2rem;text-align:center;color:#666;font-style:italic}.journal-entries-list{flex:1;overflow-y:auto;padding:2rem;display:flex;flex-direction:column;gap:2.5rem}.journal-entries-list::-webkit-scrollbar{width:8px}.journal-entries-list::-webkit-scrollbar-track{background:#4caf500d;border-radius:4px}.journal-entries-list::-webkit-scrollbar-thumb{background:#4caf504d;border-radius:4px;transition:background .2s}.journal-entries-list::-webkit-scrollbar-thumb:hover{background:#4caf5080}.journal-date-section{display:flex;flex-direction:column;gap:1rem}.journal-date-header{display:flex;align-items:center;gap:1rem;padding-bottom:1rem;border-bottom:2px solid rgba(76,175,80,.2);margin-bottom:.5rem}.date-marker{font-size:1.2rem;color:#4caf5099}.journal-date-header h3{margin:0;color:#4caf50;font-size:1.1rem;font-weight:400;letter-spacing:1px;text-transform:uppercase}.journal-entries-for-date{display:flex;flex-direction:column;gap:.75rem;padding-left:1.5rem;border-left:3px solid rgba(76,175,80,.2)}.journal-entry{background:#0000004d;border:1px solid rgba(76,175,80,.2);border-radius:8px;padding:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;overflow:hidden}.journal-entry:hover{background:#4caf500d;border-color:#4caf5066}.journal-entry.expanded{background:#4caf5014;border-color:#4caf50;box-shadow:0 4px 12px #4caf501a}.journal-entry-header{display:grid;grid-template-columns:60px 1fr 120px 30px;gap:1rem;align-items:center}.entry-time{font-size:.85rem;color:#999;font-weight:500;text-align:center}.entry-station{display:flex;flex-direction:column;gap:.2rem}.station-number{font-size:.75rem;color:#4caf5099;text-transform:uppercase;letter-spacing:.5px}.station-name{font-size:.95rem;color:#bbb;font-weight:500}.entry-coherence{display:flex;flex-direction:column;gap:.2rem;text-align:right}.coherence-label{font-size:.75rem;color:#666;text-transform:uppercase;letter-spacing:.5px}.coherence-value{font-size:1rem;color:#4caf50;font-weight:600}.entry-expand-icon{color:#4caf50;font-size:.8rem;text-align:center;transition:transform .3s ease}.journal-entry.expanded .entry-expand-icon{transform:scaleY(-1)}.journal-entry-content{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(76,175,80,.15);animation:expandDown .3s ease}@keyframes expandDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:1000px}}.entry-words-section h4,.entry-reflection-section h4{margin:0 0 .75rem;font-size:.85rem;color:#4caf50cc;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.words-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem;padding:.75rem;background:#0003;border-radius:4px;border-left:3px solid rgba(76,175,80,.3)}.word-choice-item{display:flex;gap:.75rem;font-size:.9rem}.word-label{color:#666;min-width:100px}.word-value{color:#4caf50;font-weight:500;font-style:italic}.entry-reflection-section{margin-bottom:1.5rem}.entry-reflection-text{margin:0;color:#bbb;line-height:1.7;font-size:.95rem;white-space:pre-wrap;word-wrap:break-word;padding:1rem;background:#0003;border-radius:4px;border-left:3px solid rgba(76,175,80,.3)}.entry-metadata{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding-top:1rem;border-top:1px solid rgba(76,175,80,.15);font-size:.85rem}.meta-item{display:flex;justify-content:space-between;align-items:center}.meta-label{color:#666;text-transform:uppercase;letter-spacing:.5px}.meta-value{color:#4caf50;font-weight:600}.journal-footer{padding:1.5rem 2rem;background:#4caf500d;border-top:1px solid rgba(76,175,80,.2);display:flex;justify-content:space-between;align-items:center}.journal-footer p{margin:0;color:#666;font-size:.85rem}.journal-export-btn{padding:.6rem 1.5rem;background:#4caf5033;border:1px solid rgba(76,175,80,.4);color:#4caf50;border-radius:4px;cursor:pointer;font-weight:500;transition:all .2s ease;font-size:.85rem}.journal-export-btn:hover{background:#4caf504d;border-color:#4caf50}@media (max-width: 768px){.journal-modal-overlay{align-items:flex-start;padding-top:.5rem}.journal-modal-container{width:100%;max-width:100%;max-height:calc(100vh - 1rem);border-radius:12px 12px 0 0;margin-top:auto}.journal-header{padding:1.5rem}.journal-header h2{font-size:1.4rem}.journal-entries-list{padding:1.5rem}.journal-entry-header{grid-template-columns:1fr;gap:.5rem}.entry-coherence{text-align:left;flex-direction:row;gap:.5rem}.journal-footer{flex-direction:column;gap:1rem;text-align:center}.entry-metadata{grid-template-columns:1fr}}@media (max-width: 480px){.journal-modal-overlay{padding:.5rem}.journal-modal-container{max-height:calc(100vh - .5rem);border-radius:12px 12px 0 0}.journal-header{padding:1rem}.journal-header h2{font-size:1.2rem;letter-spacing:1px}.journal-subtitle{font-size:.85rem}.journal-entries-list{padding:1rem;gap:1.5rem}.journal-date-header{gap:.5rem}.journal-date-header h3{font-size:.95rem}.date-marker{font-size:1rem}.journal-entry{padding:.75rem}.journal-entry-header{gap:.25rem}.entry-time{font-size:.75rem}.station-name{font-size:.85rem}.coherence-value{font-size:.9rem}.entry-reflection-text{font-size:.85rem;padding:.75rem}.journal-footer{padding:1rem}.journal-export-btn{font-size:.8rem;padding:.5rem 1rem}}.coherence-line-chart{display:flex;flex-direction:column;gap:1.5rem;margin:2rem 0;padding:1.5rem;background:#1a1a1a;border:3px double #d4af37;border-radius:0}.line-svg{width:100%;height:auto;min-height:250px}.chart-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.info-item{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;background:#0a0a0a;border:2px solid #d4af37;border-radius:0}.info-label{color:#b8860b;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.info-value{color:#ff6b35;font-size:1.3rem;font-weight:700;font-family:Courier New,monospace}@media (max-width: 768px){.coherence-line-chart{padding:1rem}.line-svg{min-height:200px}.chart-info{grid-template-columns:repeat(2,1fr);gap:.75rem}.info-item{padding:.5rem}.info-label{font-size:.7rem}.info-value{font-size:1rem}}.elemental-radar-chart{display:flex;flex-direction:column;align-items:center;gap:1.5rem;margin:2rem 0;padding:1.5rem;background:#1a1a1a;border:3px double #d4af37;border-radius:0}.radar-svg{width:100%;max-width:300px;height:auto;aspect-ratio:1}.radar-legend{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%}.radar-note{color:#b8860b;font-size:.85rem;font-style:italic;text-align:center;margin-bottom:.5rem}.radar-legend-item{display:flex;align-items:center;gap:.75rem}.radar-color{display:inline-block;width:12px;height:12px;border:2px solid #d4af37;border-radius:0}.radar-name{color:#d4af37;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}@media (max-width: 768px){.elemental-radar-chart{padding:1rem}.radar-svg{max-width:250px}.radar-note{font-size:.75rem}.radar-legend-item{gap:.5rem}.radar-name{font-size:.8rem}}.coherence-indicator{margin-bottom:2rem;padding:1rem;border-radius:8px;background:linear-gradient(135deg,#6bc3ff14,#6bc3ff08);border:1px solid rgba(107,195,255,.2);transition:all .3s ease}.coherence-indicator.clear{background:linear-gradient(135deg,#6bc3ff1f,#6bc3ff0d);border-color:#6bc3ff4d}.coherence-indicator.questioning{background:linear-gradient(135deg,#ffc1071f,#ffc1070d);border-color:#ffc1074d}.coherence-indicator.dissolving{background:linear-gradient(135deg,#ff6b6b1f,#ff6b6b0d);border-color:#ff6b6b4d}.coherence-indicator.fractured{background:linear-gradient(135deg,#ff6b6b26,#c084fa14);border-color:#ff6b6b66;box-shadow:0 0 20px #ff6b6b1a}.coherence-bar{width:100%;height:8px;background:#0000004d;border-radius:4px;overflow:hidden;margin-bottom:1rem}.coherence-fill{height:100%;background:linear-gradient(90deg,#6bc3ff,#81c784);border-radius:4px;transition:width .5s ease,background .3s ease}.coherence-indicator.questioning .coherence-fill{background:linear-gradient(90deg,#ffc107,#ffb74d)}.coherence-indicator.dissolving .coherence-fill{background:linear-gradient(90deg,#ff8787,#ff6b6b)}.coherence-indicator.fractured .coherence-fill{background:linear-gradient(90deg,#c084fa,#ff6b6b)}.coherence-info{display:flex;align-items:center;gap:1rem;font-size:.85rem}.coherence-label{color:#b8a89f;text-transform:uppercase;letter-spacing:1px;font-weight:500}.coherence-value{color:#f0e6d2;font-weight:600;font-size:1.1rem}.response-count{margin-left:auto;color:#8b7d73;font-style:italic}.coherence-warning{margin-top:1rem;padding:.75rem;background:#ff6b6b1a;border-left:3px solid rgba(255,107,107,.4);color:#ff8787;font-size:.9rem;border-radius:4px;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@media (max-width: 768px){.coherence-info{flex-wrap:wrap}.response-count{margin-left:0;width:100%;text-align:right}}.phase2-verbose-report.comprehensive{max-width:1000px;margin:0 auto;padding:0;background:#0a0a0a;color:#e0e0e0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.card-reveal-section{position:relative;height:500px;overflow:hidden;background:linear-gradient(135deg,#0a0a0a,#1a1a1a)}.card-image-wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.archetype-card-image{max-width:300px;max-height:450px;object-fit:contain;filter:drop-shadow(0 8px 24px rgba(255,215,0,.3))}.card-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(180deg,#0000,#000c,#000);padding:3rem 2rem 2rem;text-align:center}.card-title{font-size:2rem;color:gold;margin:0 0 .5rem;font-weight:700;letter-spacing:-.5px}.card-quote{font-size:1rem;color:#ccc;margin:0;font-style:italic;line-height:1.5}.spirit-quest-header{padding:3rem 2rem;background:#ffd70005;border-bottom:2px solid rgba(255,215,0,.2);text-align:center}.quest-label{font-size:.8rem;color:gold;text-transform:uppercase;letter-spacing:2px;margin-bottom:.5rem;font-weight:600}.quest-title{font-size:2.5rem;color:gold;margin:0 0 .5rem;font-weight:700}.quest-subtitle{font-size:1.1rem;color:#999;margin:0}.content-section{padding:2.5rem 2rem;border-bottom:1px solid rgba(255,215,0,.1)}.content-section .section-icon{display:block;text-align:center;color:gold;font-size:1.2rem;margin-bottom:1rem;opacity:.6}.section-title{font-size:1.5rem;color:gold;margin:0 0 1.5rem;font-weight:700;text-align:center;text-transform:uppercase;letter-spacing:1px}.essence-content{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.essence-gift{background:#ffd7000a;border:1px solid rgba(255,215,0,.2);border-radius:8px;padding:1.5rem;display:flex;align-items:center;justify-content:center}.gift-text{font-size:1.1rem;color:gold;line-height:1.7;margin:0;text-align:center;font-weight:500}.elemental-matrix{background:#6495ed0a;border:1px solid rgba(100,149,237,.2);border-radius:8px;padding:1.5rem}.elemental-matrix h4{color:#6495ed;margin:0 0 1rem;font-size:1rem;text-transform:uppercase;letter-spacing:.5px}.matrix-scores{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.matrix-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#6495ed0d;border-radius:4px}.element-name{color:#999;font-size:.9rem;font-weight:600}.element-score{color:#6495ed;font-weight:700;font-size:1rem}.arc-summary{font-size:1.05rem;color:#ddd;line-height:1.7;margin:0 0 1rem}.arc-pattern{font-size:.95rem;color:#999;line-height:1.6;margin:0 0 1.5rem;font-style:italic}.progress-indicator{margin-top:1.5rem}.progress-bar-container{width:100%;height:8px;background:#ffd7001a;border-radius:4px;overflow:hidden;margin-bottom:.75rem}.progress-bar-fill{height:100%;background:linear-gradient(90deg,gold,#ffed4e);transition:width .3s ease}.progress-text{font-size:.9rem;color:#999}.elemental-content{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.elemental-block{padding:1.5rem;border-radius:8px;border-left:4px solid}.elemental-block.dominant{background:#ffd7000a;border-left-color:#ffd70066;border:1px solid rgba(255,215,0,.2);border-left:4px solid rgba(255,215,0,.4)}.elemental-block.deficient{background:#dc143c0a;border-left-color:#dc143c66;border:1px solid rgba(220,20,60,.2);border-left:4px solid rgba(220,20,60,.4)}.elemental-block h4{color:gold;margin:0 0 .75rem;font-size:.95rem;text-transform:uppercase;letter-spacing:.5px}.elemental-block .element-name{display:block;font-size:1.3rem;color:gold;font-weight:700;margin-bottom:.5rem}.elemental-block .element-desc{color:#999;font-size:.9rem;margin:.5rem 0}.elemental-block .element-meaning{color:#ccc;font-size:.95rem;line-height:1.6;margin:.75rem 0 0}.shadow-list{display:flex;flex-direction:column;gap:1.25rem}.shadow-item{background:#8b45130a;border:1px solid rgba(139,69,19,.2);border-radius:6px;padding:1.25rem;border-left:4px solid rgba(139,69,19,.4)}.shadow-item h4{color:#d2691e;margin:0 0 .5rem;font-size:1rem}.shadow-item p{color:#bbb;line-height:1.6;margin:0}.qualities-list{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.quality-item{background:#4caf500a;border:1px solid rgba(76,175,80,.2);border-radius:6px;padding:1.25rem;border-left:4px solid rgba(76,175,80,.4)}.quality-item h4{color:#4caf50;margin:0 0 .5rem;font-size:1rem}.quality-item p{color:#bbb;line-height:1.6;margin:0;font-size:.95rem}.stations-list{display:grid;grid-template-columns:1fr;gap:1rem}.station-item{background:#6495ed08;border:1px solid rgba(100,149,237,.15);border-radius:6px;padding:1rem}.station-item h4{color:#6495ed;margin:0 0 .5rem;font-size:1rem}.station-metrics{display:flex;gap:1.5rem;font-size:.9rem;color:#999}.message-text{font-size:1rem;color:#ddd;line-height:1.7;margin-bottom:1.5rem}.insights-showcase{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.insight-excerpt{background:#ffd7000d;border:1px solid rgba(255,215,0,.15);border-radius:6px;padding:1rem}.excerpt-text{color:gold;font-style:italic;font-size:.95rem;line-height:1.6;margin:0 0 .75rem}.excerpt-source{color:#888;font-size:.85rem;margin:0}.invitation-text{font-size:1.05rem;color:#ddd;line-height:1.8;margin:0}.praxis-list{margin:0;padding-left:1.5rem;color:#bbb;line-height:1.8}.praxis-list li{margin-bottom:1rem;color:#ccc}.praxis-list li::marker{color:gold;font-weight:700}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.metric-item{text-align:center;padding:1.5rem;background:#ffd70008;border:1px solid rgba(255,215,0,.15);border-radius:6px}.metric-label{display:block;color:#888;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;font-weight:600}.metric-value{display:block;font-size:2rem;color:gold;font-weight:700}.statekey-section{background:#ffd70005}.statekey-quote{color:gold;font-size:1.1rem;font-style:italic;text-align:center;margin:0 0 1.5rem;line-height:1.6;border-left:3px solid rgba(255,215,0,.3);padding-left:1rem}.statekey-description{color:#999;font-size:.95rem;margin-bottom:1.5rem;line-height:1.6}.statekey-preview{background:#000c;border:1px solid rgba(255,215,0,.2);border-radius:6px;padding:1rem;margin-bottom:1.5rem;overflow:hidden}.statekey-code{display:block;color:gold;font-family:IBM Plex Mono,monospace;font-size:.8rem;overflow-x:auto;word-break:break-all;line-height:1.4;margin:0}.statekey-actions{display:flex;gap:1rem;margin-bottom:1rem}.statekey-button{flex:1;padding:.85rem 1rem;border:1px solid rgba(255,215,0,.3);background:#ffd7000d;color:gold;border-radius:6px;cursor:pointer;font-weight:600;font-size:.9rem;transition:all .2s ease;text-align:center}.statekey-button:hover{background:#ffd7001f;border-color:#ffd70080;box-shadow:0 2px 8px #ffd7001a}.statekey-button:active{transform:scale(.98)}.statekey-hint{color:#666;font-size:.85rem;margin:0;line-height:1.5;font-style:italic}.audit-trail-section{background:#0006}.audit-intro{font-size:.95rem;color:#ccc;line-height:1.6;text-align:center;margin:0 0 1.5rem;font-style:italic}.audit-trail-list{display:flex;flex-direction:column;gap:.5rem;max-height:400px;overflow-y:auto;padding-right:.5rem}.audit-trail-list::-webkit-scrollbar{width:4px}.audit-trail-list::-webkit-scrollbar-thumb{background:#ffd7004d;border-radius:2px}.audit-trail-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:#ffd70008;border-left:3px solid rgba(255,215,0,.3);border-radius:4px;transition:background .2s ease}.audit-trail-item:hover{background:#ffd7000f}.audit-trail-date{flex-shrink:0;font-size:.8rem;color:#888;min-width:100px}.audit-trail-content{flex:1;display:flex;align-items:center;justify-content:space-between;gap:1rem}.audit-trail-shift{font-weight:700;color:gold;font-size:1rem;min-width:60px}.audit-trail-station{color:#ccc;font-size:.9rem}.phase1-foundation-section{background:linear-gradient(180deg,#ffd70005,#ffd7000a)}.foundation-message{font-size:1.05rem;color:#ddd;line-height:1.7;text-align:center;margin:0 0 1.5rem;font-style:italic;padding:0 1rem}.foundation-metrics{display:flex;flex-direction:column;gap:1.5rem}.convergence-display{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;padding:1.5rem;background:#ffd7000a;border:1px solid rgba(255,215,0,.2);border-radius:8px}.convergence-block{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1;min-width:120px}.convergence-label{font-size:.75rem;color:#888;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:.5rem}.convergence-value{font-size:1.25rem;color:gold;font-weight:700}.convergence-arrow{font-size:1.5rem;color:#ffd70080}.foundation-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.foundation-stat{text-align:center;padding:1rem;background:#0000004d;border:1px solid rgba(255,215,0,.15);border-radius:6px}.foundation-stat-label{display:block;color:#888;font-size:.75rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem}.foundation-stat-value{display:block;font-size:1.5rem;color:gold;font-weight:700}.trajectory-narrative{font-size:1rem;color:#ddd;line-height:1.7;text-align:center;margin:0 0 1.5rem;padding:0 1rem}.trajectory-chart{width:100%;height:100px;background:#0006;border:1px solid rgba(255,215,0,.2);border-radius:6px;margin-bottom:1.5rem;padding:.5rem}.trajectory-svg{width:100%;height:100%}.trajectory-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.trajectory-stat{text-align:center;padding:.75rem;background:#ffd70008;border-radius:4px}.trajectory-stat-label{display:block;color:#888;font-size:.7rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:.4rem}.trajectory-stat-value{display:block;font-size:1.1rem;color:gold;font-weight:600}.patterns-intro{font-size:1rem;color:#ccc;line-height:1.7;text-align:center;margin:0 0 1.5rem}.keyword-cloud,.elemental-pattern-display,.susceptibilities-display{background:#6495ed0a;border:1px solid rgba(100,149,237,.2);border-radius:8px;padding:1.25rem;margin-bottom:1rem}.keyword-cloud h4,.elemental-pattern-display h4,.susceptibilities-display h4{color:#6495ed;margin:0 0 1rem;font-size:.95rem;text-transform:uppercase;letter-spacing:.5px}.keyword-tags{display:flex;flex-wrap:wrap;gap:.5rem}.keyword-tag{background:#6495ed1a;color:#a4c4ff;padding:.4rem .85rem;border-radius:16px;font-size:.9rem;border:1px solid rgba(100,149,237,.3)}.elemental-pattern-text{color:#ddd;line-height:1.7;margin:0;font-size:.95rem}.elemental-pattern-text strong{color:gold;font-weight:700}.balanced-note{display:block;margin-top:.5rem;color:#4caf50;font-style:italic;font-size:.9rem}.susceptibilities-list{list-style:none;padding:0;margin:0}.susceptibilities-list li{color:#ccc;padding:.5rem 0;border-bottom:1px solid rgba(100,149,237,.1);font-size:.95rem;line-height:1.6}.susceptibilities-list li:last-child{border-bottom:none}.susceptibilities-list li strong{color:#a4c4ff;font-weight:600}.insights-intro{font-size:1rem;color:#ccc;line-height:1.7;text-align:center;margin:0 0 1.5rem}.insights-group{margin-bottom:1.5rem}.insights-group:last-child{margin-bottom:0}.insights-group-title{color:gold;font-size:.95rem;text-transform:uppercase;letter-spacing:1px;margin:0 0 1rem;font-weight:600;padding-bottom:.5rem;border-bottom:1px solid rgba(255,215,0,.2)}.insights-list{display:flex;flex-direction:column;gap:.75rem}.insight-card{background:#ffd70008;border:1px solid rgba(255,215,0,.15);border-left:3px solid rgba(255,215,0,.4);border-radius:6px;padding:1rem 1.25rem;position:relative}.insight-card.archetypal{border-left-color:gold;background:#ffd7000d}.insight-card.observation{border-left-color:#6495ed;background:#6495ed0a}.insight-card.challenge{border-left-color:#d2691e;background:#d2691e0a}.insight-lesson-marker{display:inline-block;color:#888;font-size:.75rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem;font-weight:600}.insight-text{color:#ddd;line-height:1.7;margin:0;font-size:.95rem}@media (max-width: 768px){.card-reveal-section{height:350px}.archetype-card-image{max-width:200px;max-height:320px}.card-overlay{padding:2rem 1.5rem 1.5rem}.card-title{font-size:1.5rem}.card-quote{font-size:.9rem}.essence-content,.elemental-content,.insights-showcase,.qualities-list{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(2,1fr)}.quest-title{font-size:1.8rem}.convergence-display{flex-direction:column}.convergence-arrow{transform:rotate(90deg)}.trajectory-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.content-section{padding:1.5rem 1rem}.quest-title{font-size:1.5rem}.section-title{font-size:1.2rem}.metrics-grid{grid-template-columns:1fr}.statekey-code{font-size:.6rem}}.talisman-subtext{color:#999;font-size:.9rem;margin:-.25rem 0 1rem}.talisman-export{background:#ffd7000a;border:1px solid rgba(255,215,0,.25);border-radius:12px;padding:2rem;color:#e0e0e0}.talisman-grid{display:flex;gap:2rem;flex-wrap:wrap;align-items:flex-start}.talisman-qr-panel{display:flex;flex-direction:column;align-items:center;gap:.5rem}.talisman-qr-frame{padding:12px;background:#0d0d0d;border:1px solid rgba(255,215,0,.35);border-radius:8px;line-height:0}.talisman-qr-caption{font-size:.75rem;color:#999;letter-spacing:.1em;text-transform:uppercase;margin:0}.talisman-summary-panel{flex:1;min-width:260px;display:flex;flex-direction:column;gap:.75rem}.talisman-summary-row{display:flex;justify-content:space-between;gap:1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,215,0,.1)}.talisman-summary-label{color:#999;font-size:.85rem;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.talisman-summary-value{color:#e0e0e0;text-align:right}.talisman-tier{color:gold;font-weight:600}.talisman-code-section{margin-top:1.5rem}.talisman-code-label{display:block;font-size:.85rem;color:#999;letter-spacing:.05em;text-transform:uppercase;margin-bottom:.5rem}.talisman-code-row{display:flex;gap:.75rem;align-items:stretch;flex-wrap:wrap}.talisman-code-field{flex:1;min-width:220px;background:#0d0d0d;border:1px solid rgba(255,215,0,.25);border-radius:6px;color:gold;font-family:monospace;font-size:.8rem;padding:.75rem;resize:vertical;word-break:break-all}.talisman-button{background:#ffd7001f;color:gold;border:1px solid rgba(255,215,0,.4);border-radius:6px;padding:.6rem 1.2rem;cursor:pointer;font-size:.9rem;font-weight:600;transition:background .2s ease}.talisman-button:hover{background:#ffd70038}.talisman-permissions{margin-top:1.5rem}.talisman-permissions-title{font-size:.85rem;color:#999;letter-spacing:.05em;text-transform:uppercase;margin:0 0 .75rem}.talisman-permissions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.5rem}.talisman-permission-toggle{display:flex;align-items:center;gap:.5rem;font-size:.9rem;cursor:pointer;padding:.4rem .6rem;border-radius:6px;border:1px solid transparent}.talisman-permission-toggle:hover{border-color:#ffd70033}.talisman-permission-toggle input{accent-color:#ffd700}.talisman-permission-flag{font-family:monospace;color:gold;font-weight:700;width:1rem}.talisman-actions{margin-top:1.5rem;display:flex;justify-content:flex-end}.talisman-download{padding:.75rem 1.5rem}@media (max-width: 600px){.talisman-export{padding:1.25rem}.talisman-grid{justify-content:center}.talisman-summary-value{text-align:right;font-size:.9rem}}.journey-record-page{min-height:100vh;padding:2rem;padding-left:120px;background:linear-gradient(135deg,#0a0a0a,#1a1a2e);color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;transition:background-color 1.5s ease}@media (max-width: 768px){.journey-record-page{padding-left:100px}}@media (max-width: 480px){.journey-record-page{padding-left:90px}}.journey-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a0a0a,#1a1a2e);color:gold;gap:1.5rem}.loading-spinner{width:48px;height:48px;border:3px solid rgba(255,215,0,.2);border-top-color:gold;border-radius:50%;animation:spin 1s linear infinite}.loading-message{font-size:1rem;color:#888;font-style:italic;letter-spacing:.5px}@keyframes spin{to{transform:rotate(360deg)}}.page-nav-header{max-width:1200px;margin:0 auto 2rem;display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;border-bottom:1px solid rgba(76,175,80,.15)}.nav-buttons-left{display:flex;gap:1rem;flex-wrap:wrap}.nav-buttons-right{display:flex;gap:1rem;align-items:center}.record-header{max-width:1200px;margin:0 auto 2rem;display:flex;justify-content:space-between;align-items:center;padding-bottom:2rem;border-bottom:2px solid rgba(76,175,80,.2)}.record-header h1{font-size:2.5rem;margin:0;color:#4caf50}.back-button{background:#4caf5033;border:1px solid rgba(76,175,80,.4);color:#4caf50;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-weight:600}section{max-width:1200px;margin:0 auto 2rem}section h3{color:#4caf50;font-size:1.3rem;margin:0 0 1.5rem;text-transform:uppercase;letter-spacing:1px}.profile-section .profile-card{background:linear-gradient(135deg,#4caf5026,#4caf500d);border:2px solid rgba(76,175,80,.3);border-radius:12px;padding:2.5rem;text-align:center}.profile-card h2{font-size:2rem;margin:0 0 .5rem;color:#fff}.profile-card .archetype-display{font-size:1.5rem;color:#4caf50;margin:.5rem 0 1rem}.profile-quote{font-size:1.1rem;font-style:italic;color:#ffd54f;margin:1rem 0;line-height:1.6}.profile-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:2rem;margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(76,175,80,.2)}.stat{text-align:center}.stat-label{display:block;color:#999;font-size:.85rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem}.stat-value{display:block;font-size:1.8rem;color:#4caf50;font-weight:700}.coherence-indicator-wrapper{margin:2rem 0;padding:1.5rem;background:#4caf5014;border:1px solid rgba(76,175,80,.15);border-radius:8px}.progress-section,.elemental-section{background:#4caf500d;border:1px solid rgba(76,175,80,.2);border-radius:8px;padding:2rem}.chart-container{background:#0003;border-radius:8px;padding:2rem 1rem}.simple-chart{display:flex;align-items:flex-end;justify-content:space-around;gap:.25rem;height:200px;margin-bottom:1rem}.chart-bar{flex:1;background:linear-gradient(180deg,#4caf50,#45a049);border-radius:4px 4px 0 0;min-height:4px;transition:all .3s ease}.chart-bar:hover{background:linear-gradient(180deg,#66bb6a,#4caf50)}.chart-label{display:flex;justify-content:space-between;font-size:.8rem;color:#666}.empty-message{text-align:center;color:#999;padding:1rem}.timeline-section{background:#4caf500d;border:1px solid rgba(76,175,80,.2);border-radius:8px;padding:2rem}.timeline-list{display:flex;flex-direction:column;gap:1.5rem}.timeline-item{display:flex;gap:1.5rem;padding-left:1rem;border-left:3px solid rgba(76,175,80,.3);position:relative}.timeline-dot{position:absolute;left:-6.5px;top:0;width:12px;height:12px;border-radius:50%;background:#4caf50;border:2px solid #0a0a0a}.timeline-content h4{margin:0 0 .5rem;color:#4caf50;font-size:1.1rem}.timeline-date{margin:0;color:#999;font-size:.85rem}.timeline-shift{margin:.5rem 0 0;color:#66bb6a;font-weight:600}.milestone-section{background:#2196f30d;border:1px solid rgba(33,150,243,.2);border-radius:8px;padding:2rem}.milestone-card{background:#0003;border:1px solid rgba(33,150,243,.2);border-radius:8px;padding:1.5rem;text-align:center}.milestone-current,.milestone-next{margin:.5rem 0;font-size:1.2rem;color:#2196f3;font-weight:600}.milestone-estimate{margin:1rem 0 0;color:#999}.suggested-section{background:#4caf500d;border:1px solid rgba(76,175,80,.2);border-radius:8px;padding:2rem}.suggested-list{display:flex;flex-direction:column;gap:.75rem}.suggested-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#4caf501a;border:1px solid rgba(76,175,80,.2);border-radius:6px;cursor:pointer;transition:all .2s ease}.suggested-item:hover{background:#4caf5033;border-color:#4caf50;transform:translate(4px)}.suggested-number{color:#4caf50;font-weight:600;min-width:50px}.suggested-name{flex:1;color:#bbb}.suggested-arrow{color:#4caf50;font-size:1.2rem}.backup-section{background:#4caf500d;border:1px solid rgba(76,175,80,.2);border-radius:8px;padding:2rem}.backup-card{background:#4caf501a;border:2px solid rgba(76,175,80,.3);border-radius:8px;padding:2rem;text-align:center}.backup-card p{margin:0 0 1.5rem;color:#bbb;line-height:1.6}.primary-button{background:#4caf50;border:none;color:#fff;padding:.95rem 2rem;border-radius:6px;cursor:pointer;font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:all .2s ease}.primary-button:hover{background:#45a049;box-shadow:0 4px 12px #4caf504d}.record-footer{max-width:1200px;margin:3rem auto 0;padding-top:2rem;border-top:1px solid rgba(76,175,80,.1);text-align:center}.nav-button{background:#4caf50;border:none;color:#fff;padding:.95rem 2rem;border-radius:6px;cursor:pointer;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.nav-button:hover{background:#45a049}@media (max-width: 768px){.journey-record-page{padding:1rem}.record-header{flex-direction:column;gap:1rem;align-items:flex-start}.record-header h1{font-size:1.8rem}.profile-stats{grid-template-columns:1fr;gap:1rem}.simple-chart{height:150px}}.completion-celebration-section{max-width:1200px;margin:40px auto;padding:40px;background:linear-gradient(135deg,#ffd7001a,#ffd7000d);border:2px solid rgba(255,215,0,.3);border-radius:16px;text-align:center}.completion-card{display:flex;flex-direction:column;align-items:center;gap:20px}.completion-card h2{font-size:32px;color:gold;margin:0;letter-spacing:1px}.completion-card p{font-size:16px;color:#ffd700cc;margin:0}.jewelry-selection-button{padding:16px 48px;font-size:16px;font-weight:600;background:linear-gradient(135deg,gold,#ffed4e);color:#1a1a2e;border:none;border-radius:8px;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 8px 24px #ffd7004d;transition:all .3s ease}.jewelry-selection-button:hover{transform:translateY(-2px);box-shadow:0 12px 32px #ffd70066}.jewelry-selection-button:active{transform:translateY(0)}.phase2-report-section{max-width:1200px;margin:40px auto}.honor-journey-section{max-width:1200px;margin:2rem auto;padding:2rem;background:linear-gradient(135deg,#d4af3714,#ffd7000d);border:2px solid rgba(212,175,55,.2);border-radius:12px;text-align:center;pointer-events:auto}.honor-journey-title{color:#d4af37;margin-bottom:1.5rem;font-size:1.8rem;font-weight:700;letter-spacing:1px}.honor-journey-subtitle{color:#e0e0e0;margin-bottom:2rem;font-size:1.05rem;line-height:1.6}.honor-journey-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-bottom:2rem}.honor-journey-button{padding:1.5rem;background:#d4af371a;border:2px solid rgba(212,175,55,.3);border-radius:8px;color:#d4af37;cursor:pointer;font-size:1.1rem;font-weight:600;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;pointer-events:auto;-webkit-user-select:none;user-select:none}.honor-journey-button:hover{background:#d4af3733;border-color:#d4af37;transform:translateY(-4px);box-shadow:0 8px 24px #d4af3733}.honor-journey-button:active{transform:translateY(-2px)}.honor-button-icon{font-size:2.5rem;line-height:1}.honor-button-title{font-weight:600;color:#d4af37}.honor-button-subtitle{font-size:.85rem;color:#d4af37b3;font-weight:400}.final-jewelry-section{max-width:1200px;margin:2rem auto;padding:2rem;background:linear-gradient(135deg,#ffd70014,#d4af370d);border:2px solid rgba(255,215,0,.25);border-radius:12px;text-align:center}.final-jewelry-section-title{color:gold;margin-bottom:1rem;font-size:2rem;font-weight:700;letter-spacing:1px}.final-jewelry-section-subtitle{color:#e0e0e0;margin-bottom:2rem;font-size:1.05rem;line-height:1.6}.vision-section,.maze-section{margin-top:2.5rem}.myth-summary{background:#ffd7000a;border:1px solid rgba(255,215,0,.22);border-radius:12px;padding:1.5rem}.myth-dominant{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem}.myth-sym{font-size:2.6rem;line-height:1;color:gold;text-shadow:0 0 18px rgba(255,215,0,.5)}.myth-label{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:#999}.myth-arch{font-size:1.5rem;color:gold;font-weight:600;letter-spacing:.04em}.myth-bars{display:flex;flex-direction:column;gap:.5rem}.myth-bar-row{display:grid;grid-template-columns:11rem 1fr 2.6rem;align-items:center;gap:.75rem;font-size:.85rem;color:#e0e0e0}.myth-bar-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.myth-bar-track{height:7px;border-radius:4px;background:#ffffff12;overflow:hidden}.myth-bar-fill{display:block;height:100%;background:linear-gradient(90deg,#ff9500,gold);border-radius:4px}.myth-bar-pct{text-align:right;color:gold;font-variant-numeric:tabular-nums;font-size:.8rem}.myth-note{margin:1.1rem 0 0;font-size:.82rem;font-style:italic;color:#999;line-height:1.5}.vision-revelation{margin:.6rem 0;padding:.75rem 1rem;border-left:2px solid #ffd700;background:#ffd7000d;font-style:italic;color:#f5e9d8;line-height:1.55}.vision-revelation cite{display:block;margin-top:.4rem;font-style:normal;font-size:.78rem;color:#c8a24b}.elemental-alignment-grid-container{max-width:600px;margin:2rem auto;padding:2rem;background:#4caf500d;border:1px solid rgba(76,175,80,.2);border-radius:8px;color:#fff}.grid-header{text-align:center;margin-bottom:2rem}.grid-header h3{color:#4caf50;font-size:1.5rem;margin:0 0 .5rem}.grid-instruction{color:#aaa;font-size:.95rem;margin:0}.accuracy-indicator{display:flex;align-items:center;gap:1rem;padding:1rem;margin-bottom:1.5rem;border-radius:6px;background:#0003;border-left:4px solid rgba(76,175,80,.5)}.accuracy-indicator.accuracy-high{border-left-color:#4caf50;background:#4caf501a}.accuracy-indicator.accuracy-medium{border-left-color:#ff9800;background:#ff98001a}.accuracy-indicator.accuracy-low{border-left-color:#f44336;background:#f443361a}.accuracy-label{flex:0 0 auto;color:#aaa;font-weight:600}.accuracy-value{flex:0 0 auto;color:#4caf50;font-size:1.3rem;font-weight:700}.accuracy-bar{flex:1;height:6px;background:#0000004d;border-radius:3px;overflow:hidden}.accuracy-fill{height:100%;background:linear-gradient(90deg,#f44336,#ff9800,#4caf50);transition:width .3s ease}.elemental-grid-wrapper{display:flex;gap:2rem;margin-bottom:2rem;justify-content:center}.y-axis-labels{display:flex;flex-direction:column;justify-content:space-around;gap:1rem;text-align:right}.y-label{width:100px;font-size:.75rem;color:#4caf5099;font-weight:600;letter-spacing:.5px;display:flex;align-items:center;justify-content:flex-end}.grid-content{display:flex;flex-direction:column;gap:1rem}.elemental-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.8rem;width:100%;max-width:380px;aspect-ratio:1;padding:1rem;background:#0000004d;border:2px solid rgba(76,175,80,.2);border-radius:8px}.grid-row{display:contents}.grid-tile{position:relative;display:flex;align-items:center;justify-content:center;padding:0;background:#0006;border:2px solid rgba(76,175,80,.2);border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:1.5rem;aspect-ratio:1}.grid-tile:hover:not(:disabled){border-color:#4caf5080;background:#4caf501a;box-shadow:0 0 8px #4caf5033}.grid-tile.selected{background:#4caf5033;border-color:#4caf50;box-shadow:0 0 12px #4caf504d}.grid-tile.boss-position{background:#ff980026;border-color:#ff9800}.grid-tile.disabled{cursor:not-allowed;opacity:.7}.tile-icon{display:block;animation:pulse .6s ease-in-out infinite;text-shadow:0 0 2px rgba(0,0,0,.6),0 0 4px rgba(0,0,0,.4);filter:drop-shadow(0 0 1px rgba(255,255,255,.3))}.grid-tile.boss-position .tile-icon{color:gold;text-shadow:0 0 4px rgba(255,215,0,.6),0 0 8px rgba(255,152,0,.4);filter:drop-shadow(0 0 2px rgba(255,215,0,.5))}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.x-axis-labels{display:grid;grid-template-columns:repeat(5,1fr);gap:.8rem;width:100%;max-width:380px}.x-label{text-align:center;font-size:.65rem;color:#4caf5099;font-weight:600;letter-spacing:.5px}.position-summary{display:flex;gap:2rem;padding:1rem;background:#0003;border-radius:6px;margin-bottom:1.5rem;justify-content:center;flex-wrap:wrap}.summary-item{display:flex;flex-direction:column;align-items:center;gap:.5rem}.summary-label{color:#999;font-size:.85rem;font-weight:600}.summary-value{color:#4caf50;font-size:1.2rem;font-weight:700;font-family:Courier New,monospace}.summary-value.distance-0{color:#4caf50;text-shadow:0 0 8px rgba(76,175,80,.5)}.summary-value.distance-1,.summary-value.distance-2{color:#ff9800}.summary-value.distance-3,.summary-value.distance-4,.summary-value.distance-5,.summary-value.distance-6,.summary-value.distance-7,.summary-value.distance-8{color:#f44336}.grid-legend{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;padding-top:1rem;border-top:1px solid rgba(76,175,80,.1)}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#aaa}.legend-icon{font-size:1.2rem;display:inline-block}@media (max-width: 768px){.elemental-alignment-grid-container{padding:1.5rem;margin:1rem auto;max-width:500px}.elemental-grid-wrapper{gap:1rem}.y-axis-labels{gap:.4rem}.y-label{width:70px;font-size:.65rem}.elemental-grid{max-width:320px;gap:.7rem;padding:.8rem}.grid-tile{font-size:1.2rem}.x-axis-labels{max-width:320px;gap:.7rem}.x-label{font-size:.6rem}.position-summary{gap:1rem}.grid-legend{gap:.8rem}}@media (max-width: 480px){.elemental-alignment-grid-container{padding:1rem;max-width:100%}.elemental-grid-wrapper{gap:.3rem;flex-wrap:wrap}.y-axis-labels{gap:.3rem;flex:0 0 50px}.y-label{width:50px;font-size:.5rem;line-height:1.2}.grid-content{flex:1 1 auto;min-width:280px}.elemental-grid{max-width:100%;width:100%;aspect-ratio:1;gap:.5rem;padding:.5rem}.grid-tile{font-size:.9rem;min-height:40px}.x-axis-labels{max-width:100%;width:100%;gap:.5rem}.x-label{font-size:.5rem;line-height:1.2}.accuracy-indicator{gap:.5rem;flex-wrap:wrap}.accuracy-value{font-size:1rem}.position-summary{gap:.75rem;padding:.75rem}.grid-legend{gap:.6rem}.legend-item{font-size:.8rem}}.phase3b-dashboard{min-height:100vh;padding:2rem;background:linear-gradient(135deg,#000000f2,#4caf500d);color:#fff}.phase3b-header{text-align:center;margin-bottom:3rem}.phase3b-header h1{font-size:2.5rem;margin:0 0 .5rem;color:#4caf50;font-weight:700;letter-spacing:.15em;text-shadow:0 0 20px rgba(76,175,80,.3)}.phase3b-header .tagline{font-size:1.1rem;color:#aaa;margin:0;font-style:italic}.mastery-progress{max-width:800px;margin:0 auto 3rem;padding:2.5rem;background:#0006;border:1px solid rgba(76,175,80,.2);border-radius:12px}.coherence-display{text-align:center}.coherence-value{font-size:3.5rem;font-weight:700;color:#4caf50;margin:0 0 1rem;text-shadow:0 0 20px rgba(76,175,80,.3)}.progress-labels{display:flex;justify-content:space-between;margin:0 0 .5rem;font-size:.9rem;color:#888}.label-100{font-weight:600;color:#f44336}.label-200{font-weight:600;color:#4caf50}.progress-bar{width:100%;height:40px;background:#0009;border:2px solid rgba(76,175,80,.2);border-radius:20px;overflow:hidden;margin:0 0 1rem}.progress-fill{height:100%;background:linear-gradient(90deg,#f44336,#ff9800,#4caf50);transition:width .5s ease;box-shadow:0 0 20px #4caf5066}.progress-info{font-size:1.1rem;color:#fff;font-weight:600;margin-top:1rem}.next-boss-section{max-width:900px;margin:3rem auto}.next-boss-section h2{font-size:1.8rem;margin:0 0 2rem;color:#fff;text-align:center}.boss-card{background:#00000080;border:2px solid rgba(76,175,80,.3);border-radius:12px;padding:2.5rem;transition:all .3s ease}.boss-card.featured{border-color:#4caf50;background:#4caf5014;box-shadow:0 0 30px #4caf5026}.boss-card:hover{border-color:#4caf5099;background:#4caf501f}.boss-header{display:flex;justify-content:space-between;align-items:center;margin:0 0 1.5rem}.boss-header h3{font-size:2rem;margin:0;color:#fff;font-weight:700}.difficulty-badge{display:inline-block;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.difficulty-badge.easy{background:#4caf5033;color:#4caf50;border:1px solid #4caf50}.difficulty-badge.medium{background:#ff980033;color:#ff9800;border:1px solid #ff9800}.difficulty-badge.hard{background:#f4433633;color:#f44336;border:1px solid #f44336}.difficulty-badge.legendary{background:#9c27b033;color:#9c27b0;border:1px solid #9c27b0}.boss-narrative{font-size:1.1rem;line-height:1.7;color:#ddd;margin:0 0 1.5rem;font-style:italic}.boss-teaching{font-size:1rem;line-height:1.6;color:#aaa;margin:0 0 2rem;padding:1.5rem;background:#0000004d;border-left:3px solid #4caf50;border-radius:6px}.boss-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin:2rem 0}.stat{display:flex;flex-direction:column;gap:.5rem}.stat .label{font-size:.95rem;color:#888;text-transform:uppercase;letter-spacing:.05em}.stat .value{font-size:1.5rem;color:#4caf50;font-weight:700}.start-button{width:100%;padding:1.2rem;margin-top:1.5rem;background:#4caf50;color:#000;border:none;border-radius:8px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.1em}.start-button:hover{background:#66bb6a;box-shadow:0 0 25px #4caf5080;transform:translateY(-2px)}.start-button:active{transform:translateY(0)}.phase3b-end-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;color:#fff}.phase3b-end-screen.victory{background:linear-gradient(135deg,#4caf501a,#000000f2)}.phase3b-end-screen.failure{background:linear-gradient(135deg,#f443361a,#000000f2)}.end-container{max-width:700px;width:100%;text-align:center;padding:4rem 2rem}.end-container h1{font-size:3rem;margin:0 0 1rem;font-weight:700;letter-spacing:.15em;text-shadow:0 0 30px rgba(76,175,80,.3)}.phase3b-end-screen.victory .end-container h1{color:#4caf50;text-shadow:0 0 30px rgba(76,175,80,.4)}.phase3b-end-screen.failure .end-container h1{color:#f44336;text-shadow:0 0 30px rgba(244,67,54,.3)}.end-subtitle{font-size:1.5rem;color:#aaa;margin:0 0 2rem}.end-message{background:#0006;border:2px solid rgba(76,175,80,.2);border-radius:12px;padding:3rem 2rem;margin:2rem 0}.phase3b-end-screen.failure .end-message{border-color:#f4433633}.end-message p{font-size:1.2rem;line-height:1.8;margin:.5rem 0;color:#ddd;font-weight:500}.end-button{padding:1.2rem 3rem;background:#4caf50;color:#000;border:none;border-radius:8px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.1em;margin-top:2rem}.phase3b-end-screen.failure .end-button{background:#f44336}.end-button:hover{box-shadow:0 0 25px #4caf5080;transform:scale(1.05)}.phase3b-end-screen.failure .end-button:hover{background:#ef5350;box-shadow:0 0 25px #f443364d}.encounter-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.modal-content{max-width:700px;width:100%;background:#000000e6;border:2px solid #4caf50;border-radius:12px;padding:3rem;max-height:90vh;overflow-y:auto;box-shadow:0 0 40px #4caf5033}.modal-content h2{font-size:2rem;margin:0 0 1rem;color:#4caf50;text-align:center}.boss-card-image{margin:1.5rem 0 2rem;text-align:center}.boss-card-image img{height:200px;width:auto;border-radius:8px;box-shadow:0 0 20px #4caf504d;border:2px solid rgba(76,175,80,.2)}.encounter-description{font-size:1.4rem;color:#fff;margin:0 0 2rem;line-height:1.8;text-align:center;font-weight:600;padding:1.5rem;background:#4caf5014;border-left:3px solid #4caf50;border-radius:6px}.channel-section{margin:2rem 0}.channel-section label{display:block;font-size:1.1rem;color:#fff;margin:0 0 1.5rem;font-weight:600}.channel-slider{width:100%;height:8px;margin:1rem 0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#4caf5033;border-radius:4px;outline:none}.channel-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:#4caf50;cursor:pointer;border-radius:50%;box-shadow:0 0 10px #4caf5080;transition:all .2s ease}.channel-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 20px #4caf50b3}.channel-slider::-moz-range-thumb{width:20px;height:20px;background:#4caf50;cursor:pointer;border-radius:50%;border:none;box-shadow:0 0 10px #4caf5080;transition:all .2s ease}.channel-slider::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 0 20px #4caf50b3}.channel-display{display:flex;justify-content:space-between;align-items:center;margin:1.5rem 0;padding:1rem;background:#4caf501a;border-radius:8px}.channel-display span{font-size:1.1rem;color:#fff;font-weight:600}.channel-limit{color:#aaa;font-size:.95rem}.channel-outcomes{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:2rem 0}.outcome{padding:1rem;border-radius:8px;text-align:center;border:1px solid rgba(76,175,80,.2)}.outcome.success{background:#4caf501a;border-color:#4caf50}.outcome.close{background:#ff98001a;border-color:#ff9800}.outcome.miss{background:#f443361a;border-color:#f44336}.outcome .label{display:block;font-size:.9rem;color:#888;margin-bottom:.5rem;text-transform:uppercase}.outcome .value{display:block;font-size:1.3rem;font-weight:700;color:#4caf50}.outcome.close .value{color:#ff9800}.outcome.miss .value{color:#f44336}.action-buttons{display:flex;gap:1rem;margin:2rem 0 0}.primary-button,.secondary-button{flex:1;padding:1rem;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.05em}.primary-button{background:#4caf50;color:#000}.primary-button:hover:not(:disabled){background:#66bb6a;box-shadow:0 0 20px #4caf5080;transform:translateY(-2px)}.secondary-button{background:#4caf5033;color:#fff;border:1px solid rgba(76,175,80,.4)}.secondary-button:hover{background:#4caf504d;border-color:#4caf5099}.result-stats{background:#0000004d;border:1px solid rgba(76,175,80,.2);border-radius:8px;padding:2rem;margin:2rem 0}.result-stats .stat{display:flex;justify-content:space-between;align-items:center;margin:1rem 0;padding:.5rem 0;border-bottom:1px solid rgba(76,175,80,.1)}.result-stats .stat:last-child{border-bottom:none}.result-stats .label{color:#aaa;font-size:.95rem;text-transform:uppercase}.result-stats .value{color:#4caf50;font-size:1.3rem;font-weight:700}.result-stats .stat.gain .value{color:#4caf50}.result-narrative{font-size:1.1rem;line-height:1.8;color:#ddd;margin:2rem 0;padding:1.5rem;background:#4caf5014;border-left:3px solid #4caf50;border-radius:6px;font-style:italic;text-align:center}@media (max-width: 768px){.phase3b-header h1{font-size:1.8rem}.coherence-value{font-size:2.5rem}.boss-header{flex-direction:column;gap:1rem}.boss-header h3{font-size:1.5rem}.boss-stats,.channel-outcomes{grid-template-columns:1fr}.end-container h1{font-size:2rem}.modal-content{padding:2rem}.action-buttons{flex-direction:column}}@media (max-width: 480px){.phase3b-dashboard{padding:1rem}.phase3b-header h1{font-size:1.5rem}.coherence-value{font-size:2rem}.boss-narrative{font-size:1rem}.boss-teaching{font-size:.9rem}.start-button{padding:1rem;font-size:1rem}.encounter-modal{padding:1rem}.modal-content{padding:1.5rem}}.phase3-dashboard{min-height:100vh;padding:2rem;padding-left:120px;background:linear-gradient(135deg,#0a0a0af2,#1a1a2ef2),var(--env-background, linear-gradient(135deg, #0a0a0a 0%, #1a1a2e 100%));background-blend-mode:overlay;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.phase3-header{max-width:1000px;margin:0 auto 3rem;display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;padding-bottom:2rem;border-bottom:2px solid rgba(76,175,80,.2)}.header-left h1{font-size:2.5rem;margin:0 0 .5rem;color:#4caf50}.tagline{color:#aaa;font-size:1rem;margin:0}.header-right{display:flex;gap:1rem}.nav-button{padding:.75rem 1.5rem;background:#4caf501a;border:1px solid rgba(76,175,80,.3);color:#4caf50;border-radius:4px;cursor:pointer;font-weight:600;transition:all .2s ease}.nav-button:hover{background:#4caf5033;border-color:#4caf50}.nav-button.logout{background:#f443361a;border-color:#f443364d;color:#f44336}.nav-button.logout:hover{background:#f4433633;border-color:#f44336}.status-section{max-width:1000px;margin:0 auto 3rem;display:grid;grid-template-columns:1fr 1fr;gap:2rem}.coherence-display{padding:2rem;background:#4caf5014;border:2px solid rgba(76,175,80,.3);border-radius:8px;text-align:center}.coherence-value{font-size:3.5rem;font-weight:700;color:#4caf50;margin-bottom:.5rem}.coherence-label{color:#aaa;font-size:1.1rem;margin-bottom:1rem;text-transform:uppercase;letter-spacing:1px}.coherence-bar{width:100%;height:8px;background:#0000004d;border-radius:4px;overflow:hidden}.coherence-fill{height:100%;background:linear-gradient(90deg,#f44336,#ff9800 25%,#4caf50);transition:width .5s ease}.milestones{padding:2rem;background:#0003;border:1px solid rgba(76,175,80,.2);border-radius:8px}.milestones h3{color:#4caf50;margin:0 0 1.5rem;font-size:1.2rem}.milestone-list{display:flex;flex-direction:column;gap:.75rem}.milestone{display:flex;align-items:center;gap:1rem;padding:.75rem;background:#0003;border-radius:4px;color:#aaa;transition:all .2s ease}.milestone.reached{background:#4caf501a;color:#4caf50}.milestone-marker{font-weight:700;font-size:1.2rem;min-width:30px;text-align:center}.milestone-label{flex:1}.encounters-section{max-width:1000px;margin:0 auto 3rem}.encounters-section h2{color:#4caf50;margin-bottom:2rem;font-size:1.8rem}.next-boss-card{padding:2rem;background:#4caf5014;border:2px solid rgba(76,175,80,.3);border-radius:8px;margin-bottom:2rem}.next-boss-card.featured{border-color:#4caf50;box-shadow:0 0 20px #4caf5033}.boss-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.boss-header h3{color:#4caf50;margin:0;font-size:1.5rem}.difficulty-badge{padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.difficulty-badge.intro{background:#4caf5033;color:#4caf50}.difficulty-badge.intermediate{background:#ff980033;color:#ff9800}.difficulty-badge.advanced{background:#f4433633;color:#f44336}.difficulty-badge.mastery{background:#9c27b033;color:#bb86fc}.boss-narrative{font-size:1.1rem;color:#fff;margin:1rem 0;font-style:italic}.boss-teaching{color:#aaa;margin:1rem 0;line-height:1.6}.boss-stats{display:flex;gap:2rem;margin:1.5rem 0;padding:1rem 0;border-top:1px solid rgba(76,175,80,.2);border-bottom:1px solid rgba(76,175,80,.2)}.boss-stats .stat{display:flex;flex-direction:column;gap:.25rem}.boss-stats .label{color:#999;font-size:.9rem;font-weight:600}.boss-stats .value{color:#4caf50;font-size:1.3rem;font-weight:700}.other-encounters{margin-top:3rem}.other-encounters h3{color:#4caf50;margin-bottom:1.5rem}.encounter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.boss-card{padding:1.5rem;background:#0000004d;border:1px solid rgba(76,175,80,.2);border-radius:6px;display:flex;flex-direction:column;gap:1rem;transition:all .2s ease}.boss-card:hover{border-color:#4caf5080;background:#4caf501a;box-shadow:0 0 12px #4caf5033}.boss-card h4{color:#fff;margin:0;font-size:1.2rem}.boss-card .difficulty-badge{width:fit-content}.boss-snippet{color:#aaa;font-size:.9rem;margin:0;line-height:1.4}.boss-image-container{width:150px;height:200px;margin:0 auto 1rem;overflow:hidden;border-radius:4px;background:#0000004d;display:flex;align-items:center;justify-content:center}.boss-image{width:100%;height:100%;object-fit:contain}.boss-card-image-container{width:100%;height:120px;overflow:hidden;border-radius:4px;background:#0000004d;display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.boss-card-image{width:100%;height:100%;object-fit:contain}.select-button{padding:.75rem 1rem;background:#4caf501a;border:1px solid rgba(76,175,80,.3);color:#4caf50;border-radius:4px;cursor:pointer;font-weight:600;transition:all .2s ease}.select-button:hover{background:#4caf5033;border-color:#4caf50}.stats-section{max-width:1000px;margin:0 auto 3rem}.stats-section h2{color:#4caf50;margin-bottom:2rem;font-size:1.8rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.stat-box{padding:1.5rem;background:#0000004d;border:1px solid rgba(76,175,80,.2);border-radius:6px;text-align:center}.stat-box.positive{border-color:#4caf5080;background:#4caf5014}.stat-box.negative{border-color:#f4433680;background:#f4433614}.stat-value{font-size:2rem;font-weight:700;color:#4caf50;margin-bottom:.5rem}.stat-box.negative .stat-value{color:#f44336}.stat-label{color:#999;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.encounter-flow-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.encounter-modal-content{max-width:600px;padding:2rem;background:linear-gradient(135deg,#1a1a2ef2,#0a0a0af2);border:2px solid rgba(76,175,80,.3);border-radius:8px;max-height:90vh;overflow-y:auto}.encounter-modal-content h2{color:#4caf50;margin:0 0 1rem;font-size:1.8rem}.encounter-description{color:#aaa;margin:1rem 0;font-style:italic;line-height:1.6}.wager-section{margin:2rem 0;padding:1.5rem;background:#4caf5014;border:1px solid rgba(76,175,80,.2);border-radius:6px}.wager-section label{display:block;color:#fff;font-weight:600;margin-bottom:1rem}.wager-amount-display{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:2rem 1.5rem;background:#4caf501a;border:2px solid rgba(76,175,80,.4);border-radius:8px;margin-bottom:1.5rem}.amount-value{font-size:3rem;font-weight:700;color:#4caf50;line-height:1}.amount-label{font-size:.9rem;color:#aaa;text-transform:uppercase;letter-spacing:1px}.wager-controls{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.wager-button{width:50px;height:50px;border:2px solid rgba(76,175,80,.5);background:#4caf501a;color:#4caf50;font-size:1.5rem;font-weight:700;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.wager-button:hover{background:#4caf5033;border-color:#4caf50;box-shadow:0 0 8px #4caf504d}.wager-button:active{transform:scale(.95)}.wager-info{flex:1;text-align:center}.max-label{color:#999;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.wager-outcomes{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.outcome{padding:.75rem;border-radius:4px;display:flex;flex-direction:column;gap:.5rem;text-align:center;font-size:.9rem}.outcome.success{background:#4caf501a;color:#4caf50}.outcome.close{background:#ff98001a;color:#ff9800}.outcome.miss{background:#f443361a;color:#f44336}.outcome .label{font-weight:600}.outcome .value{font-size:1.1rem;font-weight:700}.result-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin:1.5rem 0;padding:1.5rem;background:#0003;border-radius:6px}.result-stats .stat{display:flex;flex-direction:column;gap:.5rem}.result-stats .label{color:#999;font-size:.85rem;font-weight:600}.result-stats .gain .value{color:#4caf50}.result-stats .loss .value{color:#f44336}.alignment-explanations{margin:2rem 0;padding:1.5rem;background:#0003;border-radius:6px}.explanation-pair{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.explanation{padding:1rem;border-radius:6px;border-left:3px solid rgba(76,175,80,.5)}.explanation.correct{background:#4caf5014;border-left-color:#4caf50}.explanation.user{background:#ff980014;border-left-color:#ff9800}.explanation-title{display:block;font-weight:600;color:#fff;margin-bottom:.5rem;font-size:.95rem}.explanation-text{color:#aaa;font-size:.9rem;margin:0;line-height:1.5;font-style:italic}.action-buttons{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.primary-button,.secondary-button,.start-button{padding:.75rem 1.5rem;border-radius:4px;border:none;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:1rem}.primary-button,.start-button{background:#4caf5033;border:1px solid rgba(76,175,80,.5);color:#4caf50}.primary-button:hover:not(:disabled),.start-button:hover:not(:disabled){background:#4caf504d;border-color:#4caf50}.primary-button:disabled{opacity:.5;cursor:not-allowed}.secondary-button{background:#64646433;border:1px solid rgba(100,100,100,.5);color:#999}.secondary-button:hover{background:#6464644d}.start-button.featured{width:100%;padding:1rem;background:#4caf504d;border:2px solid rgba(76,175,80,.6);font-size:1.1rem}.start-button.featured:hover{background:#4caf5066;border-color:#4caf50;box-shadow:0 0 12px #4caf504d}.phase3-access-denied{max-width:600px;margin:4rem auto;padding:2rem;text-align:center;background:#f443361a;border:2px solid rgba(244,67,54,.3);border-radius:8px;color:#fff}.phase3-access-denied h2{color:#f44336;margin-bottom:1rem}.phase3-access-denied p{color:#aaa;margin:.5rem 0}.phase3-access-denied button{margin-top:1.5rem;padding:.75rem 1.5rem;background:#4caf5033;border:1px solid rgba(76,175,80,.5);color:#4caf50;border-radius:4px;cursor:pointer;font-weight:600}@media (max-width: 768px){.phase3-dashboard{padding-left:90px}.phase3-header{flex-direction:column;gap:1rem}.header-right{width:100%;flex-wrap:wrap}.status-section{grid-template-columns:1fr}.action-buttons{flex-direction:column}.primary-button,.secondary-button{width:100%}}.phase4-locked,.phase4-container{min-height:100vh;padding:2rem;background:linear-gradient(135deg,#000000f2,#9c27b014);color:#fff}.phase4-locked{display:flex;align-items:center;justify-content:center;text-align:center}.phase4-locked h2{font-size:2.5rem;margin:0 0 1rem;color:#9c27b0}.phase4-locked p{font-size:1.1rem;color:#ccc;margin:.5rem 0}.phase4-locked button{margin-top:2rem;padding:1rem 2rem;background:#9c27b0;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase}.phase4-locked button:hover{background:#a435c1;box-shadow:0 0 25px #9c27b080;transform:scale(1.05)}.phase4-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.phase4-header{text-align:center;margin-bottom:3rem}.phase4-header h1{font-size:3rem;margin:0 0 .5rem;color:#9c27b0;font-weight:700;letter-spacing:.15em;text-shadow:0 0 30px rgba(156,39,176,.3)}.phase4-header .subtitle{font-size:1.2rem;color:#aaa;margin:0;font-style:italic}.phase4-content{max-width:800px;width:100%;background:#00000080;border:2px solid rgba(156,39,176,.3);border-radius:12px;padding:3rem;text-align:center}.coherence-milestone{margin-bottom:3rem}.coherence-value{font-size:4rem;font-weight:700;color:#9c27b0;margin:0 0 1rem;text-shadow:0 0 30px rgba(156,39,176,.3)}.milestone-text{font-size:1.2rem;color:#ddd;margin:.5rem 0;line-height:1.8;font-weight:500}.phase4-placeholder{background:#9c27b01a;border:2px dashed rgba(156,39,176,.3);border-radius:8px;padding:3rem 2rem;margin:2rem 0}.phase4-placeholder p{font-size:1.1rem;color:#ddd;margin:.5rem 0}.phase4-placeholder .subtitle-small{color:#999;font-size:.95rem;font-style:italic}.next-button,.return-button,.journey-button{padding:1rem 2rem;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.05em}.next-button{background:gold;color:#000}.next-button:hover{background:#ffed4e;box-shadow:0 0 20px #ffd70080;transform:translateY(-2px)}.return-button{background:#9c27b0;color:#fff}.return-button:hover{background:#a435c1;box-shadow:0 0 20px #9c27b080;transform:translateY(-2px)}.journey-button{background:#9c27b033;color:#fff;border:1px solid rgba(156,39,176,.4)}.journey-button:hover{background:#9c27b04d;border-color:#9c27b099}@media (max-width: 768px){.phase4-header h1{font-size:2rem}.coherence-value{font-size:3rem}.phase4-content{padding:2rem}.action-buttons{flex-direction:column}.return-button,.journey-button{width:100%}}.phase5-locked,.phase5-container{min-height:100vh;padding:2rem;background:linear-gradient(135deg,#000000fa,#ffd7000d);color:#fff}.phase5-locked{display:flex;align-items:center;justify-content:center;text-align:center}.phase5-locked h2{font-size:2.5rem;margin:0 0 1rem;color:gold}.phase5-locked p{font-size:1.1rem;color:#ccc;margin:.5rem 0}.phase5-locked button{margin-top:2rem;padding:1rem 2rem;background:gold;color:#000;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase}.phase5-locked button:hover{background:#ffed4e;box-shadow:0 0 30px #ffd70099;transform:scale(1.05)}.phase5-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.phase5-header{text-align:center;margin-bottom:3rem}.phase5-header h1{font-size:3.5rem;margin:0 0 .5rem;color:gold;font-weight:700;letter-spacing:.2em;text-shadow:0 0 40px rgba(255,215,0,.4)}.phase5-header .subtitle{font-size:1.3rem;color:#bbb;margin:0;font-style:italic;letter-spacing:.1em}.phase5-content{max-width:900px;width:100%;background:#0009;border:2px solid rgba(255,215,0,.2);border-radius:12px;padding:4rem 3rem;text-align:center}.transcendence-message{margin-bottom:3rem;padding:2rem;background:#ffd7000d;border:1px solid rgba(255,215,0,.15);border-radius:8px}.transcendence-message p{font-size:1.3rem;margin:1rem 0;line-height:1.9;font-weight:500;color:#e0e0e0}.transcendence-message .opening{color:gold;font-size:1.4rem;margin-bottom:2rem}.transcendence-message .core{color:#ddd;font-style:italic}.transcendence-message .closing{color:#bbb;font-size:1.2rem;margin-top:2rem}.phase5-placeholder{background:#ffd70014;border:2px dashed rgba(255,215,0,.25);border-radius:8px;padding:3rem 2rem;margin:2rem 0}.phase5-placeholder p{font-size:1.1rem;color:#ddd;margin:.5rem 0}.phase5-placeholder .subtitle-small{color:#999;font-size:.95rem;font-style:italic}.action-buttons{display:flex;gap:1rem;margin-top:2rem;flex-wrap:wrap;justify-content:center}.return-button,.journey-button{padding:1rem 2rem;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.05em}.return-button{background:gold;color:#000}.return-button:hover{background:#ffed4e;box-shadow:0 0 25px #ffd70099;transform:translateY(-2px)}.journey-button{background:#ffd70026;color:#fff;border:1px solid rgba(255,215,0,.3)}.journey-button:hover{background:#ffd70040;border-color:#ffd70080}@media (max-width: 768px){.phase5-header h1{font-size:2.5rem}.phase5-header .subtitle,.transcendence-message p{font-size:1.1rem}.phase5-content{padding:2rem}.action-buttons{flex-direction:column}.return-button,.journey-button{width:100%}}.archetype-encounter-page{min-height:100vh;padding:2rem;background:#00000080;color:#fff}.encounter-header h1{font-size:2.5rem;margin:0 0 .5rem;color:#4caf50}.threshold-label{font-size:.95rem;color:#aaa;margin:0}.encounter-narrative{max-width:800px;margin:0 auto 3rem;padding:2rem;background:#4caf500d;border:1px solid rgba(76,175,80,.2);border-radius:8px;line-height:1.6}.encounter-narrative p{margin:0 0 1rem;font-size:1.05rem}.encounter-narrative p:last-child{margin-bottom:0}.wager-section{max-width:600px;margin:0 auto 3rem;padding:2rem;background:#4caf500d;border:1px solid rgba(76,175,80,.2);border-radius:8px}.wager-section label{display:block;margin-bottom:1rem;font-weight:600;color:#4caf50}.wager-slider{width:100%;height:6px;margin-bottom:1rem;cursor:pointer;accent-color:#4caf50}.wager-display{display:flex;justify-content:space-between;font-size:.95rem;color:#aaa}.wager-limit{font-weight:600}.answers-section{max-width:1000px;margin:0 auto 3rem}.answers-section h2{text-align:center;margin-bottom:2rem;color:#4caf50}.answers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.answer-button{position:relative;padding:1.5rem;background:#0000004d;border:2px solid rgba(76,175,80,.2);border-radius:8px;color:#fff;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;min-height:120px;text-align:center}.answer-button:hover{border-color:#4caf5080;background:#4caf501a;box-shadow:0 0 12px #4caf5033}.answer-button.selected{background:#4caf5033;border-color:#4caf50;box-shadow:0 0 16px #4caf5066}.answer-text{font-weight:600;font-size:1.1rem;line-height:1.4}.answer-archetype{font-size:.85rem;color:#aaa;font-style:italic}.answer-delta{position:absolute;top:.5rem;right:.5rem;padding:.25rem .5rem;background:#4caf504d;border-radius:4px;font-size:.75rem;font-weight:700;color:#4caf50}.answer-delta.neutral{background:#ff98004d;color:#ff9800}.action-buttons{max-width:600px;margin:3rem auto 0;display:flex;gap:1rem;justify-content:center}.submit-button{padding:1rem 2rem;background:#4caf50;color:#000;border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:all .3s ease;font-size:1rem}.submit-button:hover:not(:disabled){background:#66bb6a;box-shadow:0 0 16px #4caf5066}.archetype-encounter-result{max-width:800px;margin:2rem auto;padding:3rem;background:#4caf500d;border:2px solid rgba(76,175,80,.3);border-radius:12px;color:#fff}.result-header h2{text-align:center;font-size:2rem;margin:0 0 2rem;color:#4caf50}.result-narrative{font-size:1.1rem;line-height:1.8;margin-bottom:2rem;padding:1.5rem;background:#0003;border-left:4px solid #4caf50;border-radius:4px}.result-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.result-stats .stat{padding:1rem;background:#0000004d;border-radius:6px;display:flex;flex-direction:column;gap:.5rem}.result-stats .stat.gain{border-left:4px solid #4caf50}.result-stats .stat.loss{border-left:4px solid #f44336}.result-stats .label{color:#aaa;font-size:.9rem;font-weight:600}.result-stats .value{font-size:1.3rem;font-weight:700;color:#4caf50}.result-stats .stat.loss .value{color:#f44336}.pairing-locked{padding:2rem;background:#4caf5026;border:2px solid #4caf50;border-radius:8px;margin-bottom:2rem;text-align:center}.pairing-locked h3{margin:0 0 1rem;color:#4caf50;font-size:1.3rem}.pairing-locked p{margin:0 0 .5rem;line-height:1.6}.pairing-locked strong{color:#66bb6a}.continue-button{display:block;margin:0 auto;padding:1rem 2.5rem;background:#4caf50;color:#000;border:none;border-radius:8px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s ease}.continue-button:hover{background:#66bb6a;box-shadow:0 0 16px #4caf5066}@media (max-width: 768px){.archetype-encounter-page{padding:1rem}.encounter-header h1{font-size:1.8rem}.encounter-narrative{padding:1.5rem;margin-bottom:2rem}.answers-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem}.answer-button{padding:1rem;min-height:100px}.answer-text{font-size:.95rem}.archetype-encounter-result{padding:1.5rem}.result-stats{grid-template-columns:1fr}}@media (max-width: 480px){.archetype-encounter-page{padding:.75rem}.encounter-header h1{font-size:1.5rem}.encounter-narrative{padding:1rem}.answers-grid{grid-template-columns:1fr}.answer-button{min-height:80px;padding:.75rem}.submit-button{padding:.75rem 1.5rem;font-size:.95rem}}.phase3c-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:10000;padding:2rem;overflow-y:auto}.phase3c-modal-content{width:100%;max-height:90vh;display:flex;align-items:center;justify-content:center;overflow-y:auto;position:relative}.phase3c-close-button{position:absolute;top:20px;right:20px;width:44px;height:44px;border:none;background:#ffffff1a;color:#fff;font-size:28px;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10001}.phase3c-close-button:hover{background:#fff3;transform:scale(1.1)}.phase3c-close-button:active{transform:scale(.95)}.phase3c-encounter{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,#000000e6,#4caf500d);color:#fff}.encounter-container{max-width:700px;width:100%;padding:4rem;background:#0009;border:2px solid rgba(76,175,80,.3);border-radius:12px;box-shadow:0 0 40px #4caf501a}.encounter-header{text-align:center;margin-bottom:3rem}.encounter-header h1{font-size:3rem;margin:0 0 .5rem;color:#4caf50;font-weight:700;letter-spacing:.2em;text-shadow:0 0 20px rgba(76,175,80,.3)}.coherence-note{font-size:.95rem;color:#aaa;margin:0;letter-spacing:.05em}.archetype-section{text-align:center;margin-bottom:3rem;padding:2rem;background:#4caf500d;border:1px solid rgba(76,175,80,.2);border-radius:8px}.archetype-title{font-size:2.5rem;margin:0 0 .5rem;color:#fff;font-weight:700}.archetype-subtitle{font-size:1.1rem;color:#999;margin:0;font-style:italic}.question-section{margin:3rem 0;padding:2.5rem;background:#4caf5014;border-left:4px solid #4caf50;border-radius:8px}.the-question{font-size:1.8rem;line-height:1.6;margin:0;color:#fff;font-weight:600;text-align:center}.answer-options{display:flex;flex-direction:column;gap:1.5rem;margin:3rem 0}.answer-option{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:#0000004d;border:2px solid rgba(76,175,80,.2);border-radius:8px;cursor:pointer;transition:all .3s ease;text-align:left;color:#fff}.answer-option:hover{border-color:#4caf5080;background:#4caf501a;box-shadow:0 0 16px #4caf5033}.answer-option.selected{background:#4caf5033;border-color:#4caf50;box-shadow:0 0 20px #4caf5066}.answer-label{flex:0 0 auto;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;background:#4caf5033;border:2px solid #4caf50;border-radius:50%;font-size:1.3rem;font-weight:700;color:#4caf50}.answer-option.selected .answer-label{background:#4caf50;color:#000}.answer-text{flex:1;font-size:1.1rem;line-height:1.5;font-weight:500}.action-section{margin:2rem 0;display:flex;justify-content:center}.submit-button{padding:1.2rem 3rem;background:#4caf50;color:#000;border:none;border-radius:8px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;letter-spacing:.1em;text-transform:uppercase}.submit-button:hover:not(:disabled){background:#66bb6a;box-shadow:0 0 20px #4caf5080;transform:scale(1.05)}.submit-button:disabled{opacity:.5;cursor:not-allowed}.footer-note{text-align:center;margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(76,175,80,.2)}.footer-note p{font-size:.95rem;color:#888;margin:.5rem 0;font-style:italic}.phase3c-result{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,#000000f2,#4caf5014)}.result-container{max-width:700px;width:100%;padding:3rem;border-radius:12px;text-align:center}.result-container.correct{background:#4caf501a;border:2px solid #4caf50;box-shadow:0 0 40px #4caf5033}.result-container.incorrect{background:#f4433614;border:2px solid #f44336;box-shadow:0 0 40px #f443361a}.result-header h1{font-size:2.5rem;margin:0 0 .5rem;letter-spacing:.1em}.result-container.correct .result-header h1{color:#4caf50;text-shadow:0 0 20px rgba(76,175,80,.3)}.result-container.incorrect .result-header h1{color:#f44336;text-shadow:0 0 20px rgba(244,67,54,.2)}.archetype-name{font-size:1.8rem;color:#fff;margin:0;font-weight:600}.integration-statement{margin:2rem 0;padding:2rem;font-size:1.1rem;line-height:1.8;color:#fff;background:#0000004d;border-left:4px solid;border-radius:6px}.result-container.correct .integration-statement{border-left-color:#4caf50}.result-container.incorrect .integration-statement{border-left-color:#f44336}.pairing-info,.retry-info{margin:2rem 0;padding:1.5rem;background:#0003;border-radius:6px}.pairing-info p,.retry-info p{margin:.5rem 0;font-size:1rem;color:#ccc}.continue-button{display:inline-block;margin-top:2rem;padding:1rem 2.5rem;background:#4caf50;color:#000;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.05em}.continue-button:hover{background:#66bb6a;box-shadow:0 0 20px #4caf5080;transform:scale(1.05)}.result-container.incorrect .continue-button{background:#f44336}.result-container.incorrect .continue-button:hover{background:#ef5350;box-shadow:0 0 20px #f443364d}.phase3c-error{min-height:100vh;display:flex;align-items:center;justify-content:center;color:#fff}.phase3c-error h2{font-size:1.5rem;color:#f44336}@media (max-width: 768px){.encounter-container{padding:2rem}.encounter-header h1{font-size:2rem}.archetype-title{font-size:1.8rem}.the-question{font-size:1.4rem}.answer-option{gap:1rem;padding:1rem}.answer-label{width:2.5rem;height:2.5rem;font-size:1.1rem}.answer-text{font-size:1rem}.submit-button{padding:1rem 2rem;font-size:1rem}.result-container{padding:2rem}.result-header h1{font-size:1.8rem}.archetype-name{font-size:1.4rem}.integration-statement{font-size:1rem}}@media (max-width: 480px){.encounter-container{padding:1.5rem}.encounter-header h1{font-size:1.5rem}.archetype-section{padding:1rem;margin-bottom:2rem}.archetype-title{font-size:1.4rem}.archetype-subtitle{font-size:1rem}.question-section{padding:1.5rem;margin:2rem 0}.the-question{font-size:1.2rem}.answer-options{gap:1rem;margin:2rem 0}.answer-option{gap:.75rem;padding:1rem}.answer-label{width:2.25rem;height:2.25rem;font-size:1rem}.answer-text{font-size:.95rem}.submit-button{padding:.9rem 1.8rem;font-size:.9rem}}.lexicon-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-in;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow-y:auto;padding:1rem;-webkit-overflow-scrolling:touch}.lexicon-modal-content{background:#000;border:4px double #d4af37;padding:2rem;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;position:relative;animation:slideUp .4s ease-out;border-radius:0}.lexicon-modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:#d4af37;font-size:1.5rem;cursor:pointer;transition:all .2s ease;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.lexicon-modal-close:hover{color:#ff6b35;transform:scale(1.2)}.lexicon-modal-header{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #d4af37;display:flex;flex-direction:column;align-items:center;gap:1rem}.lexicon-modal-symbol{display:inline-block;font-size:3rem}.lexicon-modal-card-image{width:180px;height:280px;display:flex;align-items:center;justify-content:center;background:#d4af370d;border:2px solid rgba(212,175,55,.3);border-radius:8px;overflow:hidden;margin-bottom:1rem}.lexicon-modal-card-image img{width:100%;height:100%;object-fit:contain;display:block}.header-text{display:flex;flex-direction:column;align-items:center;gap:.5rem}.lexicon-modal-header h2{color:#d4af37;font-size:2rem;margin:0;letter-spacing:2px}.lexicon-modal-category{display:inline-block;background:#ff6b3533;border:1px solid #ff6b35;color:#ff6b35;padding:.25rem .75rem;font-size:.85rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;border-radius:0}.lexicon-modal-body{margin-bottom:2rem}.lexicon-definition{color:#d4af37;font-size:1.05rem;line-height:1.8;margin-bottom:1.5rem;font-style:italic}.lexicon-references{background:#1a1a1a;border-left:4px solid #ff6b35;padding:1.5rem;border-radius:0}.lexicon-references h4{color:#ff6b35;font-size:.95rem;margin-bottom:1rem;letter-spacing:1px;font-weight:600}.references-list{display:flex;flex-wrap:wrap;gap:.5rem}.reference-tag-button{display:inline-flex;align-items:center;gap:.5rem;background:#d4af3726;border:2px solid #d4af37;color:#d4af37;padding:.6rem .85rem;font-size:.85rem;border-radius:0;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit;text-transform:none;letter-spacing:0}.reference-tag-button:hover{background:#d4af37;color:#000;transform:translateY(-2px);box-shadow:0 4px 8px #d4af374d}.reference-symbol{font-size:1.1rem}.lexicon-no-references{margin-top:1.5rem;padding:1rem;background:#d4af370d;border-left:3px solid #d4af37;color:#b8860b;font-style:italic}.lexicon-modal-footer{text-align:center;padding-top:1rem;border-top:1px solid #d4af37}.lexicon-hint{color:#b8860b;font-size:.8rem;font-style:italic;margin:0 0 1rem}.lexicon-order-button{display:block;width:100%;padding:.75rem 1.5rem;background:#00ff0026;border:2px solid #00ff00;color:#0f0;font-size:.95rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s ease;border-radius:0;font-family:inherit}.lexicon-order-button:hover{background:#0f0;color:#000;transform:translateY(-2px);box-shadow:0 4px 8px #00ff004d}.lexicon-modal-content::-webkit-scrollbar{width:8px}.lexicon-modal-content::-webkit-scrollbar-track{background:#1a1a1a}.lexicon-modal-content::-webkit-scrollbar-thumb{background:#d4af37;border-radius:4px}.lexicon-modal-content::-webkit-scrollbar-thumb:hover{background:#ff6b35}@media (max-width: 600px){.lexicon-modal-backdrop{align-items:flex-start;padding-top:.5rem}.lexicon-modal-content{width:100%;max-width:100%;padding:1.5rem;max-height:calc(100vh - 1rem);border-radius:0;border-left:none;border-right:none;border-top:4px double #d4af37;border-bottom:none;margin-top:auto}.lexicon-modal-header h2{font-size:1.5rem}.lexicon-modal-symbol{font-size:2.5rem}.lexicon-definition{font-size:.95rem}.lexicon-modal-card-image{width:140px;height:220px}.reference-tag-button{padding:.5rem .7rem;font-size:.75rem}}@media (max-width: 480px){.lexicon-modal-backdrop{padding:0}.lexicon-modal-content{width:100%;max-height:100vh;border-radius:0;padding:1rem;margin-top:auto}.lexicon-modal-close{top:.75rem;right:.75rem}.lexicon-modal-header h2{font-size:1.2rem;letter-spacing:1px}.lexicon-modal-symbol{font-size:2rem}.lexicon-modal-card-image{width:120px;height:180px}.lexicon-modal-category{font-size:.75rem;padding:.2rem .6rem}.header-text{gap:.3rem}.lexicon-definition{font-size:.85rem;margin-bottom:1rem}.lexicon-references{padding:1rem}.lexicon-references h4{font-size:.85rem;margin-bottom:.75rem}.references-list{gap:.35rem}.reference-tag-button{padding:.4rem .6rem;font-size:.7rem}.lexicon-hint{font-size:.75rem}.lexicon-order-button{padding:.6rem 1rem;font-size:.85rem}}.lexicon-term-wrapper{position:relative;display:inline-block;cursor:help}.lexicon-symbol-button{display:inline-block;background:none;border:none;padding:0;margin:0 .25rem;font-size:.85em;cursor:pointer;transition:all .2s ease;vertical-align:middle;line-height:1;opacity:.8}.lexicon-symbol-button:hover{opacity:1;transform:scale(1.3);filter:drop-shadow(0 0 4px rgba(255,107,53,.6))}.lexicon-symbol-button:focus{outline:none;opacity:1}.lexicon-symbol-button:before{content:"";position:absolute;bottom:120%;left:50%;transform:translate(-50%);background:#000000e6;color:#d4af37;padding:.5rem .75rem;border-radius:0;white-space:nowrap;font-size:.75rem;pointer-events:none;opacity:0;transition:opacity .2s ease;border:1px solid #d4af37;z-index:999}.lexicon-symbol-button:hover:before{opacity:1}.lexicon-symbol-button:focus-visible{outline:2px solid #ff6b35;outline-offset:2px}.binaural-device-wrapper{width:100%;padding:2rem 1rem}.binaural-intro-modal{max-width:700px;margin:0 auto 2rem;padding:2rem;background:linear-gradient(135deg,#4caf5026,#64b46414);border:2px solid rgba(76,175,80,.4);border-radius:12px;animation:slideDown .5s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.intro-content h3{margin:0 0 1rem;color:#4caf50;font-size:1.4rem;text-align:center}.intro-message{color:#ccc;font-size:1rem;margin:0 0 1.5rem;line-height:1.7;text-align:center}.study-styles-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:1.5rem 0;padding:1.5rem;background:#4caf500d;border-radius:8px;border:1px solid rgba(76,175,80,.2)}.study-style-suggestion{display:flex;gap:1rem;padding:1rem;background:#0003;border-radius:6px;border-left:3px solid #4caf50;transition:all .3s ease}.study-style-suggestion:hover{background:#4caf501a;transform:translate(4px)}.style-icon{font-size:1.5rem;flex-shrink:0}.style-content{flex:1}.style-content strong{display:block;color:#4caf50;margin-bottom:.25rem;font-size:.95rem}.style-content p{margin:0;color:#bbb;font-size:.85rem;line-height:1.4}.intro-confirm-button{display:block;width:100%;padding:1rem;margin-top:1.5rem;background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:6px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.intro-confirm-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #4caf5080}.intro-confirm-button:active{transform:translateY(0)}.binaural-device{max-width:900px;margin:0 auto;padding:2rem 1rem}.device-bezel{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);border:8px solid #2d3561;border-radius:16px;box-shadow:inset 0 1px #ffffff0d,inset 0 -2px 4px #00000080,0 20px 60px #000c,0 0 40px #4caf5026;padding:2rem;position:relative}.device-bezel:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);border-radius:16px 16px 0 0}.device-bezel:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.3),transparent);border-radius:0 0 16px 16px}.device-display-area{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem;padding:1.5rem;background:#0006;border-radius:12px;border:1px solid rgba(76,175,80,.2)}.display-screen{background:linear-gradient(135deg,#000c,#0f346066);border:2px solid rgba(76,175,80,.3);border-radius:8px;padding:1.5rem;display:flex;flex-direction:column;justify-content:center;min-height:140px;position:relative;overflow:hidden}.display-screen:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(255,255,255,.01),transparent);pointer-events:none}.screen-label{font-size:.75rem;text-transform:uppercase;letter-spacing:2px;color:#4caf50;margin-bottom:.5rem;font-weight:700}.screen-content{display:flex;flex-direction:column;gap:.75rem}.frequency-name{font-size:1.4rem;font-weight:700;letter-spacing:1px;text-shadow:0 0 10px currentColor;animation:glow-name 2s ease-in-out infinite}@keyframes glow-name{0%,to{opacity:.9;text-shadow:0 0 10px currentColor}50%{opacity:1;text-shadow:0 0 20px currentColor}}.frequency-status{display:flex;align-items:center;gap:.5rem}.status-indicator{font-size:.85rem;font-weight:600;color:#f44;animation:pulse-active 1s ease-in-out infinite}@keyframes pulse-active{0%,to{opacity:1}50%{opacity:.6}}.status-indicator.status-inactive{color:#888;animation:none}.speaker-section{display:flex;align-items:center;justify-content:center;min-height:140px;position:relative}.speaker-visualization{width:120px;height:120px;position:relative;display:flex;align-items:center;justify-content:center}.speaker-cone{position:absolute;width:100%;height:100%;background:radial-gradient(circle,#6464641a,#3232324d);border:2px solid rgba(100,100,100,.2);border-radius:50%;z-index:1}.wave{position:absolute;width:100%;height:100%;z-index:2}.wave-1{animation:wave-pulse 1s ease-out infinite}.wave-2{animation:wave-pulse 1s ease-out infinite .3s}.wave-3{animation:wave-pulse 1s ease-out infinite .6s}@keyframes wave-pulse{0%{opacity:.8;transform:scale(.6)}to{opacity:0;transform:scale(1.4)}}.speaker-center{width:32px;height:32px;border-radius:50%;position:absolute;z-index:3;box-shadow:0 0 12px currentColor,inset 0 0 8px #fff3}.device-dial-section{margin-bottom:2rem;padding:1.5rem;background:#0000004d;border-radius:12px;border:1px solid rgba(76,175,80,.15)}.dial-label{font-size:.75rem;text-transform:uppercase;letter-spacing:2px;color:#4caf50;margin-bottom:1rem;font-weight:700;text-align:center}.frequency-dial{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:.75rem}.dial-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;padding:.9rem .5rem;border:2px solid;border-radius:8px;background:#0000004d;cursor:pointer;transition:all .3s ease;font-family:inherit;min-height:90px;position:relative;overflow:hidden}.dial-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.05),transparent);pointer-events:none}.dial-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000080}.dial-button.selected{box-shadow:inset 0 0 12px #ffffff1a,0 0 20px currentColor;transform:scale(1.05)}.dial-dot{width:24px;height:24px;border-radius:50%;box-shadow:0 0 10px currentColor;z-index:2}.dial-chakra{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#aaa;text-align:center;z-index:2}.device-control-panel{padding:1.5rem;background:linear-gradient(135deg,#00000080,#0f1e324d);border-radius:12px;border:1px solid rgba(76,175,80,.15);display:flex;align-items:center;gap:2rem;flex-wrap:wrap;position:relative;z-index:4}.power-button{width:80px;height:80px;border-radius:50%;border:3px solid rgba(76,175,80,.5);background:radial-gradient(circle at 35% 35%,#4caf5033,#0006);color:#4caf50;font-size:2rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0;box-shadow:inset 0 1px #ffffff1a,0 4px 12px #00000080}.power-button:hover{border-color:#4caf50;background:radial-gradient(circle at 35% 35%,#4caf504d,#00000080);transform:scale(1.05)}.power-button.active{background:radial-gradient(circle at 35% 35%,#4caf5066,#4caf501a);box-shadow:inset 0 1px #ffffff1a,0 0 20px #4caf5099,0 4px 12px #00000080;animation:button-pulse 1.5s ease-in-out infinite}@keyframes button-pulse{0%,to{box-shadow:inset 0 1px #ffffff1a,0 0 20px #4caf5099,0 4px 12px #00000080}50%{box-shadow:inset 0 1px #ffffff1a,0 0 30px #4caf50cc,0 4px 12px #00000080}}.power-symbol{display:block;line-height:1}.control-volume-section{display:flex;align-items:center;gap:1rem;flex:1;min-width:200px;padding:1rem;background:#0003;border-radius:8px;border:1px solid rgba(76,175,80,.2)}.volume-label{font-size:.75rem;text-transform:uppercase;letter-spacing:1px;color:#4caf50;font-weight:700;white-space:nowrap}.volume-slider{flex:1;height:6px;border-radius:3px;background:#4caf5033;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#4caf50;cursor:pointer;box-shadow:0 0 8px #4caf50b3;transition:all .2s ease}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 12px #4caf50e6}.volume-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#4caf50;cursor:pointer;border:none;box-shadow:0 0 8px #4caf50b3;transition:all .2s ease}.volume-slider::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 0 12px #4caf50e6}.volume-percentage{font-size:.85rem;color:#4caf50;font-weight:700;min-width:45px;text-align:right}.metadata-display{display:flex;gap:2rem;padding:1rem;background:#0003;border-radius:8px;border:1px solid rgba(76,175,80,.15)}.metadata-item{display:flex;flex-direction:column;gap:.25rem}.metadata-label{font-size:.7rem;text-transform:uppercase;letter-spacing:1px;color:#4caf50;font-weight:700}.metadata-value{font-size:.95rem;color:#fff;font-weight:600}.affirmation-display{margin-top:2rem;padding:1.5rem;background:linear-gradient(135deg,#4caf501a,#4caf500d);border:2px solid rgba(76,175,80,.4);border-radius:12px;text-align:center;animation:affirmation-slide .5s ease}@keyframes affirmation-slide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.affirmation-text{font-size:1.1rem;color:#ffeb3b;font-style:italic;font-weight:600;letter-spacing:.5px;animation:glow-affirmation 2s ease-in-out infinite}@keyframes glow-affirmation{0%,to{opacity:.8;text-shadow:0 0 8px rgba(255,235,59,.3)}50%{opacity:1;text-shadow:0 0 16px rgba(255,235,59,.6)}}@media (max-width: 768px){.device-bezel{padding:1.5rem}.device-display-area{grid-template-columns:1fr;gap:1.5rem}.device-control-panel{gap:1rem;justify-content:center}.power-button{width:70px;height:70px;font-size:1.5rem}.control-volume-section{width:100%;min-width:unset}.metadata-display{flex-direction:column;gap:1rem}.frequency-dial{grid-template-columns:repeat(auto-fit,minmax(70px,1fr))}.dial-button{min-height:80px;padding:.7rem .4rem}}@media (max-width: 480px){.binaural-device-wrapper{padding:1rem .5rem}.device-bezel{padding:1rem;border-width:6px}.device-display-area{padding:1rem;gap:1rem}.frequency-name{font-size:1.2rem}.frequency-dial{grid-template-columns:repeat(auto-fit,minmax(60px,1fr));gap:.5rem}.dial-button{min-height:70px;padding:.6rem .3rem}.power-button{width:60px;height:60px;font-size:1.2rem}.device-control-panel{flex-direction:column}.control-volume-section{width:100%}.affirmation-text{font-size:.95rem}}.athanor-poster-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:10000;padding:1rem}.athanor-poster-modal{background:#1a1a1a;border:1px solid #d4af37;border-radius:8px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #d4af3733;position:relative;color:#fff}.modal-close{position:absolute;top:1.5rem;right:1.5rem;background:none;border:none;color:#d4af37;font-size:1.5rem;cursor:pointer;z-index:10001;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.modal-close:hover{color:#fff;transform:scale(1.2)}.poster-preview-section{display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding:2rem;border-bottom:1px solid #333;background:linear-gradient(135deg,rgba(212,175,55,.05) 0%,transparent 100%)}.poster-image-container{display:flex;align-items:center;justify-content:center;background:#0a0a0a;border:1px solid #333;border-radius:4px;min-height:300px;overflow:hidden}.poster-preview-image{max-width:100%;max-height:400px;object-fit:contain}.poster-info{display:flex;flex-direction:column;justify-content:center}.poster-info h2{color:#d4af37;font-size:1.8rem;margin:0 0 .5rem;font-family:Georgia,serif}.poster-subtitle{color:#888;font-size:.95rem;margin:0 0 1rem;font-style:italic}.poster-description{color:#bbb;line-height:1.6;margin:0}.poster-order-form{padding:2rem;display:flex;flex-direction:column;gap:2rem}.form-section{display:flex;flex-direction:column;gap:1rem}.form-section h3{color:#d4af37;font-size:1.1rem;margin:0;border-bottom:1px solid #333;padding-bottom:.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:#bbb;font-size:.9rem}.form-group input[type=text],.form-group input[type=email]{background:#0a0a0a;border:1px solid #333;color:#fff;padding:.75rem;border-radius:4px;font-family:inherit;font-size:.95rem;transition:border-color .3s ease}.form-group input[type=text]:focus,.form-group input[type=email]:focus{outline:none;border-color:#d4af37;box-shadow:0 0 8px #d4af3733}.form-options{display:flex;flex-direction:column;gap:.75rem}.option-label{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#0a0a0a;border:1px solid #333;border-radius:4px;cursor:pointer;transition:all .3s ease}.option-label:hover{border-color:#d4af37;background:#d4af370d}.option-label input[type=radio]{cursor:pointer;width:18px;height:18px;accent-color:#d4af37}.option-text{flex:1;color:#bbb;font-size:.95rem}.option-price{color:#d4af37;font-weight:700;white-space:nowrap}.quantity-selector{display:flex;gap:.5rem;align-items:center}.quantity-btn{background:#0a0a0a;border:1px solid #333;color:#d4af37;width:40px;height:40px;font-size:1.2rem;cursor:pointer;border-radius:4px;transition:all .3s ease}.quantity-btn:hover{border-color:#d4af37;background:#d4af371a}.quantity-input{background:#0a0a0a;border:1px solid #333;color:#fff;width:60px;padding:.5rem;text-align:center;border-radius:4px;font-size:1rem}.quantity-input:focus{outline:none;border-color:#d4af37}.price-summary{background:#d4af371a;border:1px solid #333;border-radius:4px;padding:1.5rem}.price-row{display:flex;justify-content:space-between;padding:.5rem 0;color:#bbb;font-size:.95rem}.price-row.total{border-top:1px solid #333;padding-top:1rem;margin-top:.5rem;color:#d4af37;font-weight:700;font-size:1.2rem}.form-actions{display:flex;gap:1rem;padding-top:1rem;border-top:1px solid #333}.submit-button,.cancel-button{flex:1;padding:.85rem 1.5rem;border:none;border-radius:4px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.submit-button{background:#d4af37;color:#0a0a0a}.submit-button:hover{background:#e6c200;transform:translateY(-2px);box-shadow:0 4px 12px #d4af374d}.cancel-button{background:#333;color:#bbb;border:1px solid #555}.cancel-button:hover{background:#444;color:#fff}.order-success{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;min-height:300px}.success-icon{font-size:4rem;color:#d4af37;margin-bottom:1rem;animation:scaleIn .5s ease-out}.order-success h2{color:#d4af37;font-size:1.8rem;margin:0 0 .5rem;font-family:Georgia,serif}.order-success p{color:#bbb;margin:.5rem 0;font-size:.95rem}.success-note{color:#888;font-size:.85rem;margin-top:1rem}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width: 768px){.poster-preview-section{grid-template-columns:1fr;padding:1.5rem;gap:1.5rem}.athanor-poster-modal{max-width:95vw}.poster-order-form{padding:1.5rem}.form-actions{flex-direction:column}.modal-close{top:1rem;right:1rem}}.library-container{width:100%;max-width:1400px;margin:0 auto;padding:2rem;background:#000;animation:fadeIn .6s ease-in}.library-header{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:4px double #d4af37}.library-header h2{font-size:2.5rem;color:#d4af37;margin-bottom:.5rem;letter-spacing:2px}.library-subtitle{color:#ff6b35;font-size:1.1rem;font-style:italic;margin:0}.library-close-button{background:#1a1a1a;color:#d4af37;border:2px solid #d4af37;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;margin-bottom:1.5rem}.library-close-button:hover{background:#d4af37;color:#000;transform:translateY(-2px)}.library-controls{margin-bottom:2rem;display:flex;gap:1rem}.library-search{flex:1;background:#1a1a1a;border:2px solid #d4af37;color:#d4af37;padding:.75rem 1rem;font-family:inherit;font-size:.95rem;border-radius:0;transition:all .3s ease}.library-search:focus{outline:none;border-color:#ff6b35;box-shadow:inset 0 0 8px #ff6b3533}.library-search::placeholder{color:#666}.library-content{min-height:400px;margin-bottom:2rem}.library-empty{text-align:center;padding:3rem;color:#b8860b;font-style:italic}.lexicon-organized{display:flex;flex-direction:column;gap:3rem}.category-section{animation:fadeIn .4s ease}.category-header{display:flex;align-items:center;gap:1rem;color:#d4af37;font-size:1.4rem;font-weight:700;margin:0 0 1.5rem;padding-bottom:1rem;border-bottom:2px solid rgba(212,175,55,.3);letter-spacing:1px;text-transform:uppercase}.category-icon{font-size:1.6rem;opacity:.8}.terms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1.5rem}.term-item{display:flex;flex-direction:column;align-items:center;gap:.75rem;animation:fadeIn .4s ease}.term-symbol-box{width:120px;height:120px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#d4af3714,#ff6b3514);border:2px solid rgba(212,175,55,.3);border-radius:8px;cursor:pointer;transition:all .3s ease;position:relative}.term-symbol-box:hover{border-color:#d4af37;background:linear-gradient(135deg,#d4af3726,#ff6b3526);box-shadow:0 0 20px #d4af3733;transform:translateY(-4px)}.term-symbol{font-size:3rem;display:block;line-height:1}.tarot-card-thumbnail{width:100%;height:100%;object-fit:contain;object-position:center;display:block}.term-word{text-align:center;color:#b8860b;font-size:.85rem;font-weight:600;margin:0;line-height:1.3;word-break:break-word;max-width:120px}.term-order-button{width:120px;padding:.5rem 0;background:#d4af3726;border:1px solid rgba(212,175,55,.4);color:#d4af37;font-size:1.2rem;cursor:pointer;transition:all .3s ease;border-radius:4px;display:flex;align-items:center;justify-content:center}.term-order-button:hover{background:#d4af374d;border-color:#d4af37;box-shadow:0 4px 12px #d4af3733}.library-footer{text-align:center;padding-top:2rem;border-top:2px solid #d4af37;color:#b8860b;font-size:.9rem;font-style:italic}@media (max-width: 1024px){.terms-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}@media (max-width: 768px){.library-container{padding:1rem}.library-header h2{font-size:1.8rem}.library-tabs{gap:.5rem;overflow-x:auto}.library-tab{padding:.6rem 1rem;font-size:.9rem;white-space:nowrap}.category-header{font-size:1.1rem;gap:.75rem}.category-icon{font-size:1.2rem}.terms-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:1rem}.term-symbol-box{width:100px;height:100px}.term-symbol{font-size:2.5rem}.term-word{font-size:.8rem;max-width:100px}.term-order-button{width:100px}.library-controls{flex-direction:column}.library-search{width:100%}}@media (max-width: 480px){.library-container{padding:.75rem}.library-header h2{font-size:1.5rem}.library-tabs{flex-wrap:wrap}.library-tab{padding:.5rem .75rem;font-size:.85rem;flex:1;min-width:80px}.category-header{font-size:1rem}.terms-grid{grid-template-columns:repeat(auto-fill,minmax(85px,1fr));gap:.75rem}.term-symbol-box{width:85px;height:85px}.term-symbol{font-size:2rem}.term-word{font-size:.75rem;max-width:85px}.term-order-button{width:85px;padding:.4rem 0;font-size:1rem}}.library-footer-buttons{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.library-nav-button{background:#1a1a1a;color:#d4af37;border:2px solid #d4af37;padding:.6rem 1.2rem;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.library-nav-button:hover{background:#d4af37;color:#000;transform:translateY(-2px)}.library-nav-button.report-button{background:#ff6b3526;border-color:#ff6b35;color:#ff6b35}.library-nav-button.report-button:hover{background:#ff6b35;color:#000;border-color:#ff6b35}@media (max-width: 768px){.library-container{padding:1rem}.library-header h2{font-size:1.8rem}.library-terms-grid{grid-template-columns:1fr}.library-categories{flex-direction:column}.category-button{width:100%;text-align:left}.library-controls{flex-direction:column}}.library-tabs{display:flex;gap:1rem;margin:1.5rem 0;border-bottom:2px solid #333;padding-bottom:1rem}.library-tab{padding:.75rem 1.5rem;background:transparent;border:none;color:#999;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;border-bottom:3px solid transparent;text-transform:uppercase;letter-spacing:1px}.library-tab:hover{color:#d4af37}.library-tab.active{color:#d4af37;border-bottom-color:#d4af37}.lessons-grid{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem}.lesson-card{background:#d4af370d;border:1px solid rgba(212,175,55,.2);border-radius:8px;overflow:hidden;transition:all .3s ease}.lesson-card:hover{background:#d4af371a;border-color:#d4af37}.lesson-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;cursor:pointer;background:#0000004d;transition:all .3s ease}.lesson-header:hover{background:#d4af3714}.lesson-title-section{display:flex;align-items:center;gap:1.5rem;flex:1}.lesson-number{display:inline-block;min-width:50px;background:#d4af37;color:#000;padding:.5rem .75rem;border-radius:4px;font-weight:700;text-align:center;font-family:IBM Plex Mono,monospace}.lesson-title-text{flex:1}.lesson-title{margin:0;color:#ddd;font-size:1.1rem;font-weight:600}.lesson-stage{margin:.25rem 0 0;color:#999;font-size:.9rem;font-style:italic}.lesson-expand-icon{color:#d4af37;font-size:1.2rem;transition:transform .3s ease;min-width:20px;text-align:right}.lesson-expanded{padding:1.5rem;border-top:1px solid rgba(212,175,55,.2);background:#0003;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:1000px}}.lesson-reference{margin-bottom:1.5rem;padding:1rem;background:#d4af3714;border-left:3px solid #d4af37;border-radius:4px}.reference-title{margin:0;color:#d4af37;font-style:italic;font-size:.95rem}.lesson-image-container{margin-bottom:1.5rem;text-align:center}.lesson-image{max-width:100%;max-height:400px;border:2px solid #d4af37;border-radius:6px;margin-bottom:1rem;display:block;margin-left:auto;margin-right:auto;background:#00000080;padding:1rem;box-sizing:border-box}.lesson-query{margin-bottom:1.5rem;padding:1.5rem;background:#d4af3714;border-left:3px solid #ff6b35;border-radius:4px}.query-text{margin:0;color:#ddd;line-height:1.8;font-size:1rem}.lesson-actions{display:flex;gap:1rem;justify-content:center;padding-top:1rem;border-top:1px solid rgba(212,175,55,.2)}.lesson-order-button{padding:.75rem 1.5rem;background:#d4af37;color:#000;border:none;border-radius:4px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.lesson-order-button:hover{background:#ff6b35;transform:translateY(-2px);box-shadow:0 4px 12px #d4af374d}@media (max-width: 768px){.lesson-title-section{flex-direction:column;align-items:flex-start;gap:.75rem}.lesson-image{max-height:300px}.lesson-actions{flex-direction:column}.lesson-order-button{width:100%}.library-tabs{flex-direction:column}.library-tab{width:100%;text-align:left}}.athanor-header{padding:2rem;background:linear-gradient(135deg,#d4af371a,#8b00000d);border-bottom:2px solid #d4af37;margin-bottom:2rem}.athanor-header h3{color:#d4af37;font-size:1.8rem;margin:0 0 1rem;font-family:Georgia,serif}.athanor-header p{color:#bbb;line-height:1.6;margin:0;font-size:.95rem}.athanor-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;padding:2rem}.athanor-card{background:#0a0a0a;border:1px solid #333;border-radius:8px;overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column}.athanor-card:hover{border-color:#d4af37;box-shadow:0 8px 24px #d4af3726;transform:translateY(-4px)}.athanor-image-container{width:100%;height:250px;background:#1a1a1a;display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid #333}.athanor-image{max-width:100%;max-height:100%;object-fit:contain;width:100%;height:100%}.athanor-card-content{padding:1.5rem;display:flex;flex-direction:column;flex:1}.athanor-title{color:#d4af37;font-size:1.2rem;margin:0 0 .3rem;font-family:Georgia,serif;font-weight:700}.athanor-subtitle{color:#888;font-size:.85rem;margin:0 0 .75rem;font-style:italic}.athanor-description{color:#999;font-size:.9rem;line-height:1.5;margin:0 0 1rem;flex:1}.athanor-symbolism{color:#777;font-size:.85rem;margin:1rem 0;padding-top:.75rem;border-top:1px solid #333}.athanor-symbolism strong{color:#d4af37}.athanor-order-button{background:#d4af37;color:#0a0a0a;border:none;padding:.75rem 1.5rem;border-radius:4px;font-weight:700;cursor:pointer;font-size:.95rem;transition:all .3s ease;width:100%}.athanor-order-button:hover{background:#e6c200;transform:scale(1.02);box-shadow:0 4px 12px #d4af374d}.athanor-order-button:active{transform:scale(.98)}@media (max-width: 1200px){.athanor-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;padding:1.5rem}}@media (max-width: 768px){.athanor-grid{grid-template-columns:1fr;gap:1.5rem;padding:1rem}.athanor-header{padding:1.5rem;margin-bottom:1.5rem}.athanor-header h3{font-size:1.5rem}.athanor-image-container{height:200px}}.lexicon-page{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e);padding:2rem;padding-left:120px}@media (max-width: 768px){.lexicon-page{padding-left:100px}}@media (max-width: 480px){.lexicon-page{padding-left:90px}}.page-nav-header{max-width:1200px;margin:0 auto 2rem;display:flex;gap:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(76,175,80,.15)}.nav-home-button{background:#4caf501a;border:1px solid rgba(76,175,80,.2);color:#4caf50;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-weight:500;font-size:.9rem;transition:all .2s ease}.nav-home-button:hover{background:#4caf5033;border-color:#4caf50;box-shadow:0 2px 8px #4caf5026}.lexicon-header{max-width:1200px;margin:0 auto 2rem;text-align:center}.lexicon-header h1{font-size:2rem;color:#4caf50;margin:0;letter-spacing:1px}.lexicon-subtitle{font-size:.95rem;color:#999;margin:.5rem 0 0;font-style:italic}@media (max-width: 768px){.lexicon-page{padding:1rem 1rem 1rem 100px}.page-nav-header{flex-wrap:wrap}.nav-home-button{flex:1;min-width:100px}.lexicon-header h1{font-size:1.5rem}.lexicon-subtitle{font-size:.9rem}}@media (max-width: 480px){.lexicon-page{padding:.75rem .75rem .75rem 90px}.lexicon-header h1{font-size:1.2rem}.lexicon-subtitle{font-size:.8rem}.nav-home-button{padding:.4rem .75rem;font-size:.8rem}}.offline-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease}.offline-modal{background:linear-gradient(135deg,#0a0e27,#1a1f3a,#0f1428);border:2px solid rgba(76,175,80,.4);border-radius:12px;max-width:600px;width:90%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #0009,0 0 40px #4caf5033;animation:slideUp .3s ease}.modal-header{padding:2rem 2rem 1rem;border-bottom:2px solid rgba(76,175,80,.2);display:flex;align-items:center;gap:1rem}.modal-icon{font-size:2.5rem;display:block}.modal-header h2{margin:0;color:#4caf50;font-size:1.6rem;font-weight:700}.modal-content{padding:2rem;overflow-y:auto;flex:1;min-height:0}.modal-subtitle{margin:0 0 1.5rem;color:#4caf50cc;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:1px}.offline-notice{background:#4caf5014;border:2px solid rgba(76,175,80,.3);border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.offline-notice h3{margin:0 0 .75rem;color:#4caf50;font-size:1.1rem;font-weight:700}.offline-notice p{margin:0;color:#fffc;line-height:1.6}.offline-notice p strong{color:#4caf50;font-weight:700}.features-info{margin-bottom:1.5rem}.features-info h4{margin:0 0 1rem;color:#ffffffe6;font-size:1rem;font-weight:700}.info-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.info-list li{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background:#4caf500d;border-left:3px solid rgba(76,175,80,.4);border-radius:4px;color:#ffffffbf;font-size:.95rem;line-height:1.5}.info-list .icon{flex-shrink:0;font-size:1.1rem;margin-top:2px}.info-list .text{flex:1}.info-list strong{color:#fffffff2;font-weight:600}.backup-info{background:#4caf5014;border:2px solid rgba(76,175,80,.2);border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.backup-info h4{margin:0 0 .75rem;color:#4caf50e6;font-size:1rem;font-weight:700}.backup-info p{margin:0;color:#ffffffbf;line-height:1.6;font-size:.95rem}.backup-info strong{color:#4caf50;font-weight:600}.modal-actions{display:flex;gap:1rem;padding:1.5rem 2rem 2rem;border-top:2px solid rgba(76,175,80,.2);justify-content:space-between;flex-shrink:0;background:linear-gradient(135deg,#0a0e27,#1a1f3a,#0f1428)}.modal-button{flex:1;padding:.9rem 1.5rem;border:2px solid;border-radius:6px;font-weight:700;cursor:pointer;font-size:.95rem;transition:all .2s ease;text-transform:none}.cancel-button{background:transparent;border-color:#4caf504d;color:#4caf50cc}.cancel-button:hover{border-color:#4caf5099;background:#4caf501a;color:#4caf50}.confirm-button{background:#4caf5033;border-color:#4caf50;color:#4caf50}.confirm-button:hover{background:#4caf504d;border-color:#4caf50;box-shadow:0 0 15px #4caf504d;transform:translateY(-2px)}@media (max-width: 600px){.offline-modal{width:95%;max-height:95vh}.modal-header{padding:1.25rem 1.5rem .75rem}.modal-header h2{font-size:1.3rem}.modal-content{padding:1.25rem 1.5rem}.modal-actions{flex-direction:column;padding:1rem 1.5rem 1.5rem;gap:.75rem}.modal-button{width:100%}.info-list li{font-size:.9rem}}.landing-interface{width:100%;min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#0a0e27,#1a1f3a,#0f1428);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.landing-topbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid rgba(76,175,80,.2);background:#0a0e27cc}.topbar-title{display:flex;align-items:center;gap:.75rem;font-size:1.3rem;font-weight:700;letter-spacing:1px}.topbar-icon{font-size:1.5rem}.topbar-text{color:#4caf50}.topbar-version{font-size:.85rem;color:#4caf5099;font-weight:500}.landing-tabs{display:flex;gap:0;padding:0 1.5rem;border-bottom:1px solid rgba(76,175,80,.2);background:#0a0e2799;overflow-x:auto}.tab-button{padding:1rem 2rem;background:transparent;border:none;border-bottom:2px solid transparent;color:#fff9;cursor:pointer;font-size:.95rem;font-weight:600;transition:all .2s ease;white-space:nowrap;position:relative}.tab-button:hover{color:#4caf50cc}.tab-button.active{color:#4caf50;border-bottom-color:#4caf50}.landing-content{flex:1;padding:2rem 1.5rem;overflow-y:auto}.tab-panel{max-width:1200px;margin:0 auto;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media (max-width: 768px){.panel-grid{grid-template-columns:1fr}}.version-panel{border:2px solid rgba(76,175,80,.3);border-radius:8px;background:#141e32cc;overflow:hidden;display:flex;flex-direction:column;transition:all .3s ease}.version-panel:hover{border-color:#4caf5099;box-shadow:0 0 20px #4caf5033}.v2-panel{border-color:#4caf5080}.v2-panel:hover{border-color:#4caf50;box-shadow:0 0 30px #4caf504d}.v1-panel{border-color:#9c27b04d}.v1-panel:hover{border-color:#9c27b099;box-shadow:0 0 20px #9c27b033}.panel-header{padding:1.5rem;border-bottom:1px solid rgba(76,175,80,.2);display:flex;align-items:center;gap:1rem}.v1-panel .panel-header{border-bottom-color:#9c27b033}.panel-icon{font-size:2rem}.panel-title{font-size:1.5rem;margin:0;font-weight:700}.v1-panel .panel-title{color:#ba68c8}.v2-panel .panel-title{color:#4caf50}.panel-content{padding:1.5rem;flex:1}.panel-description{margin:0 0 1.5rem;line-height:1.6;color:#ffffffbf}.features-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.features-list li{padding:.5rem .75rem;background:#4caf501a;border-left:2px solid rgba(76,175,80,.4);color:#fffc;font-size:.9rem}.v1-panel .features-list li{background:#9c27b01a;border-left-color:#9c27b066}.panel-footer{padding:1.5rem;border-top:1px solid rgba(76,175,80,.2);display:flex;justify-content:center}.v1-panel .panel-footer{border-top-color:#9c27b033}.panel-button{padding:.75rem 2rem;border:2px solid rgba(76,175,80,.4);border-radius:6px;background:#4caf501a;color:#4caf50;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.95rem;text-decoration:none;display:inline-block}.panel-button:hover{border-color:#4caf50;background:#4caf5033;transform:translateY(-2px)}.v1-button{border-color:#9c27b066;background:#9c27af1a;color:#ba68c8}.v1-button:hover{border-color:#ba68c8;background:#9c27af33}.info-panel{border:2px solid rgba(76,175,80,.3);border-radius:8px;background:#141e32cc;padding:2rem;max-width:800px;margin:0 auto}.info-panel h3{margin-top:0;color:#4caf50;font-size:1.5rem}.info-panel h4{color:#4caf50cc;margin-top:1.5rem;margin-bottom:.5rem}.info-panel p{line-height:1.8;color:#ffffffbf}.comparison-panel{border:2px solid rgba(76,175,80,.3);border-radius:8px;background:#141e32cc;overflow:hidden;max-width:800px;margin:0 auto}.comparison-table{width:100%;border-collapse:collapse;padding:0}.comparison-table thead{background:#4caf501a;border-bottom:2px solid rgba(76,175,80,.3)}.comparison-table th{padding:1rem;text-align:left;color:#4caf50;font-weight:700;border-right:1px solid rgba(76,175,80,.2)}.comparison-table th:last-child{border-right:none}.comparison-table td{padding:1rem;border-bottom:1px solid rgba(76,175,80,.1);border-right:1px solid rgba(76,175,80,.1);color:#ffffffbf}.comparison-table td:last-child{border-right:none}.comparison-table tbody tr:hover{background:#4caf500d}@media (max-width: 600px){.landing-topbar{padding:.75rem 1rem}.topbar-title{font-size:1.1rem}.landing-tabs{padding:0}.tab-button{padding:.75rem 1.25rem;font-size:.85rem}.landing-content{padding:1rem}.panel-grid{gap:1rem}.version-panel{min-height:auto}.panel-header,.panel-content,.panel-footer{padding:1rem}.info-panel{padding:1.5rem}}.comparison-panel{overflow-x:auto;-webkit-overflow-scrolling:touch}.comparison-table{min-width:620px}.comparison-table th,.comparison-table td{white-space:nowrap;font-size:.86rem}.comparison-table td:first-child,.comparison-table th:first-child{white-space:normal}.panel-grid.three-versions{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:stretch}.v3-panel{border-color:#ffd7008c;box-shadow:0 0 24px #ffd70014}.v3-panel:hover{border-color:gold;box-shadow:0 0 34px #ffd70040}.v3-panel .panel-header{border-bottom-color:#ffd70040}.v3-panel .panel-title,.v3-panel .panel-icon{color:gold}.v3-panel .panel-footer{border-top-color:#ffd70033}.v3-button{border-color:#ffd70080;background:#ffd70014;color:gold}.v3-button:hover{border-color:gold;background:#ffd7002e;box-shadow:0 0 18px #ffd7004d}.sealed-panel{opacity:.55;filter:saturate(.6);transition:opacity .3s ease}.sealed-panel:hover{opacity:.75;box-shadow:none}.sealed-button{cursor:not-allowed;opacity:.6;border-color:#fff3;background:#ffffff0a;color:#ffffff73}.sealed-button:hover{transform:none;border-color:#fff3;background:#ffffff0a}.version-chip{margin-left:auto;font-size:.62rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#ffffff73;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:.2rem .6rem;white-space:nowrap}.current-chip{color:gold;border-color:#ffd70080;background:#ffd70014}.v4-panel{border-color:#ffd7008c;box-shadow:0 0 24px #ffd70014}.v4-panel:hover{border-color:gold;box-shadow:0 0 34px #ffd70040}.v4-panel .panel-header{border-bottom-color:#ffd70040}.v4-panel .panel-title,.v4-panel .panel-icon{color:gold}.v4-panel .panel-footer{border-top-color:#ffd70033}.v4-button{border-color:#ffd70080;background:#ffd70014;color:gold}.v4-button:hover{border-color:gold;background:#ffd7002e;box-shadow:0 0 18px #ffd7004d}*{margin:0;padding:0;box-sizing:border-box}body{font-family:IBM Plex Mono,Courier New,monospace;background:#000;color:#d4af37;line-height:1.4;font-weight:400}.app{min-height:100vh;display:flex;flex-direction:column;background:#000;border:6px double #d4af37}.app-header{padding:1rem;border-bottom:4px double #d4af37;background:#000;position:relative}.header-content{max-width:100%;margin:0;display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;padding:.25rem}.header-title{text-align:left;flex:1}.app-header h1{font-size:2.5rem;font-weight:700;letter-spacing:0px;margin-bottom:0;color:#d4af37}.app-header .subtitle{font-size:.9rem;letter-spacing:1px;color:#b8860b;font-style:normal;font-weight:400;margin-top:.25rem}.header-controls{display:flex;align-items:center;position:relative;gap:1rem}.nav-symbols{display:flex;gap:.75rem;align-items:center}.nav-symbol{background:none;border:2px solid #d4af37;padding:.5rem .75rem;cursor:pointer;font-size:1.25rem;transition:all .2s ease;border-radius:0;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;color:#d4af37}.nav-symbol:hover{background:#1a1a1a;border-color:#ff6b35;transform:scale(1.1)}.nav-symbol:active{transform:scale(.95)}.app-main{flex:1;padding:2rem;max-width:1000px;margin:0 auto;width:100%}.portal-phase{display:flex;align-items:flex-start;justify-content:center;min-height:100vh;padding:2rem;background:#000}.portal-content{width:100%;max-width:900px;padding:0;background:#000;color:#d4af37}.portal-hero{background:#000;border:6px double #d4af37;padding:4rem 3rem;text-align:center;margin-bottom:2rem;animation:slideDown .6s ease-out}.hero-inner{max-width:600px;margin:0 auto}.hero-title{font-size:3.5rem;color:#d4af37;margin-bottom:1rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;line-height:1.1}.hero-subtitle{font-size:1.25rem;color:#ff6b35;margin-bottom:2.5rem;line-height:1.6;font-weight:400;font-style:italic}.hero-trust-indicators{background:#d4af370d;border:2px solid #d4af37;padding:1.5rem;margin-bottom:2rem;border-radius:0}.indicator{color:#d4af37;font-size:.95rem;margin-bottom:.75rem;line-height:1.4;font-weight:400}.indicator:last-child{margin-bottom:0}.hero-cta-button{background:#d4af37;color:#000;border:3px double #d4af37;padding:1.25rem 3rem;font-size:1.1rem;font-weight:700;border-radius:0;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:2px;box-shadow:none;font-family:inherit}.hero-cta-button:hover{background:#ffed4e;transform:translateY(-3px);box-shadow:0 6px 16px #d4af3766}.portal-sections{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.portal-section{margin-bottom:0;background:#000;border:4px double #d4af37;border-radius:0;overflow:hidden;margin-top:1rem}.portal-section-toggle{width:100%;background:#000;border:none;padding:1rem;text-align:left;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .1s ease;color:#d4af37;font-family:inherit;font-size:1.3rem;letter-spacing:0px;font-weight:600;text-transform:uppercase;border-bottom:2px solid #d4af37}.portal-section-toggle:hover{background:#1a1a1a;padding-left:1.5rem}.toggle-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;color:#ff6b35;transition:transform .2s ease;font-weight:700}.section-label{flex:1;letter-spacing:0px;color:#d4af37}.portal-section-content{padding:1.5rem;background:#000;border-top:2px solid #d4af37;animation:slideDown .3s ease-out}.portal-section-content p{color:#d4af37;font-size:1rem;line-height:1.4;margin-bottom:.75rem;font-weight:400}.portal-section-content p:last-child{margin-bottom:0}.section-detail{color:#b8860b;font-size:.9rem;font-style:italic;margin-top:.75rem!important}.inline-code{background:#1a1a1a;padding:.25rem .5rem;border-radius:0;border:1px solid #d4af37;font-family:Courier New,monospace;font-size:.85rem;color:#d4af37;letter-spacing:.5px}.how-to-list{list-style:decimal;padding-left:1.5rem;color:#d4af37;font-size:.95rem;line-height:1.8;font-weight:400}.how-to-list li{margin-bottom:.75rem}.how-to-list li strong{color:#ff6b35}.portal-link-button{display:inline-block;margin-top:1rem;padding:.75rem 1.5rem;background:#000;border:3px double #d4af37;color:#d4af37;border-radius:0;cursor:pointer;font-family:inherit;font-size:.9rem;transition:all .3s ease;letter-spacing:.5px;font-weight:600}.portal-link-button:hover{background:#1a1a1a;border-color:#ff6b35;color:#ff6b35;transform:translate(2px)}.portal-cta-footer{text-align:center;padding:3rem 2rem;background:#1a1a1a;border:4px double #d4af37;border-radius:0;animation:slideUp .6s ease-out .2s backwards}.cta-encouragement{color:#ff6b35;font-size:1rem;margin-bottom:1.5rem;font-style:italic;font-weight:400}.cta-button,.cta-button-large{background:#d4af37;color:#000;border:3px double #d4af37;padding:1.25rem 3rem;font-size:1.1rem;font-weight:700;border-radius:0;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:2px;box-shadow:none;font-family:inherit}.cta-button:hover,.cta-button-large:hover{transform:translateY(-3px);background:#ffed4e;box-shadow:0 6px 16px #d4af3766}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.welcome-phase{display:flex;align-items:center;justify-content:center;min-height:60vh;background:#000}.welcome-content{text-align:center;max-width:600px;padding:3rem;background:#000;border:6px double #d4af37;border-radius:0;animation:fadeIn .8s ease-in}.welcome-content h2{font-size:2rem;color:#d4af37;margin-bottom:1.5rem;font-weight:700}.welcome-content p{color:#d4af37;font-size:1rem;line-height:1.7;margin-bottom:1rem;font-weight:400}.welcome-section{background:#d4af370d;border:2px solid #d4af37;padding:1.5rem;margin:1.5rem 0;border-radius:0;text-align:left}.welcome-section h3{color:#ff6b35;font-size:1.2rem;margin-bottom:1rem;font-weight:700;letter-spacing:1px}.welcome-section p{color:#d4af37;font-size:.95rem;line-height:1.6;margin-bottom:.75rem}.welcome-section p:last-child{margin-bottom:0}.section-emphasis{font-weight:600;color:#ff6b35;font-size:1rem}.section-detail{color:#b8860b;font-style:italic;font-size:.9rem}.welcome-list{list-style:none;padding-left:0;color:#d4af37}.welcome-list li{margin-bottom:.75rem;padding-left:1.5rem;position:relative;font-size:.95rem;line-height:1.5}.welcome-list li:before{content:"✦";position:absolute;left:0;color:#ff6b35;font-weight:700}.welcome-list li strong{color:#ff6b35}.safety-section{background:#00ff000d;border:2px solid rgba(0,255,0,.5)}.safety-section h3{color:#0f0}.welcome-hint{background:#ff6b351a;border-left:4px solid #ff6b35;padding:1.25rem;border-radius:0;margin:1.5rem 0!important;color:#ff6b35;font-style:italic}.start-button{background:#d4af37;color:#000;border:3px double #d4af37;padding:1rem 2.5rem;font-size:1rem;font-weight:700;border-radius:0;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:none;margin-top:1rem}.start-button:hover{transform:translateY(-2px);background:#ffed4e}.passkey-section{margin-top:2.5rem;padding-top:2rem;border-top:4px double #d4af37}.passkey-label{color:#d4af37;font-size:.95rem;margin-bottom:1rem;font-weight:600;letter-spacing:0px}.passkey-input-group{display:flex;gap:.75rem;margin-bottom:1rem}.passkey-input{flex:1;background:#1a1a1a;border:2px solid #d4af37;padding:.75rem 1rem;color:#d4af37;font-family:inherit;font-size:.95rem;border-radius:0;transition:all .3s ease;letter-spacing:1px}.passkey-input:focus{outline:none;border-color:#ff6b35;box-shadow:inset 0 0 8px #ff6b3533}.passkey-input::placeholder{color:#666}.passkey-submit-button{background:#ff6b35;color:#000;border:2px solid #ff6b35;padding:.75rem 1.5rem;font-size:.95rem;font-weight:700;cursor:pointer;border-radius:0;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.passkey-submit-button:hover{background:#ff8555;border-color:#ff8555;transform:translateY(-2px)}.passkey-error{color:#ff6b35;font-size:.85rem;font-weight:600;letter-spacing:0px;margin-top:.5rem}.access-code-info-section{margin-top:2.5rem;padding-top:2rem;border-top:4px double #d4af37}.toggle-button{background:none;border:none;color:#d4af37;font-size:.9rem;cursor:pointer;font-family:inherit;padding:.5rem 0;transition:color .3s ease;letter-spacing:1px;font-weight:600}.toggle-button:hover{color:#ff6b35}.access-code-info-content{margin-top:1.5rem;padding:1.5rem;background:#1a1a1a;border-left:6px double #d4af37;border-radius:0;text-align:left;animation:slideDown .3s ease-out}.info-description{color:#d4af37;font-size:.95rem;line-height:1.6;margin-bottom:1rem;font-weight:400}.code-example{background:#000;border:2px solid #d4af37;padding:1rem;border-radius:0;margin:1.5rem 0}.code-example h4{color:#ff6b35;font-size:.9rem;margin-bottom:.5rem;letter-spacing:1px;font-weight:600}.code-example code{display:block;background:#1a1a1a;padding:.75rem;border-radius:0;color:#d4af37;font-family:Courier New,monospace;font-size:.9rem;letter-spacing:2px;margin:.5rem 0;border:1px solid #d4af37}.example-text{color:#b8860b;font-size:.85rem;margin-top:.5rem;font-style:italic}.code-features{margin-top:1.5rem}.code-features h4{color:#ff6b35;font-size:.9rem;margin-bottom:.75rem;letter-spacing:1px;font-weight:600}.code-features ul{list-style:none;padding-left:0}.code-features li{color:#d4af37;font-size:.9rem;margin-bottom:.5rem;padding-left:1.5rem;position:relative;font-weight:400}.code-features li:before{content:"▶";position:absolute;left:0;color:#ff6b35}@keyframes slideDown{0%{opacity:0;max-height:0;overflow:hidden}to{opacity:1;max-height:500px}}.intermediate-report-wrapper{animation:fadeIn .6s ease-in}.archetype-reveal-wrapper{animation:fadeIn .8s ease-in}.phase-transition{text-align:center;padding:3rem 2rem;margin-top:2rem;background:#1a1a1a;border-radius:0;border:4px double #d4af37;animation:slideUp .6s ease-out}.transition-title{font-size:2rem;color:#d4af37;margin-bottom:.5rem;font-weight:700;letter-spacing:2px;text-transform:uppercase}.transition-subtitle{color:#ff6b35;font-size:1.1rem;margin-bottom:2rem;font-style:italic;font-weight:400;line-height:1.5}.transition-content{text-align:left;max-width:650px;margin:0 auto 2rem;background:#d4af370d;border:2px solid #d4af37;padding:2rem;border-radius:0}.transition-content p{color:#d4af37;font-size:.95rem;line-height:1.7;margin-bottom:1rem;font-weight:400}.transition-content p:last-child{margin-bottom:0}.transition-options{list-style:none;padding:1.5rem 0;margin:1.5rem 0;border-top:2px solid #d4af37;border-bottom:2px solid #d4af37}.transition-options li{color:#d4af37;font-size:.95rem;line-height:1.7;margin-bottom:1.25rem;padding-left:1.5rem;position:relative;font-weight:400}.transition-options li:last-child{margin-bottom:0}.transition-options li:before{content:"▸";position:absolute;left:0;color:#ff6b35;font-weight:700}.transition-options li strong{color:#ff6b35}.transition-note{color:#b8860b;font-size:.85rem;font-style:italic;margin-top:1rem}.next-phase-button{background:#d4af37;color:#000;border:3px double #d4af37;padding:1rem 2rem;font-size:.95rem;font-weight:700;border-radius:0;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:none;font-family:inherit}.next-phase-button:hover{transform:translateY(-3px);background:#ffed4e;box-shadow:0 6px 16px #d4af3766}.next-phase-button.secondary{background:#000;color:#d4af37;border:3px double #d4af37}.next-phase-button.secondary:hover{background:#1a1a1a;color:#ffed4e;border-color:#ffed4e}.phase-transition-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:2rem}.phase-transition-buttons .next-phase-button{flex:1;min-width:220px}.store-phase-wrapper{animation:fadeIn .8s ease-in;padding:2rem}.store-back-button{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:2rem;padding-top:2rem;border-top:2px solid #d4af37}.store-back-button button{background:#1a1a1a;color:#d4af37;border:2px solid #d4af37;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.store-back-button button:hover{background:#d4af37;color:#000;transform:translateY(-2px)}.phase2-portal-wrapper{animation:fadeIn .8s ease-in;padding:2rem}.phase2-content{background:#000;border:6px double #d4af37;padding:3rem;max-width:900px;margin:0 auto}.phase2-content h2{font-size:2.5rem;color:#d4af37;text-align:center;margin-bottom:1.5rem;letter-spacing:2px;text-transform:uppercase}.phase2-intro{color:#ff6b35;font-size:1.1rem;text-align:center;line-height:1.8;margin-bottom:2.5rem;font-style:italic}.phase2-description{background:#1a1a1a;border:2px solid #d4af37;padding:2rem;margin-bottom:2rem;border-radius:0}.phase2-description h3,.phase2-current-state h3{color:#ff6b35;font-size:1.3rem;margin-bottom:1rem;letter-spacing:1px}.phase2-description p{color:#d4af37;font-size:1rem;line-height:1.8;margin-bottom:1rem}.phase2-description p strong{color:#ff6b35}.phase2-current-state{background:#d4af371a;border:3px double #d4af37;padding:2rem;margin-bottom:2rem;border-radius:0}.archetype-display{background:#000;border-left:4px solid #ff6b35;padding:1.5rem;border-radius:0}.archetype-display p{color:#d4af37;font-size:1rem;margin-bottom:.75rem}.archetype-display strong{color:#ff6b35;font-weight:700}.phase2-notice{background:#ff6b3526;border:2px solid #ff6b35;padding:1.75rem;margin-bottom:2rem;border-radius:0}.phase2-notice p{color:#ff6b35;font-size:.95rem;line-height:1.7;margin-bottom:.75rem}.phase2-notice p:first-child{font-weight:700;font-size:1rem}.phase2-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.phase2-back-button,.phase2-store-button{background:#d4af37;color:#000;border:2px solid #d4af37;padding:1rem 2rem;font-size:1rem;font-weight:700;cursor:pointer;border-radius:0;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.phase2-back-button:hover,.phase2-store-button:hover{background:#ffed4e;transform:translateY(-2px);box-shadow:0 4px 12px #ffed4e4d}.library-phase-wrapper{animation:fadeIn .8s ease-in;padding:1rem 0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.header-content{flex-direction:column;align-items:center;gap:1rem}.header-title{text-align:center}.app-header h1{font-size:2rem}.header-controls{width:100%;justify-content:center}.app-main{padding:1.5rem}.welcome-content{padding:2rem;border:4px double #d4af37}.welcome-content h2{font-size:1.5rem}.welcome-content p{font-size:.9rem}.start-button,.next-phase-button{padding:.75rem 2rem;font-size:.9rem}.portal-content{border:4px double #d4af37;padding:1rem}.app-header h1{font-size:1.8rem}}:root{font-family:Garamond,Crimson Text,Georgia,serif;line-height:1.5;font-weight:400;color:#e0d5c7de;background-color:#0f0f1e}html,body{width:100%;height:100%;margin:0;padding:0;overflow-x:hidden}body{overflow-y:auto;-webkit-overflow-scrolling:touch}body.modal-open{overflow:hidden}#root{width:100%;min-height:100vh}a{font-weight:500;color:#646cff;text-decoration:inherit;-webkit-tap-highlight-color:transparent}a:hover{color:#747bff}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;min-height:44px;min-width:44px;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a2e;cursor:pointer;transition:border-color .25s;-webkit-tap-highlight-color:rgba(0,0,0,.1);user-select:none;-webkit-user-select:none}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}button:active{transform:scale(.98)}input,textarea,select{font-size:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:8px}textarea{resize:vertical;-webkit-overflow-scrolling:touch}@media (prefers-color-scheme: light){a:hover{color:#747bff}button{background-color:#f9f9f9}}html{scroll-behavior:smooth}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#0000004d}::-webkit-scrollbar-thumb{background:#e0d5c733;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#e0d5c766}