@import"https://fonts.googleapis.com/css2?family=Exo:wght@300;400;700&display=swap";.matrix-input{font-size:16px!important;min-height:44px;padding:12px 16px;width:100%;box-sizing:border-box;border:1px solid #00ff88;background:#000c;color:#0f8;border-radius:4px;margin:8px 0}.matrix-input:focus{outline:none;border-color:#0f8;box-shadow:0 0 10px #00ff884d}.matrix-button{min-height:44px;padding:12px 24px;font-size:16px;width:100%;margin:8px 0;border:2px solid #00ff88;background:#0f8;color:#1a1a2e;border-radius:4px;cursor:pointer;font-weight:700;transition:all .3s ease}.matrix-button:hover,.matrix-button.secondary{background:transparent;color:#0f8}.matrix-button.secondary:hover{background:#0f8;color:#1a1a2e}.forgot-password-btn{margin-top:1rem;font-size:14px;color:#0f8;background:none;border:none;text-decoration:underline;min-height:44px;cursor:pointer;width:100%;padding:8px}.forgot-password-btn:hover{color:#fff}.reset-mode{text-align:center}.reset-title{color:#0f8;margin-bottom:1rem;font-size:1.2rem}.reset-message{margin:1rem 0;padding:8px;border-radius:4px;font-size:14px}.reset-message.success{background:#00ff881a;color:#0f8;border:1px solid #00ff88}.reset-message.error{background:#ff00001a;color:#ff6b6b;border:1px solid #ff6b6b}@media (max-width: 768px){.access-panel{width:90%;max-width:400px;padding:1.5rem;margin:1rem}.email-auth-form{gap:1rem}.auth-buttons{flex-direction:column;gap:.5rem}.matrix-canvas{opacity:.7}.terminal{width:95%;max-width:400px}.access-container{padding:1rem}}@media (max-width: 480px){.access-panel{width:95%;padding:1rem}.matrix-input{font-size:16px;padding:10px 12px}.matrix-button{padding:10px 16px;font-size:15px}.panel-title{font-size:1.2rem}.terminal{width:98%;font-size:12px}}*{touch-action:manipulation}.matrix-login{min-height:100vh;min-height:-webkit-fill-available}@media (max-height: 500px) and (orientation: landscape){.terminal{display:none}.access-container{margin-top:2rem}.matrix-canvas{opacity:.5}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.matrix-input,.matrix-button{border-width:.5px}}:root{--font: "Exo", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", sans-serif;--font-size-xl: clamp(1.5rem, 1.3rem + 1.5vw, 2rem);--font-size-lg: clamp(1.125rem, 1.05rem + 1vw, 1.375rem);--font-size-md: clamp(1rem, .95rem + .5vw, 1.125rem);--font-size-sm: clamp(.875rem, .8rem + .375vw, 1rem);--font-size-xs: clamp(.75rem, .7rem + .25vw, .875rem);--leading-tight: 1.2;--leading-normal: 1.6;--leading-loose: 1.8;--white: #ffffff;--white-70: rgba(255, 255, 255, .7);--white-90: rgba(255, 255, 255, .9);--blue: #2196f3;--blue-light: #64b5f6;--blue-light-transparent: rgba(100, 181, 246, .7);--blue-hover: #1a76d2;--blue-active: #1565c0;--green: #4caf50;--red: #f44336;--amber: #ffc107;--brown: #746f54;--brown-light: #aba691;--black-10: rgba(0, 0, 0, .1);--black-30: rgba(0, 0, 0, .3);--glass-blur: blur(15px);--glass-bg: linear-gradient(145deg, rgba(42, 42, 42, .7), rgba(72, 72, 72, .5));--glass-dark-bg: linear-gradient(145deg, rgba(35, 35, 40, .8), rgba(50, 50, 60, .6));--glass-light-bg: linear-gradient(145deg, rgba(60, 60, 70, .6), rgba(90, 90, 100, .4));--glass-hover-bg: linear-gradient(145deg, rgba(50, 50, 60, .75), rgba(70, 70, 80, .55));--glass-border: rgba(255, 255, 255, .15);--shadow-white: rgba(255, 255, 255, .1);--shadow-lg: 0 0 30px rgba(0, 0, 0, .7);--shadow-md: 0 2px 4px var(--black-10);--shadow-sm: 0 1px 2px var(--black-10);--shadow-xs: 0 1px 1px rgba(0, 0, 0, .1);--shadow-glow: 0 0 10px var(--shadow-white);--shadow-button: 4px 4px 15px rgba(0, 0, 0, .4), -4px -4px 15px rgba(255, 255, 255, .2);--shadow-button-hover: 6px 6px 20px rgba(0, 0, 0, .5), -6px -6px 20px rgba(255, 255, 255, .3);--shadow-button-active: 2px 2px 5px rgba(0, 0, 0, .3), -1px -1px 5px rgba(255, 255, 255, .1);--space-xl: 2rem;--space-lg: 1.2rem;--space-md: .8rem;--space-sm: .4rem;--space-xs: .2rem;--radius-lg: 1rem;--radius-md: .5rem;--radius-sm: .25rem;--radius-xs: .125rem;--streamdeck-button-size: min(4.5rem, 12vw);--streamdeck-shadow: 0 10px 20px rgba(0, 0, 0, .3);--btn-size: 3rem;--btn-opacity: .8;--btn-hover-scale: 1.1;--scrollbar-width: .5rem;--scrollbar-track: transparent;--scrollbar-thumb: rgba(255, 255, 255, .2);--scrollbar-thumb-hover: rgba(255, 255, 255, .3);--container-glass-bg: var(--glass-bg);--container-border: 1px solid var(--glass-border);--container-shadow: var(--shadow-lg);--container-radius: var(--radius-lg);--container-blur: var(--glass-blur);--transition-fast: .15s ease;--transition-normal: .2s ease}.phase-indicator{position:fixed;bottom:1rem;right:1rem;z-index:1000;transition:all .3s ease;max-width:300px}.phase-indicator.expanded{background:var(--container-glass-bg);backdrop-filter:var(--container-blur);border-radius:var(--container-radius);border:var(--container-border);box-shadow:var(--container-shadow)}.phase-indicator-container{display:flex;align-items:center;justify-content:space-between;padding:.5rem}.phase-indicator-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;cursor:pointer;width:100%;user-select:none}.phase-name{color:var(--white);font-size:.9rem;font-weight:500;text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;gap:.5rem}.dropdown-arrow{color:var(--white-70);font-size:.8rem}.phase-indicator.expanded .dropdown-arrow{transform:rotate(180deg)}.phase-dropdown{background-color:var(--glass-dark-bg);border-top:1px solid var(--glass-border);max-height:none}.dropdown-section{padding:.5rem}.dropdown-section-title{color:var(--white-70);font-size:.8rem;font-weight:600;padding:.5rem;text-transform:uppercase;letter-spacing:1px}.dropdown-divider{height:1px;background-color:var(--glass-border);margin:.25rem .5rem}.phase-option{padding:.5rem 1rem;color:var(--white);font-size:.9rem;cursor:pointer;border-radius:var(--radius-sm);transition:background-color .2s ease;display:flex;align-items:center;justify-content:space-between}.phase-toggle{position:fixed;display:flex;align-items:center;justify-content:center;padding:8px 12px;background:var(--glass-dark-bg);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--white);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .2s ease;z-index:9998;box-shadow:var(--shadow-md);bottom:20px;right:20px}.research-questions-display{background:var(--message-bg, #f8f9fa);border-radius:12px;padding:20px;margin:10px 0;border-left:4px solid var(--primary-color, #007bff);animation:fadeInUp .4s ease-out;box-shadow:0 2px 8px #0000001a}.research-questions-display.error{border-left-color:var(--warning-color, #ffc107);background:var(--warning-bg, #fff3cd)}.questions-header{margin:0 0 12px;color:var(--text-primary, #333);font-size:1.1em;font-weight:600}.intro-text{margin:0 0 16px;color:var(--text-secondary, #666);font-size:.95em;line-height:1.4}.questions-list{list-style:none;padding:0;margin:0 0 16px}.question-item{margin:8px 0;padding:8px 0;border-bottom:1px solid var(--border-light, #e9ecef);display:flex;align-items:flex-start;gap:8px}.question-item:last-child{border-bottom:none}.question-number{color:var(--primary-color, #007bff);font-weight:600;min-width:20px}.question-text{flex:1;line-height:1.4;color:var(--text-primary, #333)}.ai-thoughts{background:var(--thoughts-bg, #e3f2fd);border-radius:8px;padding:12px;margin-top:12px;font-size:.9em;color:var(--text-secondary, #666);border-left:3px solid var(--info-color, #17a2b8)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-color-scheme: dark){.research-questions-display{background:var(--message-bg-dark, #2d3748);color:var(--text-primary-dark, #e2e8f0)}.questions-header{color:var(--text-primary-dark, #e2e8f0)}.intro-text{color:var(--text-secondary-dark, #a0aec0)}.question-text{color:var(--text-primary-dark, #e2e8f0)}.ai-thoughts{background:var(--thoughts-bg-dark, #2a4365);color:var(--text-secondary-dark, #a0aec0)}}@media (max-width: 768px){.research-questions-display{padding:16px;margin:8px 0}.questions-header{font-size:1em}.intro-text{font-size:.9em}}.tile-status-control{position:relative;display:inline-block}.status-button{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--glass-dark-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--white-90);cursor:pointer;transition:var(--transition-normal);font-size:.9rem}.status-button:hover{background:#ffffff1a;border-color:var(--blue-light)}.status-icon{font-size:1.1rem}.dropdown-arrow{font-size:.7rem;opacity:.7}.status-dropdown{position:absolute;top:calc(100% + 4px);left:0;min-width:150px;background:var(--glass-dark-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);backdrop-filter:blur(10px);z-index:1000;box-shadow:0 4px 12px #0000004d}.status-option{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);background:transparent;border:none;color:var(--white-90);cursor:pointer;transition:var(--transition-normal);text-align:left}.status-option:hover{background:#ffffff1a}.status-option.active{background:#ffffff26;font-weight:500}.tile-notes-container{margin-top:var(--space-md);border-top:1px solid var(--glass-border);padding-top:var(--space-md)}.notes-toggle{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:transparent;border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--white-90);cursor:pointer;transition:var(--transition-normal);font-size:.9rem}.notes-toggle:hover{background:#ffffff0d;border-color:var(--blue-light)}.notes-icon{font-size:1rem}.save-indicator{margin-left:var(--space-sm);font-size:.8rem;color:var(--green);opacity:.8}.notes-content{margin-top:var(--space-sm)}.notes-textarea{width:100%;min-height:80px;padding:var(--space-sm);background:#0000004d;border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--white-90);font-family:inherit;font-size:.95rem;line-height:1.5;resize:vertical;transition:var(--transition-normal)}.notes-textarea:focus{outline:none;border-color:var(--blue-light);background:#0006}.notes-textarea::placeholder{color:var(--white-70);opacity:.6}.char-counter{text-align:right;font-size:.8rem;color:var(--white-70);margin-top:var(--space-xs)}.char-counter.warning{color:#ffa726}.char-counter.limit{color:#ef5350;font-weight:500}.tile[data-status=viewed]{border-color:var(--blue-light)}.tile[data-status=done]{border-color:var(--green);box-shadow:0 0 15px #4caf504d}@keyframes borderGlow{0%{box-shadow:0 0 #4caf5000}50%{box-shadow:0 0 20px #4caf5099}to{box-shadow:0 0 15px #4caf504d}}.tile[data-status=done]{animation:borderGlow .5s ease-out}@media (max-width: 768px){.status-dropdown{min-width:200px;font-size:1rem}.status-option{min-height:44px;padding:var(--space-md)}.notes-textarea{min-height:100px;font-size:16px}}.space-map-container{padding:2rem;max-width:1200px;margin:0 auto;background:linear-gradient(135deg,#0a0e27,#1a1f3a,#0f1419);min-height:100vh}.space-map-intro{text-align:center;margin-bottom:3rem;padding:2rem;background:#ffffff0d;backdrop-filter:blur(10px);border:1px solid rgba(255,215,0,.3);border-radius:16px}.space-map-intro h1{font-size:2.5rem;color:gold;margin-bottom:1rem;text-shadow:0 0 20px rgba(255,215,0,.5)}.space-map-subtitle{font-size:1.3rem;color:#ffffffe6;margin-bottom:1rem;font-weight:500}.space-map-description{font-size:1rem;color:#ffffffb3;line-height:1.6;max-width:700px;margin:0 auto}.space-map-content h3{font-size:1.8rem;color:gold;margin:3rem 0 1rem;padding-bottom:.5rem;border-bottom:2px solid gold;text-shadow:0 0 10px rgba(255,215,0,.4)}.space-map-content h4{font-size:1.4rem;color:#00b8ff;margin:2rem 0 1rem;text-shadow:0 0 8px rgba(0,184,255,.4)}.space-map-content blockquote{border-left:4px solid gold;padding-left:1.5rem;margin:1rem 0 2rem;font-style:italic;color:#fffc;background:#ffd7000d;padding:1rem 1.5rem;border-radius:8px}.space-map-content strong{color:#fffffff2;font-weight:600}.space-map-content ul{list-style:none;padding-left:0;margin:1rem 0}.space-map-content li{padding:.75rem 1rem;margin-bottom:.5rem;background:#ffffff0d;border-left:3px solid rgba(0,255,157,.5);border-radius:8px;color:#ffffffd9;transition:all .3s ease}.space-map-content li:hover{background:#ffffff1a;border-left-color:#00ff9d;transform:translate(4px)}.space-map-content p{color:#fffc;line-height:1.7;margin:1rem 0}.space-map-footer{margin-top:4rem;padding:2rem;text-align:center;background:#ffd7001a;border:1px solid rgba(255,215,0,.3);border-radius:16px}.space-map-footer p{color:#ffffffe6;font-size:1.1rem;line-height:1.6;margin:0}@media (max-width: 768px){.space-map-container{padding:1rem}.space-map-intro h1{font-size:2rem}.space-map-content h3{font-size:1.5rem}.space-map-content h4{font-size:1.2rem}}@keyframes star-twinkle{0%,to{opacity:1}50%{opacity:.6}}.space-map-intro h1{animation:star-twinkle 3s ease-in-out infinite}.deliverable-card{position:relative;transition:all .5s ease}.deliverable-card--complete.deliverable-card--kompass{box-shadow:none}@keyframes pulse-glow{0%,to{box-shadow:0 0 25px 5px #64b5f666}50%{box-shadow:0 0 35px 10px #64b5f699}}.deliverable-card--complete.deliverable-card--atlas{box-shadow:none;animation:none}@keyframes pulse-glow-purple{0%,to{box-shadow:0 0 25px 5px #9c27b066}50%{box-shadow:0 0 35px 10px #9c27b099}}.deliverable-card--complete.deliverable-card--navi{box-shadow:none;animation:none}@keyframes pulse-glow-green{0%,to{box-shadow:0 0 25px 5px #64b5f666}50%{box-shadow:0 0 25px 5px #64b5f666}}.deliverable-card--complete:after{content:"✅";position:absolute;top:10px;right:10px;font-size:1.5rem;animation:fadeIn .5s ease;z-index:10}@keyframes fadeIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.golden-key-badge{display:inline-block;margin-left:var(--space-xs);font-size:1.2rem;animation:spin-key 3s infinite ease-in-out}@keyframes spin-key{0%,to{transform:rotate(0)}50%{transform:rotate(15deg)}}.crystal-slot{position:absolute;top:15px;left:15px;font-size:2rem;z-index:10;animation:crystal-appear .6s ease-out,crystal-glow 2s infinite ease-in-out;filter:drop-shadow(0 0 8px rgba(147,197,253,.8))}@keyframes crystal-appear{0%{opacity:0;transform:scale(0) rotate(-180deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes crystal-glow{0%,to{filter:drop-shadow(0 0 8px rgba(147,197,253,.8))}50%{filter:drop-shadow(0 0 12px rgba(147,197,253,1))}}.context-editor-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:2500;backdrop-filter:blur(4px)}.context-editor-modal{width:90vw;max-width:900px;height:85vh;background:var(--glass-dark-bg);border:2px solid gold;border-radius:var(--radius-md);display:flex;flex-direction:column;box-shadow:0 0 40px #ffd70066}.context-editor-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);border-bottom:1px solid var(--glass-border)}.context-editor-header h2{margin:0;color:gold;font-size:1.8rem}.close-btn{background:transparent;border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:var(--space-xs);font-size:1.5rem;cursor:pointer;color:var(--white-90);transition:var(--transition-normal)}.close-btn:hover{background:#ffffff1a;border-color:gold}.context-editor-body{flex:1;display:flex;flex-direction:column;padding:var(--space-md);overflow:hidden}.context-editor-prompt{color:var(--white-90);margin:0 0 var(--space-md) 0;line-height:1.6;font-size:1rem}.context-editor-textarea{flex:1;width:100%;padding:var(--space-md);background:#0006;border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--white-90);font-family:inherit;font-size:1rem;line-height:1.6;resize:none;transition:var(--transition-normal)}.context-editor-textarea:focus{outline:none;border-color:gold;background:#00000080;box-shadow:0 0 20px #ffd70033}.context-editor-textarea::placeholder{color:var(--white-70);opacity:.6}.context-editor-footer{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--glass-border)}.char-counter{color:var(--white-70);font-size:.9rem}.page-estimate{color:var(--white-90);font-weight:500}.save-close-btn{padding:var(--space-sm) var(--space-lg);background:linear-gradient(135deg,gold,orange);border:none;border-radius:var(--radius-sm);color:#000;font-weight:600;cursor:pointer;transition:var(--transition-normal);font-size:1rem}.save-close-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #ffd70066}.altar-tile{position:relative;transition:all .5s ease;cursor:pointer}.altar-tile--active{border-color:gold;box-shadow:0 0 35px 10px #ffd70099;animation:pulse-golden-altar 3s infinite ease-in-out}@keyframes pulse-golden-altar{0%,to{box-shadow:0 0 35px 10px #ffd70099}50%{box-shadow:0 0 45px 15px #ffd700cc}}.altar-tile--active:after{content:"✨";position:absolute;top:10px;right:10px;font-size:1.8rem;animation:sparkle 2s infinite ease-in-out}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}@media (max-width: 768px){.context-editor-modal{width:95vw;height:90vh}.context-editor-header h2{font-size:1.4rem}.context-editor-textarea{font-size:16px}}.component-overlay.visible{opacity:1;visibility:visible;transition:opacity .3s ease-in-out,visibility 0s linear 0s}.component-overlay>*{pointer-events:auto}.slide-PSYCH_EVAL .message-inquiry,.slide-PSYCH_EVAL .markdown-container{justify-content:flex-start;align-items:flex-start}.slide-PSYCH_EVAL .markdown-container,.slide-PSYCH_EVAL .centered-markdown{display:block;text-align:left}.big-five-visualization{margin:1.5rem 0 .5rem;background:var(--glass-bg);border-radius:var(--radius-md);padding:1.2rem 1.2rem 1rem;box-shadow:0 2px 16px #00000014;font-size:1rem;min-width:0}.big-five-visualization .tile-heading{font-size:1.1em;font-weight:600;color:var(--white);margin-bottom:.5em;display:flex;align-items:center;gap:.5em}.big-five-visualization .tile-heading .emoji{font-size:1.2em}.big-five-visualization .trait-bar-container{position:relative;height:24px;margin:.5em 0;background:#ffffff1a;border-radius:12px;overflow:hidden}.trait-bar{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,var(--trait-color-start),var(--trait-color-end));border-radius:7px;transition:width .3s,left .3s;opacity:.85}.bar-marker{position:absolute;top:0;bottom:0;width:6px;height:100%;background:var(--accent, #fff);border-radius:3px;margin-left:-3px;box-shadow:0 0 4px 1px var(--accent, #fff4);z-index:2;transition:left .3s}.big-five-visualization .disclaimer{font-size:.95em;color:var(--white-70);margin-top:.7em;text-align:right}@media (max-width: 768px){.component-overlay{min-height:100vh;min-height:100dvh;padding:1rem 0;display:flex;align-items:flex-start;justify-content:center;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;padding-top:max(1rem,env(safe-area-inset-top));padding-bottom:max(1.25rem,env(safe-area-inset-bottom))}}.bug-report-dropdown{position:relative}.bug-report-panel{position:absolute;top:calc(100% + .5rem);right:0;left:auto;bottom:auto;background:var(--container-glass-bg);border:var(--container-border);border-radius:var(--container-radius);backdrop-filter:var(--container-blur);padding:1rem;min-width:320px;max-width:400px;max-height:60vh;overflow-y:auto;box-shadow:var(--container-shadow);z-index:10000}.bug-report-section{margin-bottom:1rem}.bug-report-section:last-child{margin-bottom:0}.bug-report-header{font-weight:600;margin-bottom:.75rem;color:var(--white);font-size:.95rem}.bug-report-content{color:var(--white-90);font-size:.85rem;line-height:1.5;padding:.75rem;background:#3c3c4680;border-radius:var(--radius-sm)}.feature-item{margin-bottom:.75rem}.feature-item:last-child{margin-bottom:0}.feature-item strong{display:block;margin-bottom:.25rem;color:var(--white)}.feature-item p{margin:0;color:var(--white-90)}:root{--chrome-h: clamp(56px, 10vw, 92px)}.version-info-container{position:fixed;bottom:10px;left:50%;transform:translate(-50%);z-index:1000;pointer-events:none;background:#20262ebf;border-radius:12px;box-shadow:0 2px 8px #00000040;padding:10px 18px 8px;border:1.5px solid rgba(255,255,255,.09)}.version-tester-dropdown{background:#20262eeb;border-radius:8px;border:1px solid rgba(255,255,255,.07)}.version-tester-header{pointer-events:auto}.version-number{font-size:12px;color:#ffffffdc;font-family:Courier New,monospace;pointer-events:none;display:block;margin-bottom:2px}.version-tester-header{font-weight:700;color:#fff;cursor:pointer;pointer-events:auto}.version-info-container .version-number:first-child{font-weight:700;color:#fff}.login-screen{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#000;color:#0f0;font-family:Courier New,monospace}.login-container{background-color:#001400cc;border:1px solid #0f0;padding:2rem;border-radius:4px;text-align:center;max-width:400px}.login-screen h1{margin-top:0;font-size:1.5rem}.login-button{background-color:transparent;color:#0f0;border:1px solid #0f0;padding:.75rem 1.5rem;margin-top:1.5rem;font-family:Courier New,monospace;font-size:1rem;cursor:pointer;transition:all .3s ease}.login-button:hover{background-color:#00ff001a;box-shadow:0 0 10px #00ff0080}.corporate-logo img{height:auto;filter:drop-shadow(0 0 8px rgba(0,0,0,.5));transition:opacity .3s ease}.corporate-logo.bottom-left{bottom:50px;left:26px;pointer-events:auto}.corporate-logo.bottom-left img{max-width:70px}.corporate-logo.bottom-left:hover img{opacity:1;transition:filter .2s,opacity .2s}@media (max-width: 640px){.corporate-logo.top-right img{width:clamp(100px,44vw,170px)}}@media (max-width: 400px){:root{--chrome-h: clamp(48px, 12vw, 72px)}.corporate-logo.top-right img{width:clamp(90px,42vw,140px)}}.research-commit-container{display:flex;flex-direction:column;align-items:center;text-align:center;width:840px;min-height:780px;margin:var(--space-lg) auto 0 auto;padding:var(--space-lg);box-sizing:border-box;background:var(--glass-bg);border:var(--container-border);border-radius:var(--radius-lg);box-shadow:var(--container-shadow);backdrop-filter:var(--glass-blur);color:var(--text-primary);font-family:var(--font);gap:var(--space-md)}.research-commit-container .sparky-header{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-xs)}.research-commit-container .sparky-header .sparky-image{width:60px;height:auto}.research-commit-container .sparky-header h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--white);margin:0;letter-spacing:.01em}.research-commit-container .tile-divider{width:80%;border:none;border-top:1px solid var(--glass-border-light);margin-top:0;margin-bottom:var(--space-md)}.research-commit-container .sparky-text{font-size:var(--font-size-md);line-height:1.6;color:var(--text-secondary);max-width:90%;margin-bottom:var(--space-md)}.research-commit-container .sparky-text.small-text{font-size:var(--font-size-sm);color:var(--text-tertiary);margin-top:-.5em;margin-bottom:var(--space-sm)}.ai-questions-display{background-color:#00000026;border:1px solid var(--glass-border-light);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-lg);width:100%;box-sizing:border-box;text-align:left}.ai-questions-display h4{font-size:var(--font-size-lg);color:var(--blue-light);margin-top:0;margin-bottom:var(--space-sm);text-align:center}.ai-questions-display ul{list-style-type:none;padding-left:0;margin:0}.ai-questions-display li{font-size:var(--font-size-md);color:var(--white-90);margin-bottom:var(--space-sm);line-height:1.5;padding:var(--space-xs) 0;border-bottom:1px dashed var(--glass-border)}.ai-questions-display li:last-child{border-bottom:none}.ai-questions-display li strong{color:var(--blue-lighter);margin-right:.5em}.ai-questions-display .ai-thoughts{font-size:var(--font-size-sm);color:var(--text-tertiary);margin-top:var(--space-md);padding-top:var(--space-sm);border-top:1px solid var(--glass-border);font-style:italic;text-align:center}.research-commit-container .sparky-form{width:100%;display:flex;flex-direction:column;gap:var(--space-md)}.research-commit-container .form-field{display:flex;flex-direction:column;text-align:left;width:100%}.research-commit-container .form-field label{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);margin-bottom:var(--space-xxs);color:var(--blue-light)}.research-commit-container .form-input,.research-commit-container textarea,.research-commit-container input[type=email]{background:var(--glass-bg-input);border:1.5px solid var(--glass-border);border-radius:var(--radius-md);color:var(--white);font-size:var(--font-size-md);padding:var(--space-sm) var(--space-md);width:100%;box-sizing:border-box;font-family:inherit;transition:border .2s,background .2s}.research-commit-container textarea{resize:vertical;min-height:80px}.research-commit-container .form-input:focus,.research-commit-container textarea:focus,.research-commit-container input[type=email]:focus{border:1.5px solid var(--blue);background:var(--glass-bg-input-focus);outline:none;box-shadow:0 0 0 2px var(--blue-transparent)}.opt-in-options{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-sm);margin-top:var(--space-xs);margin-bottom:var(--space-md);width:100%;padding-left:var(--space-xxs)}.opt-in-options .consent-label{display:flex;align-items:center;font-size:var(--font-size-md);font-weight:var(--font-weight-normal);color:var(--white-90);gap:var(--space-sm);cursor:pointer;line-height:1.4;text-align:left}.opt-in-options input[type=checkbox]{accent-color:var(--blue);width:1.25em;height:1.25em;border-radius:var(--radius-sm);flex-shrink:0}.research-commit-container .error-message{color:var(--red);font-size:var(--font-size-md);margin-top:var(--space-sm);margin-bottom:var(--space-sm);width:100%;text-align:center;background-color:#ff00001a;padding:var(--space-xs);border-radius:var(--radius-sm)}.research-commit-container .success-message{color:var(--green);font-size:var(--font-size-md);margin-top:var(--space-sm);margin-bottom:var(--space-sm);width:100%;text-align:center;background-color:#00ff001a;padding:var(--space-xs);border-radius:var(--radius-sm)}.research-commit-actions{display:flex;flex-direction:column;gap:var(--space-md);width:100%;margin-top:var(--space-md);align-items:center}.research-commit-actions .btn{width:100%;max-width:350px;padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);cursor:pointer;transition:background-color .2s,transform .15s;border:none}.research-commit-actions .btn-ok{background:linear-gradient(90deg,var(--blue-light) 0%,var(--blue) 100%);color:var(--white);box-shadow:var(--button-shadow)}.research-commit-actions .btn-ok:hover:not(:disabled){background:linear-gradient(90deg,var(--blue) 0%,var(--blue-dark) 100%);transform:translateY(-2px)}.research-commit-actions .btn-secondary{background-color:var(--button-secondary-bg);color:var(--button-secondary-text);border:1px solid var(--button-secondary-border)}.research-commit-actions .btn-secondary:hover:not(:disabled){background-color:var(--button-secondary-bg-hover);transform:translateY(-2px)}.research-commit-actions .btn:disabled{background:var(--button-disabled-bg);color:var(--button-disabled-text);cursor:not-allowed;opacity:.7;transform:none}@media (min-width: 600px){.research-commit-actions{flex-direction:row;justify-content:center}.research-commit-actions .btn{width:auto;min-width:200px}}.app-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-2;background:#1a1a1a url(/pics/0_0.webp) center/cover no-repeat fixed;transition:filter 1.2s cubic-bezier(.4,0,.2,1)}.app-wrapper,.app-wrapper--wide{display:none}.app-container{flex:1;width:650px;min-width:650px;max-width:650px;height:750px;min-height:750px;max-height:750px;display:flex;flex-direction:column;box-sizing:border-box;min-height:0;position:relative;margin:0 auto;padding:var(--space-lg);overflow-y:auto;overflow-x:hidden;background:var(--container-glass-bg);border:var(--container-border);border-radius:var(--container-radius);backdrop-filter:var(--container-blur);box-shadow:var(--container-shadow)}.app-container[data-display-mode=form]{flex-direction:column;align-items:center;justify-content:flex-start;padding:0;box-sizing:border-box;gap:0;background:transparent;border:none;box-shadow:none;backdrop-filter:none;width:650px;max-width:650px;min-width:650px;height:750px;max-height:750px;min-height:750px}.app-container[data-display-mode=deliverable]{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:0;box-sizing:border-box;gap:1rem;max-width:1200px;width:95vw;background:transparent;border:none;box-shadow:none;backdrop-filter:none;flex:1;min-height:100%;overflow-y:auto}.main-screen-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;height:auto;min-height:100%}.main-columns-wrapper{display:flex;width:100%;height:100%;flex:1 1 0;gap:1rem;min-height:0;align-items:stretch}.main-columns-wrapper.magic-container{display:flex;flex-direction:row;width:100%}.main-columns-wrapper.magic-container>.chat-panel,.main-columns-wrapper.magic-container>.right-sidebar{background:transparent;border:none;box-shadow:none;padding:0}.main-columns-wrapper>.chat-panel{flex-grow:1;min-width:0;height:100%;min-height:0}.app-container[data-display-mode=form] .chat-panel,.app-container[data-display-mode=deliverable] .chat-panel{display:none}.app-container[data-display-mode=message] .chat-panel{flex:1 1 0;display:flex;padding-bottom:0}.app-container[data-display-mode=message]{display:flex;flex-direction:row;align-items:stretch;gap:1.5rem;width:700px;max-width:700px;margin:0 auto;height:780px;min-height:780px;max-height:780px;padding:var(--space-xl);justify-content:center;overflow:hidden}.app-container[data-display-mode=message] .main-columns-wrapper{display:flex;flex-direction:row;width:100%;max-width:100%;flex:1;gap:1.25rem;align-items:stretch;box-sizing:border-box;padding:0;margin:0;background:transparent;border:none;border-radius:0;backdrop-filter:none;box-shadow:none;overflow:visible}.app-container[data-display-mode=message] .right-sidebar{flex:0 0 180px;width:180px;height:100%;min-height:0;display:flex;flex-direction:column;border-left:1px solid rgba(255,255,255,.1);padding-left:var(--space-lg)}@media (max-width: 768px){.app-container,.app-container[data-display-mode=message],.app-container[data-display-mode=form],.app-container[data-display-mode=deliverable]{display:flex;flex-direction:column;min-height:0;flex-grow:1;margin:0 auto;width:100%;max-width:100%;min-width:0;padding:var(--space-md);flex:1;height:auto;max-height:none;overflow:hidden}.main-content-column{width:100%;flex-basis:100%}.app-wrapper,.app-container,.main-columns-wrapper,.main-content-column{max-width:100%;box-sizing:border-box;overflow-x:hidden}.right-sidebar{display:none!important}.app-container[data-display-mode=deliverable]{width:100%;max-width:100%;padding:var(--space-md);overflow-y:auto;-webkit-overflow-scrolling:touch}}.app-root-container{display:flex;flex-direction:column;height:100vh;height:100dvh;width:100vw;overflow:hidden}.app-header{flex-shrink:0;height:var(--chrome-h, 72px);width:100%;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;padding:1rem;z-index:10}.header-nav{display:flex;align-items:center;gap:var(--space-lg);position:relative}.hamburger-btn{display:none;background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--white);font-size:24px;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);cursor:pointer;backdrop-filter:var(--glass-blur);transition:var(--transition-normal);min-height:var(--tap)}.hamburger-btn:hover{background:#ffffff1a;border-color:#ffffff4d}.nav-buttons{display:flex;align-items:center;gap:var(--space-lg)}@media (max-width: 768px){.hamburger-btn{display:flex;align-items:center;justify-content:center}.nav-buttons{display:none;position:absolute;top:calc(100% + var(--space-md));right:0;flex-direction:column;background:var(--container-glass-bg);border:var(--container-border);border-radius:var(--container-radius);box-shadow:var(--container-shadow);backdrop-filter:var(--container-blur);padding:var(--space-md);gap:var(--space-sm);z-index:1000;min-width:200px}.nav-buttons.mobile-open{display:flex}.results-nav-btn{width:100%;justify-content:flex-start}}.results-nav-btn{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--white);padding:var(--space-sm) var(--space-sm);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:var(--transition-normal);display:flex;align-items:center;gap:var(--space-xs);backdrop-filter:var(--glass-blur);min-height:var(--tap);min-width:var(--tap)}.results-nav-btn:hover{background:var(--glass-hover-bg);transform:translateY(-1px);box-shadow:var(--shadow-md)}.app-header .corporate-logo img{height:clamp(48px,6vw,64px);width:auto;object-fit:contain;filter:drop-shadow(0 0 8px rgba(0,0,0,.5));transition:transform .2s ease;margin-right:.75rem}.app-header .corporate-logo:hover img{transform:scale(1.05)}.app-main-content{flex-grow:1;width:100%;overflow:visible;position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:0 1rem;box-sizing:border-box;min-height:0}.app-footer{flex-shrink:0;min-height:60px;width:100%;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:0 1rem;gap:1rem;z-index:10;margin-top:var(--space-md)}@media (max-width: 768px){.app-footer{position:static;width:100%;margin:0;background:transparent;border:none;z-index:10;overflow-x:hidden;padding-bottom:max(1rem,env(safe-area-inset-bottom))}}@media (min-width: 769px){.app-footer{min-height:0;height:0;padding:0;margin:0;overflow:visible}}.right-sidebar{flex:0 0 260px;width:260px;height:100%;min-height:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;overflow:visible!important;padding:0!important}.controls-button-row{display:flex;justify-content:space-between;gap:5px;width:100%;margin-bottom:20px}.control-btn{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--glass-bg);color:var(--white);border:1px solid var(--glass-border);font-size:1rem;cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-button)}.control-btn[data-tooltip]{position:relative}.control-btn[data-tooltip]:after{content:attr(data-tooltip);position:absolute;left:50%;bottom:120%;transform:translate(-50%) scale(.9);background:#1e1e23ed;color:#fff;padding:7px 14px;border-radius:8px;font-size:.98em;font-weight:500;white-space:nowrap;z-index:9999;opacity:0;pointer-events:none;box-shadow:0 2px 8px #00000059;transition:opacity .18s ease-in-out,transform .18s ease-in-out}.control-btn[data-tooltip]:hover:after{opacity:1;transform:translate(-50%) scale(1)}@media (max-width: 768px){.right-sidebar,.app-container .right-sidebar,.right-sidebar.glass-container{display:none!important}}.mobile-progress-bar{display:none}@media (max-width: 768px){.mobile-progress-bar{width:100%;height:60px;background:var(--glass-bg, rgba(40, 40, 50, .95));backdrop-filter:var(--glass-blur, blur(10px));border-top:1px solid var(--glass-border, rgba(255, 255, 255, .1));border-radius:var(--container-radius);display:flex;align-items:center;box-sizing:border-box;margin-top:var(--space-md);padding:0 var(--space-md)}.simple-results-dashboard .mobile-progress-content{display:none}}.mobile-progress-content{display:flex;align-items:center;width:100%;gap:.25rem}.mobile-progress-track-container{flex:1;height:20px;position:relative;border-radius:10px;overflow:hidden}.mobile-progress-info{flex-shrink:0;display:flex;align-items:center;min-width:80px}.mobile-progress-percentage{color:#fff;font-size:.9rem;font-weight:600}.mobile-progress-track{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--black-30, rgba(0, 0, 0, .3));border-radius:10px;z-index:1}.mobile-progress-fill{position:absolute;top:0;left:0;height:100%;background:var(--blue, #4682b4);border-radius:10px;transition:width .5s ease;z-index:2}.mobile-progress-segments{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3}.mobile-segment-unit{position:absolute;top:0;height:100%;opacity:.3;transition:all .3s ease;border-left:1px solid rgba(255,255,255,.1);border-right:1px solid rgba(0,0,0,.1)}.mobile-segment-unit.active{opacity:1;box-shadow:inset 0 0 10px #ffffff4d;animation:mobilePulse 2s infinite}@keyframes mobilePulse{0%{opacity:.85}50%{opacity:1}to{opacity:.85}}.mobile-progress-indicator{position:absolute;top:50%;transform:translate(-50%,-50%);z-index:4;pointer-events:none}.mobile-progress-dot{width:16px;height:16px;background:var(--white, #fff);border:2px solid var(--blue, #4682b4);border-radius:50%;box-shadow:0 0 8px #4682b499;transition:left .5s ease}.mobile-progress-info{display:flex;flex-direction:column;align-items:flex-end;min-width:40px}.mobile-progress-percentage{color:var(--white, #fff);font-size:1.1rem;font-weight:600;line-height:1}.mobile-progress-phase{color:var(--white-70, rgba(255, 255, 255, .7));font-size:.7rem;font-weight:400;line-height:1;text-transform:uppercase;letter-spacing:.5px;text-align:right}.hidden,.quest-module-hidden{display:none!important}.scrollable{overflow-y:auto;overflow-x:hidden}.text-center{text-align:center}.component-enabled{opacity:1;pointer-events:auto}.component-disabled{opacity:.6;pointer-events:none}.component-loading-fallback{display:flex;align-items:center;justify-content:center;text-align:center;width:100%;max-width:100%;min-height:240px;margin:1rem auto;padding:2rem;background:var(--container-glass-bg);border:var(--container-border);border-radius:var(--container-radius);backdrop-filter:var(--container-blur);color:var(--white-90);font-size:1.2rem;box-sizing:border-box}.component-loading-fallback.error{color:var(--error-color, #ff6b6b);border-color:var(--error-color, #ff6b6b)}.glass-container{box-sizing:border-box;padding:2rem;background:var(--container-glass-bg);border:var(--container-border);border-radius:var(--container-radius);box-shadow:var(--container-shadow);backdrop-filter:var(--container-blur);transition:all .3s ease;overflow:visible}.glass-container-scrollable{overflow-y:auto;overflow-x:hidden}.glass-container-full-height{height:100%}.glass-container-column{display:flex;flex-direction:column}.glass-container-centered{display:flex;align-items:center;justify-content:center}:root{--tap: 44px;--safe-area-inset-top: env(safe-area-inset-top, 0px);--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px)}button,.touch-target,input[type=button],input[type=submit],.clickable{min-height:var(--tap);min-width:var(--tap);touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media (max-width: 768px){.app-container,.chat-panel,.answer-input,.slide-indicator,.progress-bar,button,.control-btn{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}input,textarea,[contenteditable],.messages-container,.component-display-area{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}}.canvas-wrapper,.app-wrapper,.three-canvas-container{transform:none!important}input,textarea,select{font-size:16px}.back-button{min-height:var(--tap, 44px);min-width:var(--tap, 44px);padding:.5rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:.25rem;color:#fff;cursor:pointer;transition:all .2s ease}.back-button:hover{background:#fff3;transform:translate(-2px)}.loading-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:16px}.loading-container{background:#000000d9;border:2px solid #00ff41;border-radius:12px;padding:40px 60px;display:flex;flex-direction:column;align-items:center;gap:20px;box-shadow:0 0 30px #00ff414d;backdrop-filter:blur(10px)}.loading-spinner{font-size:48px;animation:pulse 2s ease-in-out infinite}.loading-text{font-size:18px;color:#00ff41;font-family:Courier New,monospace;text-shadow:0 0 10px #00ff41;font-weight:700;letter-spacing:1px}@keyframes pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.beta-gate-loading,.beta-gate-blocked{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem;text-align:center}.beta-message{max-width:500px;background:#ffffff1a;padding:2rem;border-radius:1rem;border:1px solid rgba(255,255,255,.2)}.beta-message h2{margin-bottom:1rem;color:#7aa2ff}.beta-message p{margin-bottom:1rem;line-height:1.6}.beta-contact{margin-top:2rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.2);font-size:.875rem;opacity:.8}.beta-banner{position:fixed;top:0;left:0;right:0;background:linear-gradient(90deg,#ff6b35,#f7931e);color:#fff;padding:.5rem;text-align:center;font-size:.875rem;font-weight:600;z-index:9999;box-shadow:0 2px 4px #0003}.beta-banner+*{margin-top:2.5rem}@media (max-width: 768px){.sidebar{position:fixed;top:0;left:-100%;width:80vw;height:100vh;transition:left .3s ease;z-index:999}.sidebar.open{left:0}}html,body,#root{margin:0;padding:0;height:100%;width:100%;min-height:100vh;overflow:hidden}body{background:#1a1a1a;color:var(--white);font-family:var(--font);font-size:var(--font-size-md);line-height:var(--leading-normal);display:flex;justify-content:center;align-items:center;min-height:100vh;width:100vw;transition:all .5s ease-in-out;overflow:hidden;overflow-x:hidden;max-width:100vw}*,*:before,*:after{-webkit-text-size-adjust:100%;text-size-adjust:100%;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,p,h1,h2,h3,h4,h5,h6,li,span,div,a,input,textarea,button{text-align:start;text-align-last:auto;text-justify:none;-webkit-hyphens:manual;hyphens:manual}button:disabled{cursor:not-allowed}textarea:disabled,input:disabled{opacity:.6;pointer-events:none;background-color:#0000000d}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}*::-webkit-scrollbar{width:var(--scrollbar-width);height:var(--scrollbar-width)}*::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:var(--radius-md)}*::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-md);border:1px solid transparent}*::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.save-error-toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%);background:#d32f2ff2;color:#fff;padding:12px 20px;border-radius:8px;display:flex;align-items:center;gap:12px;box-shadow:0 4px 12px #0000004d;z-index:10000;animation:slideUp .3s ease-out;max-width:90vw}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.save-error-icon{font-size:20px;flex-shrink:0}.save-error-text{flex:1;font-size:14px;line-height:1.4}.save-error-retry{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;transition:background .2s;flex-shrink:0}.save-error-retry:hover{background:#ffffff4d}.save-error-retry:active{background:#fff6}@media (max-width: 768px){.save-error-toast{bottom:60px;padding:10px 16px;font-size:13px}.save-error-retry{padding:5px 10px;font-size:12px}}.deliverable-viewer-background,.main-screen-grid.deliverable-mode{width:100%;min-height:100vh}html,body{margin:0;padding:0;height:100%;width:100%}.app-container .evaluation-wrapper,.magic-container-scrollable .evaluation-wrapper,.evaluation-wrapper{box-sizing:border-box;padding:var(--space-lg);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);width:100%;margin:0 auto;transition:background .4s cubic-bezier(.4,0,.2,1),backdrop-filter .7s cubic-bezier(.4,0,.2,1);@media (max-width: 768px){padding:var(--space-sm)}}.moodboard-container,.dv_moodboard-container{width:100%;flex:1;height:auto;margin:0 auto;box-sizing:border-box;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--glass-border);padding:var(--space-lg);display:grid;grid-template-columns:1fr 2fr 1fr;grid-auto-rows:auto;gap:1rem;margin-bottom:var(--space-lg);@media (max-width: 768px){display:flex;flex-direction:column;gap:1.5rem;width:100%;max-width:100%;box-sizing:border-box;padding:var(--space-sm);margin:0}scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}.moodboard-container::-webkit-scrollbar,.dv_moodboard-container::-webkit-scrollbar{width:8px}.moodboard-container::-webkit-scrollbar-track,.dv_moodboard-container::-webkit-scrollbar-track{background:transparent}.moodboard-container::-webkit-scrollbar-thumb,.dv_moodboard-container::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:4px}.moodboard-container::-webkit-scrollbar-thumb:hover,.dv_moodboard-container::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}.header-tile{grid-column:1 / -1;width:100%}@media (max-width: 1024px){.header-tile{grid-column:1 / -1}}.moodboard-container:has(.tile:hover) .tile:not(:hover),.dv_moodboard-container:has(.tile:hover) .tile:not(:hover){filter:blur(3px) grayscale(.3) brightness(.8);transition:filter .25s cubic-bezier(.4,0,.2,1)}.moodboard-container .tile:hover,.dv_moodboard-container .tile:hover{filter:none;z-index:2}.tile{box-sizing:border-box;padding:var(--space-lg);background:var(--glass-light-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:0 4px 15px #0003;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);transition:transform .2s ease,box-shadow .2s ease,filter .25s cubic-bezier(.4,0,.2,1);font-size:.9rem;line-height:1.5;display:flex;flex-direction:column;color:var(--white-90);overflow:hidden;word-break:break-word;overflow-wrap:break-word;min-width:0}.tile:hover{transform:translateY(-4px);box-shadow:0 6px 20px #0000004d}.tile h3{margin:0 0 10px;padding-bottom:5px;border-bottom:1px solid var(--glass-border);color:var(--white);font-family:var(--font);font-size:1.1em;font-weight:700;display:flex;align-items:center;flex-shrink:0}.emoji{font-size:1em;margin-right:8px;line-height:1}.tile .content{overflow-y:auto;flex-grow:1;padding-right:5px;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}#main-evaluation .content{overflow-y:auto;flex-grow:1}.tile .content::-webkit-scrollbar{width:6px}.tile .content::-webkit-scrollbar-track{background:transparent}.tile .content::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:3px}.tile .content::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}.tile ul{list-style:none;padding-left:5px}.tile li{margin-bottom:6px;padding-left:12px;position:relative}.tile li:before{content:"›";position:absolute;left:0;top:1px;color:var(--blue-light);font-weight:700}.header-tile{grid-column:1 / -1;grid-row:1;text-align:center;align-items:center;background:linear-gradient(145deg,#50505acc,#64646e99);border-color:#fff3;padding:var(--space-lg)}.header-tile h2{margin:0;color:var(--white);font-size:1.6em;font-weight:700;border-bottom:none}.header-tile p{margin:5px 0 0;color:var(--white-70);font-size:1em}.left-column,#main-evaluation,.right-column{grid-row:2 / 3}#main-evaluation{grid-column:2 / 3;background:linear-gradient(145deg,#3c3c46cc,#55555fa6);border:1px solid rgba(255,255,255,.2);display:flex;flex-direction:column}#main-evaluation h4{font-family:var(--font);font-weight:700;color:var(--blue-light);margin-top:15px;margin-bottom:8px;font-size:1.1em}#main-evaluation p,#main-evaluation ul{margin-bottom:12px;color:var(--white-90)}.left-column,.right-column{display:flex;flex-direction:column;gap:20px;min-width:0}.left-column{grid-column:1 / 2}.right-column{grid-column:3 / 4}.left-column .tile,.right-column .tile{background:linear-gradient(145deg,#3c3c46cc,#55555fa6);border:1px solid rgba(255,255,255,.2)}#superpowers,#directions,#stumbling-blocks,#next-steps,#food-for-thought,#core-values,#resources,#no-gos,#inspiration,#work-life-formula{background:var(--glass-light-bg);border:1px solid var(--glass-border)}.main-compass-image-container{margin-bottom:var(--space-sm);text-align:center}.sparky-compass-img{display:block;margin:1.2rem auto .5rem;max-width:120px;height:auto}.big-five-visualization{width:100%;margin-top:var(--space-sm);padding:0 var(--space-sm);box-sizing:border-box;margin-bottom:var(--space-lg)}.checklist ul{padding-left:0}.checklist li{display:flex;align-items:center;padding-left:0;margin-bottom:8px}.checklist li:before{content:none}.checklist input[type=checkbox]{appearance:none;-webkit-appearance:none;width:16px;height:16px;background-color:#0003;border:1px solid var(--glass-border);border-radius:var(--radius-sm);margin-right:10px;cursor:pointer;position:relative;flex-shrink:0;transition:background-color .2s ease,border-color .2s ease}.checklist input[type=checkbox]:checked{background-color:var(--green);border-color:var(--green)}.checklist input[type=checkbox]:checked:after{content:"✔";font-size:12px;color:var(--white);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:700}.checklist label{margin-left:0;color:var(--white-90);cursor:pointer}.quote{font-family:var(--font);border-left:3px solid var(--blue-light);background:#2196f30d;padding:1rem 1.25rem;margin:.5rem 0;border-radius:0 var(--radius-md) var(--radius-md) 0;font-size:1.05em;line-height:1.6;color:var(--white-90);font-style:italic;box-shadow:inset 2px 0 8px #2196f31a}.quote .author{display:block;text-align:right;font-size:.95em;font-style:normal;font-family:var(--font);color:var(--white-70);margin-top:7px;padding-right:2px}.quote .author{display:block;text-align:right;font-size:.9em;font-style:normal;font-family:var(--font);color:var(--white-70);margin-top:5px}.quote .author:before{content:"— "}.tile li strong{color:var(--blue-light);font-weight:700}.moodboard-container .grid-center{grid-column:2 / 3}.sparky-footer{width:100%;display:flex;justify-content:center;margin-top:1rem}.sparky-button{padding:15px 30px;font-size:1.1em;background-color:#2196f3cc;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500;font-family:"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji",Exo,sans-serif;transition:all .2s ease;box-shadow:0 2px 8px #0003}.sparky-button:hover{background-color:#3c3c3ce6;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.segment-divider{border:none;height:1px;background:linear-gradient(to right,#fff0,#fff3,#fff0);margin:2.5rem auto;width:75%}.tile-divider{border:none;height:1px;width:100%;margin:.75rem 0;border-radius:8px;background:var(--blue);box-shadow:0 0 3px 2px var(--blue-light),0 0 3px 3px var(--blue-light-transparent);transition:box-shadow .3s,background .3s}.tile-divider+p,.tile-divider+ul,.tile-divider+ol,.tile-divider+blockquote{margin-top:.75rem}.tile p,.tile ul,.tile ol,.tile blockquote,.tile .quote{margin-top:.75rem;margin-bottom:.75rem}.tile-heading,h3.tile-heading{border:none;box-shadow:none}.tile-header-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.tile-header-row .tile-heading{flex:1}.tile-divider:hover{box-shadow:0 0 12px 4px var(--blue-hover),0 0 20px 6px var(--blue-light);background:var(--blue-hover)}.moodboard-container>.answer-input-focused-wrapper{grid-column:2 / 3;grid-row:3 / 4;padding:0}@media (max-width: 768px){.left-column,#main-evaluation,.right-column{grid-column:1 / -1}.header-tile{grid-row:1}.left-column{grid-row:2}#main-evaluation{grid-row:3}.right-column{grid-row:4}.moodboard-container>.answer-input-focused-wrapper{grid-row:5;grid-column:1 / -1}.moodboard-container:has(.tile:hover) .tile:not(:hover),.dv_moodboard-container:has(.tile:hover) .tile:not(:hover){filter:none}.header-tile h2{font-size:1.4em}.header-tile p{font-size:.95em}}@media (max-width: 480px){.tile{padding:var(--space-sm)}.tile h3{font-size:1.2em}.sparky-compass-img{max-width:100px}.quote{padding:.8rem 1rem}}.tile-viewed{opacity:.85;border-color:var(--neon-green)}.tile-viewed-indicator{display:inline-block;margin-left:.5rem;color:var(--neon-green);font-size:.9em;animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.chat-panel .stream-deck-grid,.input-area .stream-deck-grid{--answer-grid-gap: 16px;--answer-grid-padding: 1.5rem;--answer-grid-min-width: calc((4 * var(--streamdeck-button-size)) + (3 * var(--answer-grid-gap)) + (2 * var(--answer-grid-padding)));position:relative;display:grid;grid-template-columns:repeat(4,var(--streamdeck-button-size));grid-template-rows:repeat(2,var(--streamdeck-button-size));grid-template-areas:"pos1 pos2 pos3 pos4" "pos5 pos6 pos7 pos8";gap:var(--answer-grid-gap);padding:var(--answer-grid-padding);justify-content:center;align-content:center;width:max-content;min-width:var(--answer-grid-min-width);max-width:100%;aspect-ratio:2 / 1;grid-auto-rows:minmax(var(--streamdeck-button-size),auto);background:var(--container-glass-bg);border:var(--container-border);border-radius:var(--container-radius);box-shadow:var(--container-shadow);backdrop-filter:var(--container-blur);box-sizing:border-box}.answer-input-focused-wrapper{display:flex;justify-content:center;align-items:center;width:100%;padding:1.5rem}.grid-button-wrapper{display:flex;justify-content:center;align-items:center;border-radius:var(--radius-md)}.btn{width:var(--streamdeck-button-size);height:var(--streamdeck-button-size);display:flex;justify-content:center;align-items:center;position:relative;color:#fff;font-weight:700;font-size:20px;text-align:center;letter-spacing:1px;text-transform:uppercase;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 0 2px rgba(255,255,255,.8),0 0 10px rgba(255,255,255,.6);box-shadow:none;border:none;border-radius:var(--radius-md);overflow:hidden;cursor:pointer;opacity:1;transition:transform .08s ease-out,box-shadow .3s ease-in-out}.btn:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:#ffffff1f;transform:rotate(45deg);transition:left .45s ease-in-out,opacity .3s ease-in-out;pointer-events:none;z-index:1;opacity:0}.btn:not(:disabled):not(.visually-disabled):hover:before{left:100%;opacity:1}.btn-c{background:linear-gradient(145deg,#3a7f5c,var(--green))}.btn-b{background:linear-gradient(145deg,#f57c00,var(--amber))}.btn-a{background:linear-gradient(145deg,#d32f2f,var(--red))}.btn-d{background:linear-gradient(145deg,#6a1b9a,#ab47bc)}.btn-yes{background:linear-gradient(145deg,#3a7f5c,var(--green))}.btn-no{background:linear-gradient(145deg,#d32f2f,var(--red))}.btn-unsure{background:linear-gradient(145deg,var(--brown),var(--brown-light));font-size:28px}.btn-ok{background:linear-gradient(145deg,var(--blue-active),var(--blue))}.stream-deck-grid .btn.btn-ok,.research-commit-actions .btn-ok{text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 0 2px rgba(255,255,255,.8)!important}.stream-deck-grid .btn-ok{font-size:20px!important;font-weight:700!important;letter-spacing:1px!important;text-transform:uppercase!important;padding:0!important}.btn-voice{background:linear-gradient(145deg,var(--teal, #008080),var(--teal-light, #00a0a0));font-size:28px}.btn:focus{outline:none}.btn:not(:disabled):not(.visually-disabled):active{transform:translateY(2px);box-shadow:none}.btn.active-simulation{transform:translateY(2px);box-shadow:none}.stream-deck-grid .visually-disabled{background:linear-gradient(145deg,#555,#777);opacity:.6;cursor:not-allowed;text-shadow:none;box-shadow:none;pointer-events:none;border:none}.stream-deck-grid .btn.visually-disabled,.stream-deck-grid .btn.visually-disabled:hover,.stream-deck-grid .btn.visually-disabled:focus,.stream-deck-grid .btn.visually-disabled:active{color:transparent;text-shadow:none;outline:none;box-shadow:none;filter:none}.btn:disabled{cursor:not-allowed;text-shadow:none}.btn:disabled:before,.visually-disabled:before{display:none}.btn-ok.selected-option{box-shadow:0 0 15px 4px var(--blue-light-transparent),inset 0 0 8px 2px #64b5f64d,var(--streamdeck-shadow);filter:brightness(1.1)}.btn.selected-option:not(.btn-ok){box-shadow:0 0 7px 2px #0077ff85,0 0 6px 4px #0096ff66;filter:brightness(1.05);outline:none}.spinner-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:none;justify-content:center;align-items:center;background:#282828b3;backdrop-filter:blur(2px);border-radius:inherit;z-index:10}.spinner-overlay:after{content:"";width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite}button[data-is-prefetching=true]:disabled:hover .spinner-overlay{display:flex}.stream-deck-grid .btn:disabled,.stream-deck-grid .btn.visually-disabled{outline:0!important;border:none!important;box-shadow:none!important;filter:none!important}.stream-deck-grid .btn:disabled.selected-option,.stream-deck-grid .btn.visually-disabled.selected-option{box-shadow:none!important}.stream-deck-grid .btn-voice:disabled:before{display:none!important}@keyframes shake-no{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}@keyframes pulse-wait{0%,to{opacity:.6}50%{opacity:.8}}.btn-ok:disabled:hover{animation:shake-no .5s ease-in-out,pulse-wait 1.5s ease-in-out infinite;cursor:wait!important}.btn-ok.keyboard-shake{animation:shake-no .5s ease-in-out,pulse-wait .5s ease-in-out;cursor:wait!important}.btn-ok:disabled:hover .spinner-overlay{display:flex!important}.btn[aria-label="Go back one step"]{background:#20c997;color:#fff;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;display:flex;align-items:center;justify-content:center;line-height:1}.btn[aria-label="Go back one step"]:hover{background:#1ba085}.btn-help{background:#6496ff33}.btn-help.selected-option{background:#6496ff66;box-shadow:0 0 15px #6496ff80}.mobile-hud-container{display:none}@media (max-width: 768px){.stream-deck-grid.hidden-on-mobile{display:none!important}.mobile-hud-container.hidden-on-desktop{display:flex}.mobile-hud-container{align-items:center;gap:12px;width:100%;background:linear-gradient(to top,#0a0e14f2,#0a0e1400);flex-shrink:0;z-index:100;box-sizing:border-box;background:transparent}.hud-btn{border:var(--container-border);outline:none;font-family:var(--font, "Exo", sans-serif);cursor:pointer;transition:var(--transition-normal);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;background:var(--glass-bg);backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-sm);font-size:2rem}.hud-btn:active{transform:scale(.95)}.hud-back{width:64px;height:64px;min-width:64px;padding:0;position:relative;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;color:var(--white);text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 0 2px rgba(255,255,255,.8);border:none;border-radius:var(--radius-md);overflow:hidden;cursor:pointer;opacity:1;transition:transform .08s ease-out,box-shadow .3s ease-in-out;background:linear-gradient(145deg,#ffffff40,#ffffff26);box-shadow:0 4px 6px #0000004d}.hud-back:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:#ffffff1f;transform:rotate(45deg);transition:left .45s ease-in-out,opacity .3s ease-in-out;pointer-events:none;z-index:1;opacity:0}.hud-back:not(:disabled):hover:before{left:100%;opacity:1}.hud-back .icon{position:relative;z-index:2}.hud-back .icon:before{content:"←";font-size:2rem}.hud-back:hover:not(:disabled){transform:scale(1.03);box-shadow:0 6px 12px #0006}.hud-back:active:not(:disabled){transform:scale(.95)}.hud-back:disabled{opacity:.4;cursor:not-allowed}.hud-ok{width:64px;height:64px;min-width:64px;padding:0;position:relative;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;color:var(--white);text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 0 2px rgba(255,255,255,.8);border:none;border-radius:var(--radius-md);overflow:hidden;cursor:pointer;opacity:1;transition:transform .08s ease-out,box-shadow .3s ease-in-out;background:linear-gradient(145deg,#ffffff26,#ffffff1a);box-shadow:0 4px 6px #0000004d}.hud-ok:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:#ffffff1f;transform:rotate(45deg);transition:left .45s ease-in-out,opacity .3s ease-in-out;pointer-events:none;z-index:1;opacity:0}.hud-ok.ready:before{content:""}.hud-ok:not(:disabled):hover:before{left:100%;opacity:1}.hud-ok.ready{background:linear-gradient(145deg,var(--blue-active),var(--blue))}.hud-ok:hover:not(:disabled){transform:scale(1.03);box-shadow:0 6px 12px #0006}.hud-ok:active:not(:disabled){transform:scale(.95)}.hud-ok .btn-label{position:relative;z-index:2}.hud-ok .btn-label:before{content:"OK";font-size:1.25rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}.hud-ok.ready{animation:none}.btn-glow{position:absolute;inset:0;background:radial-gradient(circle at center,rgba(255,255,255,.2) 0%,transparent 70%);opacity:.5;pointer-events:none}}.chat-panel{display:flex;flex-direction:column;width:100%;height:100%;min-height:0;min-width:var(--answer-grid-min-width, 0);gap:clamp(1rem,3vh,2rem)}.chat-panel:has(.input-slot-wrapper:empty){gap:clamp(.5rem,1.5vh,1rem)}.chat-panel>.messages-container{flex:1 1 auto;display:flex;flex-direction:column;min-height:200px;height:auto;min-width:0;overflow-y:auto;background:var(--container-glass-bg);border:var(--container-border);border-radius:var(--container-radius);box-shadow:var(--container-shadow);backdrop-filter:var(--container-blur);padding:1rem;width:100%;box-sizing:border-box;margin-bottom:0}.chat-panel>.input-slot-wrapper,.chat-panel>.answer-input-bottom-area{flex:0 0 auto;width:100%;display:flex;align-items:stretch;justify-content:center}.chat-panel>.input-slot-wrapper:not(:empty){min-height:60px}.chat-panel>.answer-input-bottom-area{min-height:60px;width:100%;justify-content:center;align-items:stretch}.chat-panel.component-mode .messages-container{display:none}.chat-input-container .chat-input{height:60px;white-space:nowrap;overflow-x:auto;overflow-y:hidden;text-overflow:clip;line-height:60px;padding:0 1rem;color:var(--white);font-size:1rem;font-family:var(--font);outline:none;width:100%;background-color:transparent;border:none;-webkit-text-fill-color:var(--white);caret-color:var(--white);scrollbar-width:none;-ms-overflow-style:none}.chat-input-container .chat-input::-webkit-scrollbar{width:0;height:0;display:none}.chat-input-container .chat-input:focus{outline:none;scroll-behavior:smooth}.chat-input-container .chat-input::selection{background:#2196f34d}.chat-input-container{position:relative;height:min(60px,15vw);display:flex;align-items:center;border-radius:var(--radius-lg);transition:border .2s ease,box-shadow .2s ease,opacity .2s ease;width:100%;box-sizing:border-box;overflow:hidden;background:var(--glass-bg);backdrop-filter:var(--glass-blur);box-shadow:var(--container-shadow)}.chat-input-container.textarea-disabled{pointer-events:none;background:var(--glass-dark-bg);opacity:.6}.chat-input.disabled{background:transparent;color:var(--white-70)}.chat-input-container.is-active-magic-bar .chat-input.enabled:not(:focus){background:transparent}.chat-input:disabled{cursor:wait;color:var(--white-70)}.emoji-slider-container{display:flex;align-items:center;font-family:var(--font);height:60px;padding:0 1.5rem;border-radius:50px;transition:opacity .3s ease,border-color .2s ease,box-shadow .2s ease;width:100%;box-sizing:border-box}.emoji-slider-buttons{display:flex;justify-content:center;align-items:center;gap:clamp(4px,1.5vw,8px);flex-wrap:nowrap;width:100%}.emoji-button{font-size:clamp(1rem,5vw,1.5rem);width:clamp(30px,10vw,44px);height:clamp(30px,10vw,44px);flex-shrink:0;border:none;cursor:pointer;color:#fff;transition:transform .2s ease-in-out,opacity .2s ease-in-out,background-color .2s ease;background:transparent;box-shadow:none;opacity:1;border-radius:50%;line-height:1;display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden;outline:none}.emoji-button .emoji{transition:transform .2s ease-out,opacity .2s ease-out;opacity:1}.emoji-button:not(:disabled):hover .emoji{transform:scale(1.2)}.emoji-button:not(:disabled):focus .emoji{transform:scale(1.2)}.emoji-button:focus{outline:none}.emoji-button.selected .emoji{transform:scale(1.3)}.emoji-button.selected:not(:disabled):hover .emoji{transform:scale(1.35)}.emoji-button.selected:not(:disabled):focus .emoji{transform:scale(1.35)}.emoji-button:not(:disabled):active .emoji{transform:scale(1.1)}.emoji-button.pulsing-focus .emoji{animation:pulseAnimation 1.5s infinite ease-in-out}@keyframes pulseAnimation{0%{transform:scale(1.35)}50%{transform:scale(1.55)}to{transform:scale(1.35)}}.emoji-button.visually-disabled{background-color:transparent;opacity:.4;cursor:not-allowed;text-shadow:none;pointer-events:none}.emoji-button.visually-disabled .emoji{display:inline-block;transform:scale(1)}.emoji-button.visually-disabled:hover .emoji,.emoji-button.visually-disabled:focus .emoji{transform:scale(1)}.emoji-button:disabled{cursor:default}.spinner-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#1e1e1e99;border-radius:50%;display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility 0s linear .2s}.emoji-button[data-show-spinner=true] .spinner-overlay{opacity:1;visibility:visible}.emoji-button[data-show-spinner=true] .emoji{opacity:.2}.spinner-overlay:after{content:"";display:block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.emoji-slider-container button{background:transparent;border:none;box-shadow:none;padding:0;appearance:none}.messages-container{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;width:100%;background:var(--container-glass-bg);border-radius:var(--container-radius);backdrop-filter:var(--container-blur);box-sizing:border-box}.message-item{flex-shrink:0;width:100%}.message-content{width:100%}.structured-question-container{width:100%;text-align:left}.structured-question-container h3{font-size:1.1em;font-weight:600;color:var(--white);margin:0 0 .75em;display:flex;align-items:center;gap:.5em}.structured-question-container .structured-question-intro{font-size:.95em;color:var(--text-secondary);line-height:1.5;margin:0 0 1.5em}.structured-questions-list{list-style:none;padding:0;margin:0}.structured-questions-list li{display:flex;align-items:flex-start;gap:.75em;margin-bottom:1.25em;line-height:1.5}.structured-questions-list li strong{color:var(--blue-light);font-weight:600}.structured-questions-list li p{margin:0;padding:0;flex:1}.message-options{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(min-content,auto);gap:15px;margin:15px auto 10px;width:100%}.option-item{background:linear-gradient(145deg,#3c3c46e6,#50505ad9);border-radius:8px;padding:12px;box-sizing:border-box;border:1px solid rgba(255,255,255,.15);transition:all .18s ease;cursor:pointer;backdrop-filter:blur(10px);box-shadow:0 2px 8px #0000004d}.option-item:hover{background:linear-gradient(145deg,#464650e6,#5a5a64d9);border-color:#ffffff40;transform:translateY(-1px);box-shadow:0 4px 12px #0006}.option-item p{margin:0;padding:0;color:var(--white);text-shadow:0 1px 2px rgba(0,0,0,.5);font-size:1rem}.option-item.selected-option{background:linear-gradient(145deg,#2196f333,#2196f326);border-color:var(--blue);box-shadow:0 0 15px #2196f366,0 4px 12px #0006;transform:translateY(-2px)}.option-item.selected-option:hover{background:linear-gradient(145deg,#2196f340,#2196f333);box-shadow:0 0 20px #2196f380,0 6px 16px #0006}.message-options.mc4-fade-in{opacity:0;animation:fadeInMC4 .5s ease-out forwards}@keyframes fadeInMC4{to{opacity:1}}div.centered-markdown{font-size:var(--font-size-md);line-height:var(--leading-normal)}.system-message{font-size:var(--font-size-sm);letter-spacing:.05em;opacity:.9}@media (max-width: 768px){.message-option-card{cursor:pointer;position:relative;transition:all .2s ease;border:1px solid rgba(255,255,255,.1)}.message-option-card.selected-option{background:#2196f333;border-color:var(--blue);box-shadow:0 0 15px #2196f34d;transform:scale(1.02)}.message-option-card:active{background:#ffffff1a}}.comic-bubble-portal{position:fixed;z-index:9999;width:200px;min-height:160px;transform:translateY(-50%);background:#fff;color:#000;padding:1.5rem;border:3px solid #000;border-radius:30px;box-shadow:4px 4px #000;font-weight:700;font-size:.95rem;line-height:1.4;text-align:left;display:flex;align-items:center;justify-content:center;cursor:pointer;animation:bubblePop .4s cubic-bezier(.175,.885,.32,1.275)}.comic-bubble-portal:before{content:"";position:absolute;left:-23px;top:50%;transform:translateY(-50%);border-style:solid;border-width:12px 24px 12px 0;border-color:transparent #000 transparent transparent}.comic-bubble-portal:after{content:"";position:absolute;left:-16px;top:50%;transform:translateY(-50%);border-style:solid;border-width:9px 18px 9px 0;border-color:transparent #fff transparent transparent}@keyframes bubblePop{0%{transform:translateY(-50%) scale(0) rotate(-5deg);opacity:0}to{transform:translateY(-50%) scale(1) rotate(0);opacity:1}}@media (max-width: 768px){.comic-bubble-portal{left:50%!important;transform:translate(-50%) translateY(-50%);width:85vw;max-width:300px}.comic-bubble-portal:before,.comic-bubble-portal:after{display:none}}.progress-bar{position:relative;width:.9rem;height:calc(100% - 3rem);margin:1.5rem auto;max-height:calc(100vh - 4rem);overflow:visible;z-index:10;border-radius:var(--container-radius);left:10px}.progress-track{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--black-30);border-radius:var(--container-radius);z-index:2}.progress-fill{position:absolute;bottom:0;left:0;width:100%;background:var(--blue);border-radius:var(--container-radius);transition:height .5s ease}.progress-marker{position:absolute;left:50%;transform:translate(-50%);width:1.5rem;height:1.5rem;border-radius:50%;border:2px solid var(--white);display:flex;justify-content:center;align-items:center;font-size:.7rem;color:var(--white);z-index:2;transition:all .3s ease}.progress-marker.active{background:var(--blue);transform:translate(-50%) scale(1.2)}.progress-marker.completed{background:var(--green)}.progress-counter{position:absolute;left:-4.8rem;bottom:var(--progress-percentage);transform:translateY(50%);z-index:10;pointer-events:none;transition:bottom .5s ease;text-align:center;background-color:#141414cc;border-radius:2px;padding:3px 6px;min-width:40px;border:1px solid rgba(100,100,100,.4)}.progress-label{position:absolute;font-size:2rem;left:0;width:100%;text-align:left;pointer-events:none;z-index:10}.counter-stack{display:flex;flex-direction:column;align-items:center}.sparky-progress-rider{width:90px;height:auto;position:absolute;bottom:var(--progress-percentage);left:-6rem;transform:translateY(-10%);display:block;cursor:help;z-index:9999;pointer-events:auto;transition:bottom .5s cubic-bezier(.45,0,.55,1),transform .5s cubic-bezier(.45,0,.55,1);margin:0}.sparky-portal{position:fixed!important;transform:translateY(-10%)!important;transition:bottom .3s cubic-bezier(.45,0,.55,1),left .3s cubic-bezier(.45,0,.55,1)!important}.stand-on-indicator{margin-bottom:0}.sparky-progress-rider:after{content:attr(data-tooltip);position:absolute;left:100%;margin-left:10px;top:50%;transform:translateY(-50%);background-color:#000000eb;color:#fff;padding:6px 14px;border-radius:7px;font-size:1em;font-weight:700;white-space:nowrap;z-index:20;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;pointer-events:none;box-shadow:0 2px 8px #00000059}.sparky-progress-rider:hover:after{opacity:1;visibility:visible}.counter-text{color:#fff;font-size:.9em;font-weight:700;flex-shrink:0}.label-container{position:absolute;right:-4.5rem;top:0;height:100%;width:3.5rem;pointer-events:none;z-index:11}.ziel-label{top:0;transform:translateY(-50%)}.pause-label{top:50%;transform:translateY(-50%)}.ziel-label:before,.pause-label:before{content:"";position:absolute;width:1rem;height:1px;background-color:#ffffffb3;right:100%;top:50%;transform:translateY(-50%)}.progress-counter:before{content:"";position:absolute;width:1.5rem;height:1px;background-color:#ffffffb3;left:100%;top:50%;transform:translateY(-50%)}.progress-segments{display:flex;flex-direction:column;height:100%;width:100%;position:relative}.segment-unit{width:100%;transition:all .3s ease;position:absolute;opacity:.3;box-sizing:border-box;border-top:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(0,0,0,.1);height:1%;left:0;z-index:5}.segment-unit.active{opacity:1;box-shadow:inset 0 0 15px var(--shadow-white);animation:pulse 2s infinite;border-top:1px solid rgba(255,255,255,.4);border-bottom:1px solid rgba(255,255,255,.1)}.progress-segment-background{position:absolute;width:100%;opacity:.05;z-index:0}@keyframes pulse{0%{opacity:.85}50%{opacity:1}to{opacity:.85}}@media (max-width: 767px){.progress-bar{width:8px;left:50%;transform:translate(-50%)}.progress-counter{left:-3.5rem}.label-container{right:-3.2rem}.sparky-progress-rider{width:40px;left:50%;transform:translate(-50%) translateY(-10%);display:block}}@media (max-width: 520px){.label-container,.progress-counter{display:none}.progress-bar{left:50%;transform:translate(-50%)}}.sparky-content{display:flex;flex-direction:column;width:100%;max-width:700px;min-height:100%;height:auto;max-height:none;box-sizing:border-box;padding:var(--space-xl);background:var(--container-glass-bg);border:var(--container-border);border-radius:var(--container-radius);box-shadow:var(--container-shadow);backdrop-filter:var(--container-blur);overflow-y:auto;overflow-x:hidden;color:#fff;text-align:center;margin:0;flex:1}@media (max-width: 768px){.sparky-content{padding:var(--space-xl);margin:0 var(--space-sm);width:100%;max-width:100%;height:auto;max-height:none;flex-grow:1;display:flex;flex-direction:column}}.sparky-header{flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);text-align:center}.sparky-image{width:120px;height:120px;object-fit:contain;margin-bottom:var(--space-sm)}.sparky-title{font-size:2rem;font-weight:600;margin-top:0;margin-bottom:var(--space-sm)}.sparky-text{font-size:1.1rem;margin-bottom:var(--space-md);white-space:pre-line}.sparky-form{flex-grow:1;display:flex;flex-direction:column;gap:var(--space-sm)}.radio-option,.checkbox-option{display:flex;align-items:center;padding:.75rem 1rem;background-color:#0003;border:1px solid rgba(255,255,255,.05);border-radius:6px;cursor:pointer;transition:background-color .2s ease}.radio-option:hover,.checkbox-option:hover{background-color:#ffffff1a}.input-radio,.input-checkbox{width:18px;height:18px;margin-right:.75rem;appearance:none;border:2px solid rgba(255,255,255,.6);background-color:transparent;cursor:pointer}.input-radio{border-radius:50%}.input-checkbox{border-radius:3px}.input-radio:checked,.input-checkbox:checked{background-color:var(--blue);border-color:var(--blue)}.input-checkbox:checked:after{content:"✓";display:block;color:#fff;font-size:12px;font-weight:700;text-align:center;line-height:14px}.radio-option label,.checkbox-option label{flex-grow:1;cursor:pointer;font-size:1rem;color:#fff;text-align:left}.form-field{margin-bottom:var(--space-md);text-align:left}.form-label{display:block;margin-bottom:var(--space-sm);font-size:1rem;color:var(--white-90);font-weight:500}.form-input{width:100%;padding:.75rem 1rem;font-size:1rem;color:var(--white);background:#0000004d;border:1px solid var(--glass-border);border-radius:var(--radius-sm);box-sizing:border-box;transition:all .2s ease;margin-top:var(--space-lg)}.form-input::placeholder{color:var(--white-50)}.form-input:focus{outline:none;border-color:var(--blue);background:#0006;box-shadow:0 0 0 2px #2196f333}.form-input:disabled{opacity:.5;cursor:not-allowed}.form-field>.checkbox-option:only-child{padding:.75rem 1rem;background-color:#0003;border:1px solid rgba(255,255,255,.05);border-radius:6px;cursor:pointer;transition:background-color .2s ease}.form-field>.checkbox-option:only-child:hover{background-color:#ffffff1a}.form-field>.checkbox-option:only-child .input-checkbox{flex-shrink:0;margin-right:.75rem}.form-field>.checkbox-option:only-child label{flex-grow:1;cursor:pointer;font-size:1rem;color:#fff;text-align:left}.sparky-footer-container{flex-shrink:0;margin-top:var(--space-lg);padding-top:var(--space-md);margin-bottom:var(--space-lg);display:flex;justify-content:center}.sparky-content::-webkit-scrollbar{width:8px}.sparky-content::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.sparky-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ffffff4d,#fff3,#ffffff4d);border-radius:4px;border:1px solid rgba(255,255,255,.1)}.sparky-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#fff6,#ffffff4d,#fff6)}.simple-results-dashboard{width:100%;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:2rem;overflow-y:auto}@media (max-width: 768px){.simple-results-dashboard~.app-footer .mobile-progress-bar,body:has(.simple-results-dashboard) .mobile-progress-bar{display:none!important}}.results-container{width:100%;max-width:700px;height:auto;background:var(--container-glass-bg);border:var(--container-border);border-radius:var(--container-radius);box-shadow:var(--container-shadow);backdrop-filter:var(--container-blur);padding:var(--space-lg) calc(var(--space-lg) * 2);box-sizing:border-box;overflow:visible;display:flex;flex-direction:column}.dashboard-header{text-align:center;margin-bottom:2rem}.dashboard-header .sparky-image{width:150px;height:auto;object-fit:contain}.welcome-title{font-size:2.5rem;color:var(--white-90);text-align:center;margin:0}.dashboard-subtitle{font-size:1.1rem;color:var(--white-70)}.results-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.result-item{background:var(--glass-light-bg);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:var(--transition-normal);box-shadow:none}.result-icon{font-size:2rem}.result-info{flex:1}.result-info h3{color:var(--white-90);margin-bottom:.5rem}.result-info p{color:var(--white-70);font-size:.9rem}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.8rem;background:#ffffff1a;color:var(--white-70)}.view-btn{background:var(--blue);color:var(--white);border:none;padding:1rem 2rem;border-radius:var(--radius-md);font-size:1.1rem;font-weight:600;cursor:pointer;transition:var(--transition-normal);text-align:center;box-shadow:var(--shadow-button)}.view-btn:hover:not(:disabled){background:var(--blue-hover);box-shadow:var(--shadow-button-hover);transform:translateY(-2px)}.view-btn:disabled{cursor:not-allowed;opacity:.6;background:#ffffff1a;box-shadow:none}.dashboard-actions{display:flex;gap:1rem}.continue-btn,.new-btn{flex:1;background:var(--blue);color:var(--white);border:none;padding:1rem 2rem;border-radius:var(--radius-md);font-size:1.1rem;font-weight:600;cursor:pointer;transition:var(--transition-normal);text-align:center;box-shadow:var(--shadow-button)}.continue-btn:hover,.new-btn:hover{background:var(--blue-hover);box-shadow:var(--shadow-button-hover);transform:translateY(-2px)}.dashboard-footer{text-align:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.footer-text{font-size:.9rem;color:var(--white-50)}.continue-btn.focused{transform:scale(1.05);z-index:10}@media (max-width: 768px){.simple-results-dashboard{padding:1rem 0;align-items:flex-start}.results-container{padding:1.5rem var(--space-md);width:100%;max-width:100%;border-radius:var(--radius-lg)}.result-item{flex-direction:column;align-items:flex-start;gap:1rem;padding:1.25rem;position:relative}.result-icon{font-size:2.5rem}.result-info{width:100%}.result-info h3{font-size:1.25rem;margin-bottom:.5rem}.result-info .status-badge{display:inline-block;margin-top:.5rem}.view-btn{width:100%;margin-top:.5rem;padding:1rem;text-align:center;font-size:1rem;font-weight:600;min-height:var(--tap);background:#ffffff1a;border:1px solid rgba(255,255,255,.2)}.dashboard-header{margin-bottom:1.5rem}.welcome-title{font-size:2rem}.dashboard-header .sparky-image{width:100px;margin-bottom:.5rem}.dashboard-actions{flex-direction:column;gap:1rem}.continue-btn,.new-btn{width:100%;padding:1rem;font-size:1.1rem;min-height:var(--tap)}}.sparky-fab{position:fixed;bottom:2rem;right:2rem;width:60px;height:60px;border-radius:50%;background:var(--glass-dark-bg);border:2px solid var(--glass-border);color:var(--white-90);font-size:2rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0000004d;z-index:1000}.sparky-fab:hover{transform:scale(1.1);box-shadow:0 6px 16px #0006}.sparky-fab--golden{border-color:gold;box-shadow:0 0 25px 5px #ffd70080;animation:pulse-golden 2s infinite ease-in-out}@keyframes pulse-golden{0%,to{box-shadow:0 0 25px 5px #ffd70080}50%{box-shadow:0 0 35px 10px #ffd700b3}}.sparky-modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:2000;backdrop-filter:blur(8px)}.sparky-modal{width:90vw;max-width:800px;height:80vh;background:var(--glass-bg);border:var(--container-border);border-radius:var(--container-radius);box-shadow:var(--container-shadow);backdrop-filter:var(--container-blur);display:flex;flex-direction:column}.sparky-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);border-bottom:1px solid var(--glass-border)}.sparky-modal-header h2{margin:0;color:var(--white-90);font-size:1.5rem}.sparky-modal-actions{display:flex;gap:var(--space-sm);align-items:center}.btn-synthesis{padding:var(--space-sm) var(--space-md);background:linear-gradient(135deg,gold,orange);border:none;border-radius:var(--radius-sm);color:#000;font-weight:600;cursor:pointer;transition:var(--transition-normal);animation:pulse-synthesis 2s infinite ease-in-out}@keyframes pulse-synthesis{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.btn-synthesis:hover{transform:scale(1.1)}.btn-icon{background:transparent;border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:var(--space-xs);font-size:1.2rem;cursor:pointer;transition:var(--transition-normal);color:var(--white-90)}.btn-icon:hover{background:#ffffff1a;border-color:var(--blue-light)}.chat-interface{flex:1;display:flex;flex-direction:column;overflow:hidden}.chat-messages{flex:1;overflow-y:auto;padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-md)}.chat-message{max-width:80%;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);line-height:1.5}.chat-message--user{align-self:flex-end;background:var(--blue-light);color:#fff}.chat-message--assistant{align-self:flex-start;background:var(--glass-dark-bg);border:1px solid var(--glass-border);color:var(--white-90)}.chat-message-content{white-space:pre-wrap;word-wrap:break-word}.chat-input-form{display:flex;gap:var(--space-sm);padding:var(--space-md);border-top:1px solid var(--glass-border)}.chat-input{flex:1;padding:var(--space-sm) var(--space-md);background:#0000004d;border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--white-90);font-size:1rem;font-family:inherit}.chat-input:focus{outline:none;border-color:var(--blue-light)}.chat-submit{padding:var(--space-sm) var(--space-md);background:var(--blue-light);border:none;border-radius:var(--radius-sm);color:#fff;font-weight:600;cursor:pointer;transition:var(--transition-normal)}.chat-submit:hover:not(:disabled){background:var(--blue-hover)}.chat-submit:disabled{opacity:.5;cursor:not-allowed}.confirmation-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:3000}.confirmation-modal{background:var(--glass-dark-bg);border:2px solid gold;border-radius:var(--radius-md);padding:var(--space-lg);max-width:500px;text-align:center;box-shadow:0 0 40px #ffd70080}.confirmation-modal h3{margin:0 0 var(--space-md) 0;color:gold;font-size:1.8rem}.confirmation-modal p{color:var(--white-90);margin:var(--space-sm) 0;line-height:1.6}.confirmation-buttons{display:flex;gap:var(--space-md);margin-top:var(--space-lg);justify-content:center}.btn-primary,.btn-secondary{padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:var(--transition-normal);border:none;font-size:1rem}.btn-primary{background:linear-gradient(135deg,gold,orange);color:#000}.btn-primary:hover{transform:scale(1.05)}.btn-secondary{background:transparent;border:1px solid var(--glass-border);color:var(--white-90)}.btn-secondary:hover{background:#ffffff1a}@media (max-width: 768px){.sparky-fab{bottom:1rem;right:1rem;width:50px;height:50px;font-size:1.5rem}.sparky-modal{width:95vw;height:90vh}.chat-message{max-width:90%}.btn-synthesis{font-size:.9rem;padding:var(--space-xs) var(--space-sm)}}.ii-session-root{min-height:100vh;background:linear-gradient(135deg,#0a0e27,#1a1f3a,#0f1419);display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden}.ii-session-root:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(0,255,157,.03) 0%,transparent 70%);animation:pulse 8s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.1);opacity:.5}}.glass-deck{background:#ffffff0d;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:2rem;max-width:1200px;width:100%;box-shadow:0 8px 32px #0000004d;position:relative;z-index:1}.ii-counters{display:flex;justify-content:space-between;margin-bottom:2rem;gap:1rem}.counter{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:.75rem 1.5rem;font-size:1.1rem;font-weight:600;color:#fff;text-shadow:0 0 10px rgba(0,255,157,.5)}.card-section{margin-bottom:2rem}.card-section-title{font-size:1.2rem;font-weight:700;color:#ffffffe6;margin-bottom:1rem;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 10px rgba(0,255,157,.3)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.ii-card{background:#ffffff0f;border:2px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;min-height:120px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.ii-card:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff1a;transform:translate(-50%,-50%);transition:width .6s,height .6s}.ii-card:hover:before{width:300px;height:300px}.ii-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0006}.ii-card.inquire{background:linear-gradient(135deg,#00ff9d1a,#00ff9d0d);border-color:#00ff9d4d}.ii-card.inquire:hover{border-color:#00ff9d99;box-shadow:0 12px 24px #00ff9d33}.ii-card.inspire{background:linear-gradient(135deg,#ffc1071a,#ff98000d);border-color:#ffc1074d}.ii-card.inspire:hover{border-color:#ffc10799;box-shadow:0 12px 24px #ffc10733}.ii-card.starred{border-width:3px;animation:starGlow 2s ease-in-out infinite}@keyframes starGlow{0%,to{box-shadow:0 0 10px #ffd7004d}50%{box-shadow:0 0 20px #ffd70099}}.ii-card.pinned{background:#1976d226;border-color:#1976d280}.card-content{position:relative;z-index:1;display:flex;flex-direction:column;gap:.5rem}.card-title{font-size:1rem;font-weight:500;color:#fff;line-height:1.4;margin:0}.star-indicator,.pin-indicator{font-size:1.2rem;position:absolute;top:.5rem;right:.5rem}.ii-modal-overlay{position:fixed;inset:0;background:#000c;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}.ii-modal-content{background:#14192df2;border:2px solid rgba(255,255,255,.2);border-radius:24px;padding:2rem;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #00000080}.ii-modal-content.slide-left{animation:slideInLeft .4s cubic-bezier(.4,0,.2,1)}.ii-modal-content.slide-right{animation:slideInRight .4s cubic-bezier(.4,0,.2,1)}@keyframes slideInLeft{0%{transform:translate(-100px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(100px);opacity:0}to{transform:translate(0);opacity:1}}.modal-info-section{margin-top:2rem}.modal-info-section h3{font-size:1.5rem;color:#fff;margin-bottom:1rem;text-shadow:0 0 10px rgba(0,255,157,.3)}.modal-info-section p{font-size:1rem;color:#fffc;line-height:1.6}.radial-menu-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.radial-menu{position:relative;width:200px;height:200px;display:flex;align-items:center;justify-content:center}.menu-item{position:absolute;width:60px;height:60px;border-radius:50%;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:1.5rem}.menu-item-0{top:0;left:50%;transform:translate(-50%)}.menu-item-1{right:0;top:50%;transform:translateY(-50%)}.menu-item-2{bottom:0;left:50%;transform:translate(-50%)}.menu-item-3{left:0;top:50%;transform:translateY(-50%)}.menu-item:hover{transform:scale(1.1);background:#fff3;border-color:var(--item-color, #fff);box-shadow:0 0 20px var(--item-color, rgba(255, 255, 255, .5))}.menu-item.highlighted{background:var(--item-color, rgba(255, 255, 255, .3));border-color:var(--item-color, #fff);box-shadow:0 0 30px var(--item-color, rgba(255, 255, 255, .7));transform:scale(1.15)}.menu-icon{filter:drop-shadow(0 0 5px rgba(255,255,255,.5))}.radial-legend{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#fffc}.legend-color{width:12px;height:12px;border-radius:50%}.ii-explainer-container{min-height:100vh;background:linear-gradient(135deg,#0a0e27,#1a1f3a,#0f1419);display:flex;align-items:center;justify-content:center;padding:2rem}.explainer-content{background:#ffffff0d;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:3rem;max-width:800px;width:100%;box-shadow:0 8px 32px #0000004d}.explainer-title{font-size:2.5rem;color:#fff;text-align:center;margin-bottom:2rem;text-shadow:0 0 20px rgba(0,255,157,.5)}.emoji-large{font-size:3rem;display:block;margin-bottom:1rem}.explainer-section{margin-bottom:2rem}.explainer-section h2{font-size:1.5rem;color:#ffffffe6;margin-bottom:1rem}.explainer-section p{font-size:1.1rem;color:#ffffffb3;line-height:1.6}.explainer-list{list-style:none;padding:0}.explainer-list li{font-size:1rem;color:#fffc;margin-bottom:.75rem;padding-left:1.5rem;position:relative}.explainer-list li:before{content:"✨";position:absolute;left:0}.explainer-cta{text-align:center;margin-top:3rem}.begin-btn{background:linear-gradient(135deg,#00ff9d,#00d4ff);border:none;border-radius:12px;padding:1rem 2.5rem;font-size:1.2rem;font-weight:600;color:#0a0e27;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #00ff9d4d}.begin-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00ff9d80}.loading-spinner{font-size:3rem;animation:spin 2s linear infinite;text-align:center}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.finale-deck{max-width:900px}.finale-header{text-align:center;margin-bottom:3rem}.finale-title{font-size:2rem;color:#fff;margin-bottom:1rem;text-shadow:0 0 20px rgba(0,255,157,.5)}.finale-subtitle{font-size:1.1rem;color:#ffffffb3}.questions-list{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:3rem}.question-card{background:#ffffff0f;border:2px solid rgba(0,255,157,.3);border-radius:16px;padding:1.5rem;display:flex;gap:1.5rem;transition:all .3s ease}.question-card:hover{border-color:#00ff9d99;box-shadow:0 8px 24px #00ff9d33;transform:translate(4px)}.question-number{flex-shrink:0;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#00ff9d,#00d4ff);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#0a0e27}.question-content{flex:1}.question-text{font-size:1.2rem;color:#fff;margin:0 0 .75rem;font-weight:600}.question-rationale{font-size:1rem;color:#ffffffb3;line-height:1.6;margin:0}.finale-actions{text-align:center}.submit-btn{background:linear-gradient(135deg,#00ff9d,#00d4ff);border:none;border-radius:12px;padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;color:#0a0e27;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #00ff9d4d}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00ff9d80}@media (max-width: 768px){.glass-deck{padding:1.5rem}.card-grid{grid-template-columns:1fr}.ii-modal-content{width:95%;padding:1.5rem}.radial-menu{width:150px;height:150px}.menu-item{width:50px;height:50px;font-size:1.2rem}.explainer-content{padding:2rem}.explainer-title{font-size:2rem}.finale-title{font-size:1.5rem}.question-card{flex-direction:column;gap:1rem}.question-number{width:40px;height:40px;font-size:1.2rem}}.crucible-header{text-align:center;margin-bottom:2rem;padding:1.5rem;background:linear-gradient(135deg,#ffd70033,#ff8c0033);border:2px solid rgba(255,215,0,.5);border-radius:16px;animation:crucible-glow 2s ease-in-out infinite}@keyframes crucible-glow{0%,to{box-shadow:0 0 20px #ffd7004d}50%{box-shadow:0 0 40px #ffd70099}}.crucible-header h2{margin:0 0 .5rem;font-size:2rem;color:gold;text-shadow:0 0 10px rgba(255,215,0,.5)}.crucible-header p{margin:0;font-size:1.1rem;font-weight:500;color:#ffffffe6}.card-grid-container.crucible-mode .ii-card{box-shadow:0 0 20px #ffd70066;border-color:#ffd7004d}.card-grid-container.crucible-mode .ii-card.crucible{animation:card-pulse 3s ease-in-out infinite}@keyframes card-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.card-grid-container.crucible-mode .ii-card:hover{box-shadow:0 0 30px #ffd70099;border-color:gold}.turn-actions{margin-top:2rem;display:flex;justify-content:center}.submit-turn-btn{padding:1rem 2rem;font-size:1.1rem;font-weight:600;background:linear-gradient(135deg,#00ff9d,#00b8ff);border:none;border-radius:12px;color:#000;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #00ff9d4d}.submit-turn-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #00ff9d80}.submit-turn-btn:disabled{opacity:.5;cursor:not-allowed;background:#ffffff1a;color:#ffffff80}.crucible-mode .submit-turn-btn{background:linear-gradient(135deg,gold,orange);box-shadow:0 4px 15px #ffd70066}.crucible-mode .submit-turn-btn:hover:not(:disabled){box-shadow:0 6px 20px #ffd70099}.coordinates-display{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin:2rem 0}.coordinate-section h2{color:#ffffffe6;font-size:1.3rem;margin-bottom:1rem;text-align:center}.coordinate-list{list-style:none;padding:0;margin:0}.coordinate-item{display:flex;align-items:center;gap:1rem;padding:1rem;margin-bottom:.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;transition:all .3s ease}.coordinate-item:hover{background:#ffffff1a;border-color:gold;transform:translate(4px)}.coordinate-number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(135deg,gold,orange);border-radius:50%;color:#000;font-weight:700;flex-shrink:0}.coordinate-text{color:#ffffffe6;font-size:1rem;line-height:1.4}.finale-message{text-align:center;padding:1.5rem;background:#ffd7001a;border:1px solid rgba(255,215,0,.3);border-radius:16px;margin:2rem 0}.finale-message p{color:#ffffffe6;font-size:1.1rem;line-height:1.6;margin:0}.finale-message strong{color:gold}.finale-actions{display:flex;justify-content:center;margin-top:2rem}.confirm-btn{padding:1rem 2rem;font-size:1.1rem;font-weight:600;background:linear-gradient(135deg,gold,orange);border:none;border-radius:12px;color:#000;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ffd70066}.confirm-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ffd70099}.confirm-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.coordinates-display{grid-template-columns:1fr}}.error-message{margin:1rem 0;padding:1rem;background:#f443361a;border:1px solid rgba(244,67,54,.3);border-radius:8px;text-align:center}.error-message p{color:#ff6b6b;margin:0;font-weight:500}.context-modal-backdrop{position:fixed;inset:0;background:#0006;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease-out}.context-modal-content{background:var(--glass-bg);border:var(--container-border);border-radius:var(--container-radius);box-shadow:var(--container-shadow);backdrop-filter:var(--container-blur);padding:2.5rem;max-width:700px;width:90%;max-height:85vh;display:flex;flex-direction:column;animation:slideUp .3s ease-out}.context-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.context-modal-header h2{margin:0;color:var(--white);font-size:1.5rem;font-family:var(--font);font-weight:600}.context-modal-close{background:none;border:none;color:var(--white-70);font-size:2.5rem;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:var(--transition-normal)}.context-modal-close:hover{color:var(--white);transform:scale(1.1)}.context-modal-description{color:var(--white-90);margin-bottom:1.5rem;font-size:1.1rem;line-height:1.5}.context-modal-textarea{flex:1;min-height:350px;background:#3c3c46f2;border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:1.5rem;color:var(--white);font-family:var(--font);font-size:1.1rem;line-height:1.6;resize:vertical;margin-bottom:1.5rem;transition:var(--transition-normal)}.context-modal-textarea:focus{outline:none;border-color:var(--blue-light);background:#464650;box-shadow:0 0 0 2px var(--blue-light-transparent)}.context-modal-textarea::placeholder{color:var(--white-70);opacity:.6}.context-modal-footer{display:flex;justify-content:flex-end;gap:1rem}.context-modal-save{background:var(--blue);color:var(--white);border:none;padding:1rem 2rem;border-radius:var(--radius-md);font-size:1.1rem;font-family:var(--font);font-weight:600;cursor:pointer;transition:var(--transition-normal);box-shadow:var(--shadow-button)}.context-modal-save:hover{background:var(--blue-hover);box-shadow:var(--shadow-button-hover);transform:translateY(-2px)}.context-modal-save:active{background:var(--blue-active);box-shadow:var(--shadow-button-active);transform:translateY(0)}.slide-indicator{transition:all .3s ease;max-width:300px;overflow:visible}@media (max-width: 768px){.slide-indicator-container,.slide-toggle,.slide-indicator{display:none}}.slide-indicator.expanded{background:var(--container-glass-bg);backdrop-filter:var(--container-blur);border-radius:var(--container-radius);border:var(--container-border);box-shadow:var(--container-shadow);display:flex;flex-direction:column;max-height:calc(100vh - 40px)}.slide-indicator-container{display:flex;align-items:center;justify-content:space-between;padding:.5rem}.slide-indicator-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;cursor:pointer;width:100%;user-select:none;background-color:#3c3c4680}.slide-name{color:var(--white, #fff);font-size:.9rem;font-weight:500;text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;gap:.5rem}.slide-type-emoji{font-size:1.1rem;margin-right:4px}.separator{opacity:.5;margin:0 .25rem}.dropdown-arrow{color:var(--white-70, rgba(255, 255, 255, .7));font-size:.8rem}.slide-indicator.expanded .dropdown-arrow{transform:rotate(180deg)}.slide-dropdown{background-color:var(--glass-dark-bg, rgba(40, 40, 50, .8));border-top:1px solid var(--glass-border, rgba(255, 255, 255, .1));flex:1 1 auto;min-height:0;overflow-y:auto}.dropdown-section{padding:.5rem 0}.dropdown-section-title{color:var(--white);font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase;letter-spacing:1px;background-color:#50505a66;margin-bottom:.25rem}.dropdown-divider{height:1px;background-color:var(--glass-border);margin:.25rem 0}.slide-option{padding:8px 12px;color:var(--white, #fff);font-size:.9rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:space-between;border-left:3px solid transparent}.slide-option:hover{background-color:#64647866;transform:translateY(-2px)}.slide-option.current{background-color:#4682b480;color:var(--white, #fff);border-left:3px solid var(--accent-color, #4682b4)}.slide-option.disabled{opacity:.5;cursor:not-allowed;background-color:transparent}.slide-option-left{display:flex;align-items:center;gap:8px}.slide-option-id{font-weight:500}.slide-option-type{font-size:1.1rem}.slide-option-index{display:inline-block;min-width:24px;height:24px;line-height:24px;text-align:center;background-color:#3c3c4699;border-radius:12px;font-size:.75rem;color:var(--white, #fff)}.slide-toggle{position:fixed;display:flex;align-items:center;justify-content:center;padding:8px 12px;background:var(--glass-dark-bg, rgba(40, 40, 50, .8));backdrop-filter:var(--glass-blur, blur(10px));border:1px solid var(--glass-border, rgba(255, 255, 255, .1));border-radius:var(--radius-md, 8px);color:var(--white, #fff);font-size:var(--font-size-sm, .875rem);font-weight:500;cursor:pointer;transition:all .2s ease;z-index:9998;box-shadow:var(--shadow-md, 0 4px 6px rgba(0, 0, 0, .1));bottom:20px;right:20px;gap:.5rem}.slide-indicator.expanded{position:fixed;bottom:20px;right:20px;z-index:9999}.slide-toggle:hover{background-color:var(--glass-hover-bg, rgba(60, 60, 70, .8));transform:translateY(-2px)}.slide-toggle-icon{font-size:1.1rem}.slide-index{display:inline-block;min-width:24px;height:24px;line-height:24px;text-align:center;background-color:#7b7b8599;border-radius:12px;margin-left:8px;font-size:.75rem;color:var(--white, #fff)}.app-version{position:absolute;bottom:.5rem;left:.5rem;color:var(--white-70);font-size:var(--font-size-sm);font-family:var(--font);opacity:.6;pointer-events:none}.bug-report-link{color:var(--white-70);text-decoration:none;font-size:var(--font-size-sm);transition:var(--transition-normal);pointer-events:auto;cursor:pointer}.bug-report-link:hover{color:var(--white);text-decoration:underline}.privacy-modal-overlay{position:fixed;inset:0;background:#0006;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease-out}.privacy-modal-content{background:var(--glass-bg);border:var(--container-border);border-radius:var(--container-radius);box-shadow:var(--container-shadow);backdrop-filter:var(--container-blur);padding:2.5rem;max-width:800px;width:90%;max-height:85vh;display:flex;flex-direction:column;animation:slideUp .3s ease-out;position:relative}.privacy-modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--white-70);font-size:2.5rem;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:var(--transition-normal);line-height:1}.privacy-modal-close:hover{color:var(--white);transform:scale(1.1)}.privacy-modal-body{flex:1;overflow-y:auto;color:var(--white-90);padding-right:1rem}.privacy-modal-body h1{font-size:1.5rem;margin:0 0 1.5rem;color:var(--white);font-family:var(--font);font-weight:600}.privacy-modal-body h2{font-size:1.3rem;margin:1.5rem 0 1rem;color:var(--white);font-family:var(--font);font-weight:600}.privacy-modal-body h3{font-size:1.1rem;margin:1.5rem 0 1rem;color:var(--white-90);font-family:var(--font);font-weight:600}.privacy-modal-body p{margin:0 0 1rem;line-height:1.6;color:var(--white-90);font-size:1rem}.privacy-modal-body ul{margin:0 0 1rem;padding-left:1.5rem}.privacy-modal-body li{margin-bottom:.5rem;line-height:1.6;color:var(--white-90)}.privacy-modal-body a{color:var(--blue-light);text-decoration:none;transition:var(--transition-normal)}.privacy-modal-body a:hover{color:var(--blue);text-decoration:underline}.privacy-modal-body strong{color:var(--white);font-weight:600}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.privacy-modal-content{width:95%;padding:2rem}.privacy-modal-body h1{font-size:1.3rem}.privacy-modal-body h2{font-size:1.1rem}.privacy-modal-body h3{font-size:1rem}}.matrix-login{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:auto;background-color:#000;font-family:Courier New,monospace;color:#0f0;z-index:9999}.matrix-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,#0003,#000c 80%,#000000e6);z-index:2;transition:opacity 1.5s ease}.overlay.fade-out{opacity:0}.terminal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;max-width:800px;background-color:#000a00d9;border:1px solid #0f0;border-radius:6px;box-shadow:0 0 20px #00ff0080;z-index:3;overflow:hidden}.terminal-header{display:flex;justify-content:space-between;align-items:center;padding:8px 15px;background-color:#001400cc;border-bottom:1px solid #0f0}.terminal-title{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.terminal-controls{display:flex;gap:8px}.terminal-controls span{width:12px;height:12px;border-radius:50%;background-color:#0f0;opacity:.7}.terminal-body{padding:20px;height:300px;overflow-y:auto}.terminal-line{font-size:16px;line-height:1.5;margin-bottom:8px;white-space:nowrap;overflow:hidden}.terminal-ready{color:#0f0;animation:blink 1s infinite}.access-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:700px;z-index:4;text-align:center;opacity:1;transition:opacity .5s ease;max-height:90vh;overflow-y:auto}.access-container.granted{opacity:1}.glitch-text{font-size:2.5rem;font-weight:700;text-transform:uppercase;letter-spacing:3px;margin-bottom:2rem;color:#0f0;text-shadow:0 0 5px #0f0,0 0 10px #0f0;position:relative;animation:glitch 3s infinite}.glitch-text:before,.glitch-text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch-text:before{color:red;z-index:-1;clip:rect(24px,550px,90px,0);animation:glitch-anim 3s infinite linear alternate-reverse}.glitch-text:after{color:#0ff;z-index:-2;clip:rect(85px,550px,140px,0);animation:glitch-anim2 2.5s infinite linear alternate-reverse}.access-panel{background-color:#001400cc;border:1px solid #0f0;border-radius:8px;padding:30px;box-shadow:0 0 30px #00ff004d}.panel-header{margin-bottom:30px}.panel-title{font-size:1.8rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;margin-bottom:10px}.panel-subtitle{font-size:.9rem;opacity:.8;letter-spacing:1px}.panel-body{min-height:150px;display:flex;flex-direction:column;justify-content:center;align-items:center}.access-button{position:relative;background-color:transparent;color:#0f0;border:2px solid #0f0;padding:15px 40px;font-size:1.2rem;font-family:Courier New,monospace;text-transform:uppercase;letter-spacing:3px;cursor:pointer;overflow:hidden;transition:all .3s;margin-top:20px}.button-text{position:relative;z-index:1}.button-glow{position:absolute;top:0;left:0;width:100%;height:100%;background:#00ff004d;transform:translate(-100%);transition:transform .3s}.access-button:hover .button-glow{transform:translate(0)}.access-button:hover{text-shadow:0 0 8px #0f0;box-shadow:0 0 20px #00ff0080}.access-button:disabled{opacity:.7;cursor:not-allowed}.access-granted{width:100%}.granted-text{font-size:2rem;font-weight:700;color:#0f0;text-shadow:0 0 10px #0f0;margin-bottom:20px;animation:pulse 2s infinite}.loading-bar{width:100%;height:20px;background-color:#00320080;border:1px solid #0f0;border-radius:10px;overflow:hidden;margin-bottom:20px}.loading-progress{height:100%;background-color:#0f0;width:0%;animation:progress 2s forwards}.granted-message{font-size:1.2rem;letter-spacing:1px}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}@keyframes glitch-anim{0%{clip:rect(24px,550px,90px,0);transform:translate(-2px,-2px)}20%{clip:rect(62px,550px,130px,0);transform:translate(2px,2px)}40%{clip:rect(12px,550px,76px,0);transform:translate(2px,-2px)}60%{clip:rect(48px,550px,98px,0);transform:translate(-2px,2px)}80%{clip:rect(36px,550px,86px,0);transform:translate(-2px,-2px)}to{clip:rect(53px,550px,105px,0);transform:translate(2px,2px)}}@keyframes glitch-anim2{0%{clip:rect(85px,550px,140px,0);transform:translate(2px,2px)}20%{clip:rect(25px,550px,110px,0);transform:translate(-2px,-2px)}40%{clip:rect(66px,550px,98px,0);transform:translate(-2px,2px)}60%{clip:rect(40px,550px,78px,0);transform:translate(2px,-2px)}80%{clip:rect(15px,550px,69px,0);transform:translate(2px,2px)}to{clip:rect(30px,550px,110px,0);transform:translate(-2px,-2px)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes pulse{0%,to{text-shadow:0 0 10px #0f0}50%{text-shadow:0 0 20px #0f0,0 0 30px #0f0}}@keyframes progress{0%{width:0%}to{width:100%}}.email-auth-form{display:flex;flex-direction:column;align-items:center;width:100%}.email-auth-form input.matrix-input{background-color:#000;color:#0f0;border:2px solid #0f0;font-family:Courier New,monospace;padding:12px;margin-bottom:15px;width:90%;max-width:400px;box-sizing:border-box;font-size:1rem;text-align:center;transition:all .3s ease}.email-auth-form input.matrix-input::placeholder{color:#0f0;opacity:.8}.email-auth-form input.matrix-input:focus,.email-auth-form input.matrix-input:active{background-color:#000;outline:none;box-shadow:0 0 20px #00ff00e6;border-color:#0f0}.email-auth-form input.matrix-input:hover{box-shadow:0 0 10px #00ff0080}.email-auth-form .error-message{color:#ff4747;text-shadow:0 0 5px #ff0000;margin-bottom:15px;height:20px;font-size:.9rem}.email-auth-form .auth-buttons{display:flex;justify-content:center;width:90%;max-width:400px}.email-auth-form .matrix-button{background-color:transparent;color:#0f0;border:2px solid #0f0;font-family:Courier New,monospace;padding:10px 20px;font-size:1rem;cursor:pointer;transition:all .3s ease;flex-grow:1;margin:0 5px;text-transform:uppercase}.email-auth-form .matrix-button:hover{background-color:#0f0;color:#000;box-shadow:0 0 20px #0f0c}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-text-fill-color:#0f0!important;-webkit-box-shadow:0 0 0 30px #000 inset!important;box-shadow:0 0 0 30px #000 inset!important;background-color:#000!important}
