@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}body{-webkit-overflow-scrolling:touch}.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: "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", "Exo", sans-serif;--font-size-xl: 1rem;--font-size-lg: .9rem;--font-size-md: .8rem;--font-size-sm: .75rem;--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-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}.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:calc(80px + 2rem)}}: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{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:650px;height:100%;margin:0 auto;box-sizing:border-box;overflow:hidden}.app-wrapper:has([data-display-mode=deliverable]){max-width:1950px}.app-container{width:100%;flex-grow:1;max-height:750px;display:flex;box-sizing:border-box;min-height:0;overflow:hidden;flex-direction:row}.app-container[data-display-mode=form]{flex-direction:column;align-items:center;justify-content:center;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;padding:2rem 1rem;box-sizing:border-box}.app-container[data-display-mode=deliverable]{max-width:1950px;max-height:70vh;flex-direction:column;align-items:center;justify-content:flex-start;padding:0;overflow-y:auto;overflow-x:auto}.main-screen-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;height:100%}.main-columns-wrapper{display:flex;width:100%;height:100%;gap:1rem;min-height:0}.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>.left-sidebar{flex:0 0 260px;height:100%;min-height:0}.main-columns-wrapper>.chat-panel{flex-grow:1;min-width:0;height:100%;min-height:0}.app-container[data-display-mode=message] .chat-panel{flex-grow:1;display:flex;padding-bottom:0}.app-container[data-display-mode=form] .chat-panel,.app-container[data-display-mode=deliverable] .chat-panel{display:none}.chat-panel>.messages-container{flex:1 1 auto;min-width:0}@media (max-width: 768px){.app-wrapper{padding:0 1rem}.app-container{display:flex;flex-direction:column;height:100vh}.left-sidebar{display:none}.main-content-column{width:100%;flex-basis:100%}.app-wrapper,.app-container,.main-columns-wrapper,.main-content-column,.chat-panel{max-width:100%;box-sizing:border-box;overflow-x:hidden}}.app-root-container{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden}.app-header{flex-shrink:0;height:60px;display:flex;align-items:center;justify-content:flex-start;box-sizing:border-box;margin:1rem;padding:0 1rem}.app-header .corporate-logo img{width:clamp(120px,34vw,240px);height:auto;filter:drop-shadow(0 0 8px rgba(0,0,0,.5))}.app-main-content{flex-grow:1;overflow-y:auto;overflow-x:hidden}.app-footer{flex-shrink:0;height:60px;display:flex;align-items:center;justify-content:flex-end;padding:0 20px;box-sizing:border-box;margin-top:2rem}.left-sidebar{flex:0 0 260px}.left-sidebar .quest-context-content.scrollable{flex-grow:1;min-height:0;overflow-y:auto;overflow-x:hidden;width:100%;box-sizing:border-box;font-family:"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji",Exo,sans-serif;font-size:.875rem;line-height:1.6;color:var(--text-primary, #dadada)}.left-sidebar .quest-editor{width:100%;height:100%;min-height:150px;border:none;background-color:transparent;padding:0;color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;resize:none;outline:none;box-sizing:border-box;white-space:pre-wrap;word-break:break-word}.left-sidebar .quest-editor::placeholder{color:var(--white-70, rgba(255, 255, 255, .4));opacity:1}.left-sidebar .markdown-content{width:100%;background-color:transparent;border:none;border-radius:0;padding:0;font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;white-space:pre-wrap;word-break:break-word}.left-sidebar .markdown-content p{margin-top:0;margin-bottom:.3em}.left-sidebar .markdown-content p:last-child{margin-bottom:0}.left-sidebar .markdown-content h3{font-size:1em;font-weight:600;margin-top:.8em;margin-bottom:.3em;color:var(--text-strong, #f0f0f0);border-bottom:1px solid var(--glass-border, rgba(255, 255, 255, .1));padding-bottom:.25em}.left-sidebar .markdown-content h3:first-child{margin-top:0}.left-sidebar .markdown-content ul,.left-sidebar .markdown-content ol{margin-top:0;margin-bottom:.5em;padding-left:18px}.left-sidebar .markdown-content li{margin-bottom:.2em}.right-sidebar{flex:0 0 180px;margin-left:1rem;height:100%;min-height:0}.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{display:none}}.mobile-progress-bar{display:none}@media (max-width: 768px){.mobile-progress-bar{width:100%;max-width:100%;height:60px;background:var(--glass-bg, rgba(40, 40, 50, .9));backdrop-filter:var(--glass-blur, blur(10px));border-top:1px solid var(--glass-border, rgba(255, 255, 255, .1));border-radius:var(--container-radius, 8px);display:flex;align-items:center;box-shadow:0 -2px 10px #0003;padding:1rem;box-sizing:border-box;margin:0;margin-top:1rem}}.mobile-progress-content{display:flex;align-items:center;width:100%;gap:.25rem}.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-container{flex:1;height:20px;position:relative;border-radius:10px;overflow:hidden}.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}.main-screen-container,.content-area,.input-area{padding-bottom:calc(80px + 2rem)!important}@media (max-width: 480px){.mobile-progress-bar{bottom:1rem;left:1rem;right:1rem;height:70px;padding:.75rem}.mobile-progress-content{gap:.75rem}.mobile-progress-track-container{height:16px}.mobile-progress-dot{width:12px;height:12px}.mobile-progress-percentage{font-size:1rem}.mobile-progress-phase{font-size:.65rem}.mobile-progress-info{min-width:30px}.main-screen-container,.content-area,.input-area{padding-bottom:calc(70px + 2rem)!important}}.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}.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);line-height:1.4;display:flex;justify-content:center;align-items:center;min-height:100vh;width:100vw;transition:all .5s ease-in-out;overflow:hidden;overflow-x:hidden}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)}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)}.moodboard-container,.dv_moodboard-container{width:80vw;max-height:70vh;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 1fr 1fr;grid-template-rows:auto auto auto;gap:20px;overflow-y:auto;overflow-x:hidden;@media (max-width: 768px){width:95vw;grid-template-columns:1fr;grid-template-rows:auto;padding:var(--space-md);gap:15px}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)}.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;flex-grow:1;color:var(--white-90);overflow:hidden}.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.3em;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;background:linear-gradient(145deg,#50505acc,#64646e99);border-color:#fff3;padding:var(--space-md)}.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}.left-column{grid-column:1 / 2}.right-column{grid-column:3 / 4}#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-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:20px 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}}.chat-panel .answer-input-container,.input-area .answer-input-container{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:16px;padding:1.5rem;justify-content:center;align-content:center;inline-size:fit-content;aspect-ratio:2 / 1;grid-auto-rows:minmax(var(--streamdeck-button-size),auto);background:var(--container-glass-bg);border:none;border-radius:var(--container-radius);box-shadow:none;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))}.answer-input-container .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}.answer-input-container .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}.answer-input-container .visually-disabled{background:linear-gradient(145deg,#555,#777);opacity:.6;cursor:not-allowed;text-shadow:none;box-shadow:none;pointer-events:none;border:none}.answer-input-container .btn.visually-disabled,.answer-input-container .btn.visually-disabled:hover,.answer-input-container .btn.visually-disabled:focus,.answer-input-container .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}.answer-input-container .btn:disabled,.answer-input-container .btn.visually-disabled{outline:0!important;border:none!important;box-shadow:none!important;filter:none!important}.answer-input-container .btn:disabled.selected-option,.answer-input-container .btn.visually-disabled.selected-option{box-shadow:none!important}.answer-input-container .btn-voice:disabled:before{display:none!important}.btn[aria-label="Go back one step"]{background:#20c997;color:#fff;font-size:1.95rem;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}.chat-panel{display:flex;flex-direction:column;width:100%;height:100%;min-height:0;gap:clamp(1rem,3vh,2rem)}.chat-panel>.messages-container{flex:1 1 0;overflow-y:auto}.chat-panel>.input-slot-wrapper,.chat-panel>.answer-input-bottom-area{flex:0 0 auto;width:100%;display:flex;align-items:center;justify-content:center}.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;max-width:100%;width:100%;box-sizing:border-box;overflow:hidden;margin-left:auto;margin-right:auto;border:2px solid transparent;background:var(--glass-bg);backdrop-filter:var(--glass-blur)}.chat-input-container.is-active-magic-bar{border-color:var(--blue);box-shadow:0 0 8px #2196f366}.chat-input-container.is-active-magic-bar.focused{border-color:var(--blue);box-shadow:0 0 12px #2196f399}.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:default;color:var(--white-70)}.chat-input:focus{outline:none}.chat-panel .chat-input-container.focused{border-color:var(--blue);box-shadow:0 0 10px #2196f380}.chat-input:disabled{cursor:wait}.emoji-slider-container{display:flex;align-items:center;font-family:var(--font);min-height:60px;height:auto;padding:8px 0;border:none;border-radius:50px;box-shadow:none;transition:opacity .3s ease,border-color .2s ease,box-shadow .2s ease;width:100%;max-width:380px;margin-left:auto;margin-right:auto}.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;min-width:0;min-height:0;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);padding:.5rem 1rem 0;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%;max-width:650px}.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:1.1rem}.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(--radius-md);left:10px}.progress-track{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--black-30);border-radius:var(--radius-md);z-index:2}.progress-fill{position:absolute;bottom:0;left:0;width:100%;background:var(--blue);border-radius:var(--radius-md);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}.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%)}}.slide-indicator{transition:all .3s ease;max-width:300px;overflow:hidden}@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)}.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));max-height:400px;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-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)}.sparky-content{display:flex;flex-direction:column;width:100%;max-width:700px;height:auto;max-height:90vh;box-sizing:border-box;padding:var(--space-lg);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:auto}.sparky-header{flex-shrink:0}.sparky-image{width:120px;height:auto;margin-bottom:var(--space-sm)}.sparky-title{font-size:2rem;font-weight:600;margin-bottom:var(--space-sm)}.sparky-text{font-size:1.1rem;margin-bottom:var(--space-md)}.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}.sparky-footer-container{flex-shrink:0;margin-top:var(--space-lg);padding-top:var(--space-md);margin-bottom:var(--space-lg)}.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)}.app-header{display:flex;justify-content:space-between;align-items:center;padding:4px 1rem 0}.header-nav{display:flex;align-items:center}.results-nav-btn{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--white);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--font-size-md);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)}.results-menu{min-height:100vh;background:#1a1a1a url(../pics/0_0.webp) center/cover;color:var(--white);font-family:var(--font);overflow-y:auto;scroll-behavior:smooth;display:flex;align-items:center;justify-content:center;padding:1rem}.results-container{background:linear-gradient(145deg,#2a2a2af2,#484848e6);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-lg);backdrop-filter:blur(20px);box-shadow:0 0 40px #000c;padding:2rem;max-width:1000px;width:100%;max-height:85vh;overflow-y:auto;position:relative;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.results-container::-webkit-scrollbar{width:6px}.results-container::-webkit-scrollbar-track{background:transparent}.results-container::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.results-container::-webkit-scrollbar-thumb:hover{background:#ffffff80}.results-header{text-align:center;margin-bottom:2rem;padding:0}.sparky-display{width:120px;height:120px;margin:0 auto 2rem;display:flex;align-items:center;justify-content:center}.sparky-display img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 20px rgba(255,255,255,.2))}.results-header h1{font-size:2.5rem;font-weight:700;margin:0 0 1rem;color:var(--white);text-shadow:0 2px 8px rgba(0,0,0,.8);font-family:var(--font)}.progress-text{font-size:1.1rem;color:var(--white-70);margin:0;font-weight:400}.welcome-text{display:none}.loading-spinner{font-size:2.5rem;margin:2rem 0;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-text{color:var(--red);font-size:1.1rem;margin:1rem 0;background:#f443361a;padding:1.5rem;border-radius:var(--radius-md);border:1px solid rgba(244,67,54,.3)}.retry-btn{background:var(--glass-bg);color:var(--white);border:1px solid var(--glass-border);padding:1rem 2rem;border-radius:var(--radius-md);cursor:pointer;font-size:1rem;transition:var(--transition-normal);backdrop-filter:var(--glass-blur);min-height:var(--tap)}.retry-btn:hover{background:var(--glass-hover-bg);transform:translateY(-2px);box-shadow:var(--shadow-md)}.results-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin:1.5rem 0 2rem}.result-card{background:linear-gradient(145deg,#232328f2,#32323ce6);border-radius:var(--radius-lg);padding:2rem;text-align:center;cursor:pointer;transition:var(--transition-normal);border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(15px);position:relative;overflow:hidden;min-height:220px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 8px 32px #0006;min-width:var(--tap)}.result-card.unlocked{border-color:var(--blue);box-shadow:0 8px 32px #0006,0 0 20px #2196f34d;background:linear-gradient(145deg,#3c3c46f2,#5a5a64e6)}.result-card.unlocked:hover{transform:translateY(-6px);box-shadow:0 12px 40px #00000080,0 0 30px #2196f366;background:linear-gradient(145deg,#464650f2,#64646ee6)}.result-card.locked{opacity:.4;cursor:not-allowed;border-color:#ffffff1a;background:linear-gradient(145deg,#19191ef2,#282832e6)}.result-card.locked:hover{transform:none}.result-icon{font-size:3.5rem;margin-bottom:1rem;display:block;line-height:1;filter:drop-shadow(0 0 10px rgba(255,255,255,.2))}.result-title{font-size:1.4rem;font-weight:700;margin:0 0 .8rem;color:var(--white);font-family:var(--font)}.result-card.unlocked .result-title{color:var(--blue-light)}.result-description{font-size:1rem;color:var(--white-70);margin:0 0 1.5rem;line-height:1.5}.unlocked-indicator,.locked-indicator{margin-top:auto;display:flex;align-items:center;justify-content:center}.status-indicator{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:600;transition:var(--transition-normal)}.unlocked-indicator .status-indicator{background:linear-gradient(45deg,var(--blue),var(--blue-light));color:#fff;box-shadow:0 0 20px #2196f380;animation:unlocked-pulse 2s ease-in-out infinite}@keyframes unlocked-pulse{0%,to{box-shadow:0 0 20px #2196f380}50%{box-shadow:0 0 30px #2196f3b3}}.locked-indicator .status-indicator{background:#ffffff1a;color:var(--white-70);border:1px solid rgba(255,255,255,.2)}.action-buttons{display:flex;flex-direction:row;gap:1.5rem;justify-content:center;margin:0}.start-new-btn,.continue-btn{padding:1rem 2rem;border-radius:var(--radius-md);border:1px solid var(--glass-border);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition-normal);min-height:var(--tap);display:flex;align-items:center;justify-content:center;text-transform:uppercase;letter-spacing:.5px;backdrop-filter:blur(15px);font-family:var(--font);box-shadow:var(--shadow-button)}.start-new-btn{background:linear-gradient(145deg,#2196f3cc,#2196f399);color:#fff;border-color:var(--blue)}.start-new-btn:hover{background:linear-gradient(145deg,#2196f3e6,#2196f3b3);transform:translateY(-2px);box-shadow:var(--shadow-button-hover)}.continue-btn{background:linear-gradient(145deg,#3c3c46cc,#5a5a6499);color:var(--white);border-color:#ffffff4d}.continue-btn:hover{background:linear-gradient(145deg,#464650cc,#64646e99);transform:translateY(-2px);box-shadow:var(--shadow-button-hover)}.result-card:focus{outline:2px solid var(--blue);outline-offset:2px}.result-card.locked:focus{outline-color:var(--white-70)}@media (min-width: 640px){.results-grid{grid-template-columns:repeat(2,1fr);gap:2rem}}@media (min-width: 1024px){.results-menu{padding:2rem}.results-container{padding:4rem;max-width:1100px}.results-grid{grid-template-columns:repeat(3,1fr);gap:2.5rem}.results-header h1{font-size:3rem}.sparky-display{width:150px;height:150px;margin-bottom:2.5rem}.result-card{padding:2.5rem;min-height:240px}.result-icon{font-size:4rem;margin-bottom:1.2rem}.result-title{font-size:1.6rem}.result-description{font-size:1.1rem}}@media (max-width: 768px){.results-menu{padding:.5rem}.results-container{padding:2rem;max-height:98vh}.results-header h1{font-size:2rem}.sparky-display{width:100px;height:100px;margin-bottom:1.5rem}.result-card{padding:1.5rem;min-height:200px}.result-icon{font-size:3rem}.result-title{font-size:1.2rem}.result-description{font-size:.9rem}.action-buttons{flex-direction:column;gap:1rem}}@media (hover: none) and (pointer: coarse){.result-card:active,.start-new-btn:active,.continue-btn:active{transform:scale(.98)}}@media (prefers-reduced-motion: reduce){.result-card,.start-new-btn,.continue-btn,.unlocked-indicator .status-indicator{animation:none;transition:none}.result-card:hover{transform:none}}.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}