@import"https://fonts.googleapis.com/css2?family=Exo:wght@300;400;700&display=swap";:root{--font: "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", "Exo", sans-serif;--font-mono: ui-monospace, monospace;--font-size-xl: 1rem;--font-size-lg: .9rem;--font-size-md: .8rem;--font-size-sm: .75rem;--font-size-xs: .7rem;--content-width: 380px;--white: #ffffff;--white-70: rgba(255, 255, 255, .7);--white-90: rgba(255, 255, 255, .9);--green: #4CAF50;--green-light: #81C784;--red: #f44336;--blue: #2196F3;--blue-light: #64B5F6;--blue-light-transparent: rgba(100, 181, 246, .7);--blue-hover: #1A76D2;--blue-active: #1565C0;--amber: #FFC107;--brown: #746f54;--brown-light: #aba691;--black-10: rgba(0, 0, 0, .1);--black-30: rgba(0, 0, 0, .3);--black-40: rgba(0, 0, 0, .4);--accent: #2196F3;--accent-light: #64B5F6;--gray: #9e9e9e;--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-black: rgba(0, 0, 0, .2);--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);--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;--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)}.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}.sparky-content .sparky-form .input-checkbox:checked{background-color:var(--blue, #2196F3)!important;border-color:var(--blue, #2196F3)!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3E%3Cpath d='M13.78 4.22a.75.75 0 0 1 0 1.06l-7.5 7.5a.75.75 0 0 1-1.06 0l-3.5-3.5a.75.75 0 1 1 1.06-1.06L5.5 10.19l6.97-6.97a.75.75 0 0 1 1.06 0z'/%3E%3C/svg%3E")!important;background-size:80%!important;background-repeat:no-repeat!important;background-position:center!important}.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}.component-overlay.visible{opacity:1;visibility:visible;transition:opacity .3s ease-in-out,visibility 0s linear 0s}.component-overlay>*{pointer-events:auto}.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{margin-bottom:.5rem}.big-five-visualization .chart-area{display:flex;flex-direction:column;gap:.9rem;margin-bottom:.6rem}.trait-pair{display:flex;align-items:center;gap:.7rem}.label.low,.label.high{font-size:.93em;color:var(--white-70);min-width:70px;text-align:center}.label.low{justify-self:flex-start}.label.high{justify-self:flex-end}.bar-track{position:relative;flex:1 1 0;height:18px;background:var(--white-10);border-radius:9px;margin:0 .3rem;overflow:hidden}.bar-fill{position:absolute;top:2px;bottom:2px;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}.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{position:fixed;z-index:1000}.corporate-logo img{height:auto;filter:drop-shadow(0 0 8px rgba(0,0,0,.5));transition:opacity .3s ease}.corporate-logo.top-right{top:16px;right:16px}.corporate-logo.top-right img{max-width:240px}.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}html,body,#root{margin:0;padding:0;height:100%;width:100%;min-height:100vh}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}body.body-deliverable-mode{align-items:flex-start}.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)}.scrollable{overflow-y:auto;overflow-x:hidden}.hidden{display:none!important}.text-center{text-align:center}.quest-module-hidden{display:none!important}.component-enabled{opacity:1;pointer-events:auto}.component-disabled{opacity:.6;pointer-events:none}button:disabled{cursor:not-allowed}textarea:disabled,input:disabled{opacity:.6;pointer-events:none;background-color:#0000000d}.app-wrapper{display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;overflow-y:auto;padding:2rem;box-sizing:border-box;transition:align-items .4s ease}.app-container{width:100%;max-width:730px;height:100%;display:flex;flex-direction:row;box-sizing:border-box}[data-display-mode=deliverable].app-wrapper,[data-display-mode=deliverable] .app-container,[data-display-mode=deliverable] .main-screen-container,[data-display-mode=deliverable] .content-area{height:auto;min-height:unset}[data-display-mode=deliverable].app-wrapper{align-items:flex-start;padding-top:10vh;padding-bottom:20vh}.main-columns-wrapper{display:flex;flex-direction:row;justify-content:flex-start;width:100%;height:100%;gap:1rem}.main-columns-wrapper.magic-container{padding-left:0;padding-right:0}.left-sidebar{flex:0 0 260px}.main-content-column{flex-grow:1;display:flex;flex-direction:column;height:100%;min-height:0;align-items:flex-start}.right-sidebar{flex:0 0 180px;margin-left:1rem!important}.component-display-area{display:none}.app-container[data-display-mode=message]{height:850px}.app-container[data-display-mode=message] .chat-panel{flex-grow:1;display:flex}.app-container[data-display-mode=form] .component-display-area,.app-container[data-display-mode=deliverable] .component-display-area{display:block;overflow-y:auto}.app-container[data-display-mode=deliverable]{max-width:1300px}.app-container[data-display-mode=form] .chat-panel,.app-container[data-display-mode=deliverable] .chat-panel{flex-shrink:0;height:auto}.chat-panel{display:flex;flex-direction:column;align-items:flex-start;height:100%;min-height:0;gap:2rem}.input-slot-wrapper,.answer-input-bottom-area{flex-shrink:0}.chat-panel.component-mode .messages-container{display:none}.answer-input-focused-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.main-columns-wrapper.magic-container{display:flex;flex-direction:row;height:100%;width:100%;gap:1rem;padding:2rem}.main-columns-wrapper.magic-container>.chat-panel,.main-columns-wrapper.magic-container>.right-sidebar{background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important}.main-columns-wrapper>.left-sidebar{flex:0 0 260px}.main-columns-wrapper>.chat-panel{flex-grow:1;min-width:0}.main-columns-wrapper>.right-sidebar{flex:0 0 180px}.main-screen-container{display:flex;flex-direction:column;height:100%;width:100%}.content-area{flex-grow:1;min-height:0;display:flex;justify-content:center;align-items:center}.input-area{flex-shrink:0;width:100%;display:flex;justify-content:center;align-items:center;padding-top:30px;padding-bottom:40px}.input-slot-wrapper{flex-shrink:0;height:60px;width:100%;display:flex;justify-content:center;align-items:center}.chat-panel[data-input-visible=false] .input-slot-wrapper{display:none}.answer-input-bottom-area{flex-shrink:0;width:100%;display:flex;align-items:center;justify-content:center}.slide-indicator-container{position:fixed;bottom:36px;right:16px;z-index:1001}.magic-container{box-sizing:border-box;padding:2rem!important;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!important}.magic-container-scrollable{overflow-y:auto;overflow-x:hidden}.magic-container-full-height{height:100%}.magic-container-column{display:flex;flex-direction:column}.magic-container-centered{display:flex;align-items:center;justify-content:center}.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}*{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)}.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){.left-sidebar,.right-sidebar{display:none}.app-wrapper{align-items:flex-start;padding-top:90px!important;padding-left:1.5rem;padding-right:1.5rem;padding-bottom:.5rem}body{align-items:flex-start}.main-content-column{width:100%;flex-basis:100%}.main-columns-wrapper.magic-container{padding:1rem}.chat-panel[data-input-visible=false] .input-slot-wrapper{display:none}.slide-indicator-container,.slide-toggle,.slide-indicator{display:none!important}.corporate-logo.top-right{position:fixed;top:1vh!important;right:1vh!important;z-index:1000}.corporate-logo.top-right img{width:180px!important;height:auto!important}}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-left:auto;margin-right: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:100%;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;@media (max-width: 1024px){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!important;z-index:2}.tile{box-sizing:border-box;padding:1.5rem;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!important}.tile p,.tile ul,.tile ol,.tile blockquote,.tile .quote{margin-top:.75rem;margin-bottom:.75rem}.tile-heading,h3.tile-heading{border:none!important;box-shadow:none!important}.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: 1024px){.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: 640px){.tile{padding:var(--space-lg)}.tile h3{font-size:1.2em}.sparky-compass-img{max-width:100px}.quote{padding:.8rem 1rem}}@media (max-width: 768px){.moodboard-container{margin-top:2vh!important;padding:var(--space-md)}}.answer-input-container{position:relative;display:grid!important;grid-template-columns:repeat(4,var(--streamdeck-button-size))!important;grid-template-rows:repeat(2,var(--streamdeck-button-size))!important;grid-template-areas:"pos1 pos2 pos3 pos4" "pos5 pos6 pos7 pos8"!important;gap:16px!important;padding:1.5rem!important;justify-content:center!important;align-content:center!important;min-height:calc(var(--streamdeck-button-size) * 2 + 16px)!important;grid-auto-rows:minmax(var(--streamdeck-button-size),auto)!important;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))}.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!important}.visually-disabled{background:linear-gradient(145deg,#555,#777);opacity:.6;cursor:not-allowed;text-shadow:none;box-shadow:none;pointer-events:none;border-color:#78787833}.btn.visually-disabled{color:transparent!important;text-shadow:none!important}.btn:disabled{cursor:not-allowed;text-shadow:none}.btn:disabled:before,.visually-disabled:before{display:none}.btn.selected-option{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}.chat-input{height:60px;line-height:60px;white-space:nowrap;text-overflow:clip;overflow-y:hidden;color:var(--white)!important;font-size:1rem;font-family:var(--font)!important;resize:none;outline:none;width:100%;background-color:transparent!important;border:none;-webkit-text-fill-color:var(--white)!important;caret-color:var(--white)}.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-x:hidden;margin-left:auto;margin-right:auto;border:2px solid transparent}.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(--input-disabled-bg, rgba(0, 0, 0, .05))}.chat-input.disabled{background:var(--input-disabled-bg, rgba(0, 0, 0, .05))}.chat-input-container.is-active-magic-bar .chat-input.enabled:not(:focus){background:transparent}.chat-input:disabled{cursor:default}.chat-input:focus{outline:none}.chat-input-container.focused{border-color:var(--blue)!important;box-shadow:0 0 10px #2196f380!important}.chat-input:disabled{cursor:wait}.emoji-slider-container{display:flex;align-items:center;font-family:var(--font);height:min(60px,15vw);padding:0!important;border:none;border-radius:50px;box-shadow:none;transition:opacity .3s ease,border-color .2s ease,box-shadow .2s ease;width:370px;max-width:380px;margin-left:auto;margin-right:auto}.emoji-slider-buttons{display:flex;justify-content:center;align-items:center;gap:var(--space-sm);width:100%;height:100%}.emoji-button{font-size:1.5rem;border:none;cursor:pointer;color:#fff;transition:transform .2s ease-in-out,opacity .2s ease-in-out,background-color .2s ease;background:transparent!important;box-shadow:none!important;opacity:1;border-radius:50%;line-height:1;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;position:relative;overflow:hidden;flex-shrink:0;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!important;opacity:.4;cursor:not-allowed;text-shadow:none;pointer-events:none}.emoji-button.visually-disabled .emoji{display:inline-block;transform:scale(1)!important}.emoji-button.visually-disabled:hover .emoji,.emoji-button.visually-disabled:focus .emoji{transform:scale(1)!important}.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!important;border:none!important;box-shadow:none!important;padding:0!important;appearance:none!important}.messages-container{flex-grow:1;min-height:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;width:100%;background:var(--container-glass-bg);border:none;border-radius:var(--container-radius);box-shadow:none;backdrop-filter:var(--container-blur);padding:1.5rem;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-top:0;margin-bottom:.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-top:0;margin-bottom: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:20px;margin:20px auto;width:100%;max-width:650px}.option-item{background:#343435f2;border-radius:8px;padding:10px;box-sizing:border-box;border:2px solid transparent;transition:border-color .18s,box-shadow .18s,background .18s}.option-item p{margin:0;padding:0}.option-item.selected-option{border-color:var(--blue);box-shadow:0 0 10px #2196f380}.message-options.mc4-fade-in{opacity:0;animation:fadeInMC4 .5s ease-out forwards}@keyframes fadeInMC4{to{opacity:1}}div.centered-markdown{font-size:1.3rem}.option-item p{font-size:1.1rem}@media (max-width: 768px){.markdown-container .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}}.slide-indicator{position:fixed;bottom:1rem;right:1rem;z-index:1000;transition:all .3s ease;max-width:300px;overflow:hidden}.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!important}.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;margin-right:20px;margin-bottom:20px;right:0;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);transition:all .3s ease;overflow:hidden!important;color:#fff;text-align:center;margin:auto}.sparky-scrollable-content{flex-grow:1;min-height:0;overflow-y:auto;overflow-x:hidden;width:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;background:none}.sparky-header{display:flex;flex-direction:column;align-items:center;width:100%;flex-shrink:0}.sparky-header .sparky-text{margin-top:var(--space-sm, 8px);text-align:center}.sparky-text{font-size:1.3rem;line-height:1.3;margin-top:var(--space-md, 12px);width:100%;max-width:600px;text-align:left;white-space:pre-line;color:var(--text-secondary, #e0e0e0)}.sparky-image{width:90px;height:auto;margin-bottom:var(--space-md, 12px)}.sparky-title{font-size:1.8rem;margin-bottom:var(--space-sm, 8px);margin-top:0;color:#fff;font-family:var(--font-heading, "Exo", sans-serif);font-weight:600}.sparky-body{margin-bottom:var(--space-xl, 24px)}.sparky-form{display:flex;flex-direction:column;align-items:stretch;width:90%;max-width:100%;margin:0 auto;margin-top:var(--space-md, 12px);flex-grow:1;min-height:0;overflow-y:auto;overflow-x:hidden;flex-shrink:0;font-size:1.1rem;color:var(--white);background:none;box-sizing:border-box}.form-field{text-align:left;margin-top:0;margin-bottom:var(--space-md, 12px);border-radius:var(--input-radius, 8px);width:100%}.form-field label{display:block;font-weight:500;margin-top:.5rem;margin-bottom:.5rem;color:#fff;font-size:1.1rem;font-family:var(--font-body, "Exo", sans-serif)}.form-field input[type=text],.form-field input[type=email],.form-field input[type=number],.form-field input[type=password],.form-field input[type=search],.form-field input[type=tel],.form-field input[type=url],.form-field textarea,.form-input{width:100%;padding:.75rem 1rem;border:1px solid var(--glass-border, rgba(255, 255, 255, .15));border-radius:var(--input-radius, 6px);font-size:1.1rem;font-family:var(--font-body, "Exo", sans-serif);background-color:#ffffff14;color:#fff;box-sizing:border-box;transition:border-color var(--transition-fast, .2s),box-shadow var(--transition-fast, .2s),background-color .2s}.form-field input[type=text]:focus,.form-field input[type=email]:focus,.form-field input[type=number]:focus,.form-field input[type=password]:focus,.form-field input[type=search]:focus,.form-field input[type=tel]:focus,.form-field input[type=url]:focus,.form-field textarea:focus,.form-input:focus{background-color:#ffffff1f!important;outline:none;border-color:var(--blue, #2196F3)!important;box-shadow:0 0 8px #2196f366}.form-field input::placeholder,.form-field textarea::placeholder{color:#ffffff80;font-family:var(--font-body, "Exo", sans-serif)}textarea.form-input,.form-field textarea{resize:none!important;overflow-y:auto!important;min-height:100px;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb, rgba(255,255,255,.3)) var(--scrollbar-track, rgba(0,0,0,.1))}textarea.form-input::-webkit-scrollbar,.form-field textarea::-webkit-scrollbar{width:8px}textarea.form-input::-webkit-scrollbar-track,.form-field textarea::-webkit-scrollbar-track{background:var(--scrollbar-track, rgba(0,0,0,.1));border-radius:4px}textarea.form-input::-webkit-scrollbar-thumb,.form-field textarea::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb, rgba(255,255,255,.3));border-radius:4px}.grouped-fields .form-field{background:none;padding:0;border-radius:0;margin-bottom:1rem;box-shadow:none}.grouped-fields .form-field:last-child{margin-bottom:0}.grouped-fields .form-field:not(:last-child){border-bottom:1px solid rgba(255,255,255,.08)}.sparky-form .form-field:has(>.form-input[type=text]),.sparky-form .form-field:has(>.form-input[type=email]),.sparky-form .form-field:has(>.form-input[type=number]),.sparky-form .form-field:has(>.form-input[type=password]),.sparky-form .form-field:has(>.form-input[type=search]),.sparky-form .form-field:has(>.form-input[type=tel]),.sparky-form .form-field:has(>.form-input[type=url]),.sparky-form .form-field:has(>textarea.form-input){margin-bottom:0;background-color:transparent;padding:0;border-radius:0;box-shadow:none}.sparky-form .form-field>.form-input[type=text],.sparky-form .form-field>.form-input[type=email],.sparky-form .form-field>.form-input[type=number],.sparky-form .form-field>.form-input[type=password],.sparky-form .form-field>.form-input[type=search],.sparky-form .form-field>.form-input[type=tel],.sparky-form .form-field>.form-input[type=url],.sparky-form .form-field>textarea.form-input{border-radius:0;margin-bottom:0;border:1px solid var(--glass-border, rgba(255, 255, 255, .2));border-bottom-width:0;background-color:#ffffff1a}.sparky-form>.form-field:first-child>.form-input[type=text],.sparky-form>.form-field:first-child>.form-input[type=email],.sparky-form>.form-field:first-child>.form-input[type=number],.sparky-form>.form-field:first-child>.form-input[type=password],.sparky-form>.form-field:first-child>.form-input[type=search],.sparky-form>.form-field:first-child>.form-input[type=tel],.sparky-form>.form-field:first-child>.form-input[type=url],.sparky-form>.form-field:first-child>textarea.form-input{border-top-left-radius:var(--input-radius, 6px);border-top-right-radius:var(--input-radius, 6px)}.sparky-form>.form-field:last-child>.form-input[type=text],.sparky-form>.form-field:last-child>.form-input[type=email],.sparky-form>.form-field:last-child>.form-input[type=number],.sparky-form>.form-field:last-child>.form-input[type=password],.sparky-form>.form-field:last-child>.form-input[type=search],.sparky-form>.form-field:last-child>.form-input[type=tel],.sparky-form>.form-field:last-child>.form-input[type=url],.sparky-form>.form-field:last-child>textarea.form-input{border-bottom-left-radius:var(--input-radius, 6px);border-bottom-right-radius:var(--input-radius, 6px);border-bottom-width:1px}.sparky-form>.form-field:not(:first-child)>.form-input[type=text],.sparky-form>.form-field:not(:first-child)>.form-input[type=email],.sparky-form>.form-field:not(:first-child)>.form-input[type=number],.sparky-form>.form-field:not(:first-child)>.form-input[type=password],.sparky-form>.form-field:not(:first-child)>.form-input[type=search],.sparky-form>.form-field:not(:first-child)>.form-input[type=tel],.sparky-form>.form-field:not(:first-child)>.form-input[type=url],.sparky-form>.form-field:not(:first-child)>textarea.form-input{border-top-color:#ffffff1a}.sparky-form .options-group{display:flex;flex-direction:column;width:100%;max-width:100%;overflow-y:auto;overflow-x:hidden;border-radius:var(--input-radius, 6px);background-color:#0003;border:1px solid rgba(255,255,255,.05);margin-bottom:var(--space-xl, 24px);box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb, rgba(255, 255, 255, .3)) var(--scrollbar-track, rgba(0, 0, 0, .2))}.sparky-form .options-group::-webkit-scrollbar{width:8px}.sparky-form .options-group::-webkit-scrollbar-track{background:var(--scrollbar-track, rgba(0, 0, 0, .2));border-radius:var(--radius-md, 6px)}.sparky-form .options-group::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb, rgba(255, 255, 255, .3));border-radius:var(--radius-md, 6px);border:2px solid var(--scrollbar-track, rgba(0, 0, 0, .2))}.sparky-form .radio-option{display:flex;flex-direction:row;align-items:flex-start;min-width:0;padding:.1rem var(--space-md, 16px);margin-bottom:0;cursor:pointer;transition:background-color .2s ease;border-radius:var(--radius-sm, 4px)}.sparky-form .radio-option:hover{background-color:#ffffff1a}.sparky-form .radio-option:has(input.input-radio:focus){background-color:#ffffff1a}.sparky-form .input-radio:focus{outline:none}.sparky-form .input-radio{flex-shrink:0;flex-grow:0;width:15px;height:15px;margin:12px 16px 0 0;accent-color:var(--accent, var(--blue, #2196F3));cursor:pointer;display:inline-block;vertical-align:middle;position:relative}.sparky-form .radio-option label{flex-grow:1;min-width:0;cursor:pointer;font-size:1.1rem;line-height:1.4;text-align:left;display:inline-flex;align-items:center;white-space:normal;word-break:break-word;padding-left:16px;text-indent:-16px;overflow:visible;text-overflow:clip}.sparky-form .checkbox-option{display:flex;flex-direction:row;align-items:flex-start;min-width:0;padding:.1rem var(--space-md, 16px);margin-bottom:0;cursor:pointer;transition:background-color .2s ease;border-radius:var(--radius-sm, 4px)}.sparky-form .checkbox-option:hover{background-color:#ffffff1a}.sparky-form .checkbox-option:has(input.input-checkbox:focus){background-color:#ffffff1a}.sparky-form .checkbox-option.disabled-option{opacity:.6;cursor:not-allowed;background-color:transparent!important}.sparky-form .checkbox-option.disabled-option label,.sparky-form .checkbox-option.disabled-option .input-checkbox{cursor:not-allowed!important}.sparky-content .sparky-form .input-checkbox{appearance:none!important;flex-shrink:0;width:16px;height:16px;margin:12px 16px 0 0;padding:0!important;cursor:pointer;display:inline-block;vertical-align:middle;background-color:#fff!important;border:1px solid #888888!important;border-radius:3px!important;position:relative;box-shadow:none!important;transition:none!important;background-image:none!important;background-repeat:no-repeat!important;background-position:center!important;background-size:contain!important}.sparky-content .sparky-form .input-checkbox:checked{background-color:var(--blue, #2196F3)!important;border-color:var(--blue, #2196F3)!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3E%3Cpath d='M13.78 4.22a.75.75 0 0 1 0 1.06l-7.5 7.5a.75.75 0 0 1-1.06 0l-3.5-3.5a.75.75 0 1 1 1.06-1.06L5.5 10.19l6.97-6.97a.75.75 0 0 1 1.06 0z'/%3E%3C/svg%3E")!important;background-size:80%!important;background-repeat:no-repeat!important;background-position:center!important}.sparky-content .sparky-form .input-checkbox:focus{outline:none!important;box-shadow:none!important;border-color:#888!important}.sparky-content .sparky-form .input-checkbox:checked:focus{border-color:var(--blue, #2196F3)!important;box-shadow:none!important}.sparky-content .sparky-form .input-checkbox:disabled,.sparky-content .sparky-form .checkbox-option.disabled-option .input-checkbox{cursor:not-allowed!important;background-color:#e0e0e0!important;border-color:silver!important;opacity:.7!important;background-image:none!important;box-shadow:none!important}.sparky-content .sparky-form .input-checkbox:hover{background-color:#fff!important;border-color:#888!important}.sparky-content .sparky-form .input-checkbox:checked:hover{background-color:#fff!important;border-color:var(--blue, #2196F3)!important}.sparky-form .checkbox-option label{flex-grow:1;min-width:0;cursor:pointer;font-size:1.1rem;line-height:1.4;text-align:left;display:inline-flex;align-items:center;white-space:normal;word-break:break-word;padding-left:16px;text-indent:-16px;overflow:visible;text-overflow:clip}.sparky-footer-container{flex-shrink:0;margin-top:auto;padding:30px 0 10px;display:flex;justify-content:center;align-items:center}.sparky-footer{display:flex;justify-content:center}.sparky-button,button.ok-button{background-color:var(--blue, #4C9AFF);color:#fff;border:none;border-radius:var(--radius-md, 8px);padding:.85rem 2.5rem;font-size:1.3rem;font-weight:500;font-family:Exo,sans-serif;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px #0000004d}.sparky-button:hover,button.ok-button:hover{background-color:var(--blue-dark, #3B7DE2);transform:translateY(-2px);box-shadow:0 4px 8px #0006}.centered-btn-row{display:flex;justify-content:center;align-items:center;width:100%}@media (max-width: 768px){.sparky-content{margin-top:2vh!important;margin-bottom:auto!important;margin-left:auto!important;margin-right:auto!important;max-height:95vh}.sparky-image{width:60px!important}.sparky-title{margin-top:0!important}.sparky-title{font-size:1.5rem}.sparky-text{font-size:1.1rem}.radio-option label,.checkbox-option label{font-size:1rem}.sparky-form{margin:0}}.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}
