@charset "UTF-8";.z-background{z-index:0}.z-content-low{z-index:1}.z-content-base{z-index:2}.z-content-high{z-index:3}.z-interactive{z-index:4}.z-elevated{z-index:5}.z-navigation{z-index:6}.z-fixed-ui{z-index:7}.z-overlay-low{z-index:8}.z-overlay-high{z-index:9}.z-modal{z-index:10}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{color-scheme:light;color:#000;background:#fff}html,body,#root{width:100%;height:auto;min-height:100vh;margin:0;padding:0}.no-transitions,.no-transitions *{transition:none!important;animation:none!important}.crt-shutdown{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;z-index:99999;pointer-events:none;opacity:0}.crt-shutdown.show-at-end{animation:showAtEnd 1.2s ease-in-out forwards}.crt-shutdown:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 1px,rgba(0,255,0,.15) 1px,rgba(0,255,0,.15) 3px,transparent 3px,transparent 4px);z-index:1;opacity:0;animation:scanlineFlicker 1.2s ease-in-out forwards}.crt-shutdown:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,rgba(255,0,255,.3) 0%,rgba(0,255,255,.2) 20%,rgba(255,0,255,.1) 40%,transparent 70%);z-index:2;opacity:0;animation:chromaticAberration 1.2s ease-in-out forwards;mix-blend-mode:screen}.crt-shutdown.show-at-end:before{background:repeating-linear-gradient(0deg,transparent,transparent 1px,rgba(0,255,0,.15) 1px,rgba(0,255,0,.15) 3px,transparent 3px,transparent 4px),linear-gradient(to bottom,transparent 49%,rgba(255,255,255,.8) 49.5%,rgb(255,255,255) 50%,rgba(255,255,255,.8) 50.5%,transparent 51%);animation:scanlineFlicker 1.2s ease-in-out forwards,crtWhiteLine 1.2s ease-in-out forwards}@keyframes showAtEnd{0%,95%{opacity:0}96%,to{opacity:1}}@keyframes scanlineFlicker{0%,60%{opacity:0}70%{opacity:.6}75%{opacity:1}80%{opacity:.3}85%{opacity:.8}90%{opacity:.5}95%{opacity:.9}to{opacity:.7}}@keyframes chromaticAberration{0%,50%{opacity:0;transform:scale(1)}60%{opacity:.4;transform:scale(1.03)}70%{opacity:.7;transform:scale(.97)}80%{opacity:.9;transform:scale(1.02)}90%{opacity:1;transform:scale(.98)}to{opacity:.8;transform:scale(1)}}@keyframes crtWhiteLine{0%,70%{background-size:100% 100%,100% 0%}75%{background-size:100% 100%,100% 4px}80%{background-size:100% 100%,100% 2px}85%{background-size:100% 100%,100% 6px}90%{background-size:100% 100%,100% 1px}95%{background-size:100% 100%,100% 3px}to{background-size:100% 100%,100% 0px}}body.crt-shutting-down{overflow:hidden;transform-origin:center center;border:1px solid black;box-sizing:border-box;filter:hue-rotate(0deg) saturate(1) contrast(1) brightness(1);animation:crtBodyShutdown 1.2s ease-in-out forwards,crtColorDistortion 1.2s ease-in-out forwards}body.crt-shutting-down.crt-hidden{visibility:hidden}body.crt-shutting-down.crt-hidden:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;z-index:99999;visibility:visible}@keyframes crtBodyShutdown{0%{transform:scaleY(1) scaleX(1);transform-origin:center center}10%{transform:scaleY(1) scaleX(1);transform-origin:center center}70%{transform:scaleY(0) scaleX(1);transform-origin:center center}to{transform:scaleY(0) scaleX(0);transform-origin:center center}}@keyframes crtColorDistortion{0%,50%{filter:hue-rotate(0deg) saturate(1) contrast(1) brightness(1)}60%{filter:hue-rotate(30deg) saturate(2) contrast(1.5) brightness(1.2)}70%{filter:hue-rotate(-20deg) saturate(.5) contrast(2) brightness(.8)}80%{filter:hue-rotate(45deg) saturate(3) contrast(.5) brightness(1.5)}90%{filter:hue-rotate(-30deg) saturate(.2) contrast(3) brightness(.6)}to{filter:hue-rotate(0deg) saturate(0) contrast(0) brightness(0)}}small.key-binding{font-size:7px!important;color:#000;padding:2px 3px;background:linear-gradient(to bottom,#fff,#0000000d);border-radius:3.3333333333px;border:.5px solid #c3c3c3;box-shadow:0 2px #0000004d;background-clip:padding-box}button.cta small.key-binding{background:linear-gradient(to bottom,#fff,#ffffffbf)!important;border-color:#2143c6}button.cta.danger small.key-binding{background:linear-gradient(to bottom,#fff,#ffffffbf)!important;border-color:#c62121}button[disabled] small.key-binding{background:#ffffff59!important;color:#c3c3c3;border:.5px solid #c3c3c3;box-shadow:0 2px #0000}.modal-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;background-color:#0c388508;-webkit-backdrop-filter:saturate(.25);backdrop-filter:saturate(.25);cursor:default;transition:backdrop-filter .3s cubic-bezier(.4,0,.2,1),background-color .3s cubic-bezier(.4,0,.2,1);animation:fadeIn .3s cubic-bezier(.4,0,.2,1) forwards;z-index:9998}.modal-wrapper.hidden{display:none}.modal-wrapper.is-closing{animation:fadeOut .3s cubic-bezier(.4,0,.2,1) forwards}.modal-wrapper .modal{display:flex;flex-direction:column;width:100%;max-width:500px;border:.5px solid #cccccc;border-radius:10px;background:#f9f9fb;box-shadow:0 15px 53px -17px #0c388580;max-height:80vh;cursor:default}.modal-wrapper .modal .modal-header{border-bottom:1px solid #e5e9ef;border-top-left-radius:10px;border-top-right-radius:10px;padding:15px;display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;box-shadow:0 1px #fff}.modal-wrapper .modal .modal-header .modal-header-wrapper{display:flex;align-items:center;justify-content:space-between;width:100%}.modal-wrapper .modal .modal-title{font-size:18px;font-weight:600;text-box:trim-end;text-box-trim:end}.modal-wrapper .modal .form{display:flex;flex-direction:column;gap:15px}.modal-wrapper .modal .form .error-message{position:absolute;top:0;bottom:0;right:0;left:0;background-color:#fbf9fcca;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);text-align:center;vertical-align:middle;padding-top:45%;padding-left:30px;padding-right:30px;border-radius:10px}.modal-wrapper .modal .form .error-message button{position:absolute;bottom:15px;right:107px}.modal-wrapper .modal .modal-footer{position:sticky;bottom:0;z-index:2;border-top:1px solid #e5e7eb;border-bottom-left-radius:10px;border-bottom-right-radius:10px;padding:15px;display:flex;justify-content:flex-end;gap:15px;box-shadow:0 1px #fff inset}.modal-wrapper .modal section #testDescription{min-height:unset;resize:none}.modal-content{overflow-y:auto;max-height:calc(80vh - 128px);padding:15px}#EmbedCode{min-height:38px;font-family:monospace;resize:none}label{display:inline-block;font-size:14px;font-weight:600}@keyframes fadeIn{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);background-color:#0000}to{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009}}@keyframes fadeOut{0%{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009}to{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);background-color:#0000}}@keyframes zoomIn{0%{transform:scale(.95) translateZ(0);opacity:0}to{transform:scale(1) translateZ(0);opacity:1}}@keyframes zoomOut{0%{transform:scale(1) translateZ(0);opacity:1}to{transform:scale(.95) translateZ(0);opacity:0}}@keyframes fadeInContent{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes crossFadeButtons{0%{opacity:0}to{opacity:1}}.modal{animation:zoomIn .3s cubic-bezier(.4,0,.2,1) forwards;will-change:transform,opacity;max-height:80vh;overflow-y:auto;transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.modal.is-closing{animation:zoomOut .3s cubic-bezier(.4,0,.2,1) backwards}.modal .modal-content{opacity:1;transform:none}.modal .modal-footer{animation:crossFadeButtons 1s ease-out .2s both}.cancel-plan-modal .cancel-warning{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:1.5rem}.cancel-plan-modal .cancel-warning .warning-icon{font-size:2rem;margin-bottom:1rem}.cancel-plan-modal .cancel-warning h3{color:#dc2626;margin-bottom:.5rem}.cancel-plan-modal .cancel-warning p{color:#6b7280;margin:0}.cancel-plan-modal .cancel-consequences{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:1rem;margin-bottom:1.5rem}.cancel-plan-modal .cancel-consequences h4{color:#dc2626;margin:0 0 .5rem;font-size:.9rem;font-weight:600}.cancel-plan-modal .cancel-consequences ul{margin:0;padding-left:1.2rem}.cancel-plan-modal .cancel-consequences ul li{color:#6b7280;margin-bottom:.25rem;font-size:.9rem}.cancel-plan-modal .confirmation-checkbox{margin-bottom:1.5rem}.cancel-plan-modal .confirmation-checkbox .checkbox-label{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer;font-size:.9rem;line-height:1.4}.cancel-plan-modal .confirmation-checkbox .checkbox-label input[type=checkbox]{margin:0;width:18px;height:18px;cursor:pointer}.upgrade-modal .upgrade-summary h3{font-weight:600;margin-bottom:.5rem;color:#1f2937}.upgrade-modal .upgrade-summary .plan-description{color:#6b7280;margin-bottom:1.5rem;line-height:1.5}.upgrade-modal .billing-cycle-toggle{margin-bottom:1.5rem;display:flex;justify-content:center}.upgrade-modal .billing-cycle-toggle .toggle-container{max-width:300px;width:100%}.upgrade-modal .pricing-display{text-align:center;color:#000}.upgrade-modal .pricing-display .price-amount{font-size:2.5rem;font-weight:700;margin-bottom:15px}.upgrade-modal .pricing-display .price-amount .price-period{font-size:1rem;font-weight:400;opacity:.9}.upgrade-modal .pricing-display .price-subtitle{margin-top:.5rem;font-size:.9rem;opacity:.9}.upgrade-modal .pricing-display .monthly-breakdown{margin-top:.5rem;font-size:1.25rem;font-weight:600;opacity:.95}.upgrade-modal .pricing-display .savings-info{margin-top:.75rem;font-size:.9rem;opacity:.95;font-weight:500;background:#fff3;padding:.5rem 1rem;border-radius:6px;display:inline-block}.upgrade-modal .plan-features{margin-bottom:1.5rem}.upgrade-modal .plan-features h4{font-size:1rem;font-weight:600;margin-bottom:.75rem;color:#374151}.upgrade-modal .plan-features .feature-list-row{display:flex;flex-direction:row;gap:.75rem;justify-content:center;align-items:stretch;flex-wrap:wrap;margin:0}.upgrade-modal .plan-features .feature-card{background:linear-gradient(to bottom,#fff,#f8f8fb);border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px #fff;min-width:100px;max-width:140px;padding:.75rem;display:flex;flex-direction:column;align-items:center;justify-content:space-around;text-align:center;gap:.5rem;transition:box-shadow .2s,border .2s}.upgrade-modal .plan-features .feature-card .feature-icon{width:24px;height:24px;margin-bottom:2px;display:flex;align-items:center;justify-content:center}.upgrade-modal .plan-features .feature-card .feature-icon img{width:100%;height:100%;object-fit:contain}.upgrade-modal .plan-features .feature-card .feature-label{font-size:12px;font-weight:500;margin-bottom:0;color:#374151;line-height:1.3}.upgrade-modal .plan-features .feature-card.included{border-color:#1667f44d;background:#1667f405}.upgrade-modal .plan-features .feature-card.included .feature-icon{opacity:1}.upgrade-modal .plan-features .feature-card.included .feature-label{color:#374151;font-weight:500}.upgrade-modal .plan-features .feature-card.not-included{opacity:.4;background:#f9f9f9}.upgrade-modal .plan-features .feature-card.not-included .feature-icon{opacity:.3}.upgrade-modal .plan-features .feature-card.not-included .feature-label{color:#9ca3af;text-decoration:line-through}@media (max-width: 500px){.upgrade-modal .plan-features .feature-list-row{flex-direction:column;align-items:center;gap:.5rem}.upgrade-modal .plan-features .feature-card{min-width:100%;max-width:100%;flex-direction:row;justify-content:flex-start;text-align:left;padding:.5rem .75rem}.upgrade-modal .plan-features .feature-card .feature-icon{margin-bottom:0;margin-right:.5rem}}.upgrade-modal .form-actions{display:flex;justify-content:center;margin-top:1.5rem}.upgrade-modal .form-actions button.cta{min-width:200px}.moving-background{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(120deg,#0effa3,#1767f3,#7e22ce,#ff354c);background-size:200% 200%;animation:moveBackground 15s ease infinite;filter:blur(15px);opacity:.05}@keyframes moveBackground{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}#toast-container{position:fixed;top:20px;right:20px;z-index:1000;pointer-events:none;display:flex;flex-direction:column;gap:12px;transition:transform .3s ease-out}#toast-container .toast-message{transition:transform .3s ease-out,opacity .3s ease-out,right .4s ease-out}.toast-message{position:relative;right:-300px;transform:translate(0);background:#fff;color:#000;font-size:14px;padding:7.5px 15px;border-radius:10px;border:1px solid #d3d3d3;box-shadow:0 30px 50px -9px #0a284430,0 18px 14px -8px #3d0c7b21,0 0 172px 30px #230a4226;opacity:0;transition:right .4s ease-out,opacity .3s ease-out;z-index:14;min-width:200px;max-width:350px;display:flex;align-items:center;gap:7.5px}.toast-message .toast-icon{width:30px;height:30px;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.toast-message .toast-icon img{width:30px;height:30px;flex-shrink:0;object-fit:contain}.toast-message .toast-icon.success{color:#10b981}.toast-message .toast-icon.error{color:#ef4444}.toast-message .toast-icon.info{color:#3b82f6}.toast-message .toast-content{flex:1;min-width:0}.toast-message .toast-title{font-weight:700;font-size:14px;color:#000;text-transform:capitalize}.toast-message .toast-message-text{font-size:14px;line-height:1.3}.toast-message.show{right:15px;opacity:1}.toast-message.hide{right:-300px;opacity:0;transition:right .3s ease-in,opacity .2s ease-in}.input-button-wrapper{display:flex;flex-direction:row;align-items:center;gap:15px}.input-button-wrapper h1,.input-button-wrapper h2,.input-button-wrapper h3,.input-button-wrapper h4,.input-button-wrapper p{flex-grow:2}.input-button-wrapper button{white-space:pre}label small{color:#fc5e5e}.custom-radio{position:relative;display:inline-flex;align-items:center;cursor:pointer;margin-right:15px;margin-bottom:15px}.custom-radio input[type=radio]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;border:1px solid #000000;border-radius:50%;background:#fff;margin-right:7.5px;outline:none;transition:border .2s;position:relative;cursor:pointer}.custom-radio input[type=radio]:checked{border:1px solid var(--primary-color);background:#fff;box-shadow:0 0 0 4px var(--primary-color) inset}.custom-radio input[type=radio]:focus{box-shadow:0 0 0 3px #faf5ff}.custom-radio input[type=radio]:disabled{border-color:#c3c3c3;background:#c3c3c3}.custom-radio span{font-size:14px;color:#000;-webkit-user-select:none;user-select:none}.radio-options-container{display:flex;flex-wrap:wrap;gap:15px;align-items:center;margin-bottom:15px}.top-gutter{padding-top:15px}.right-gutter{padding-right:15px}.bottom-gutter{padding-bottom:15px}.left-gutter{padding-left:15px}.no-right-gutter{padding-right:0!important}.no-left-gutter{padding-left:0!important}.no-top-gutter{padding-top:0!important}.no-bottom-gutter{padding-bottom:0!important}.top-gap{margin-top:15px}.right-gap{margin-right:15px}.bottom-gap{margin-bottom:15px}.left-gap{margin-left:15px}.no-top-gap{margin-top:0!important}.no-right-gap{margin-right:0!important}.no-bottom-gap{margin-bottom:0!important}.no-left-gap{margin-left:0!important}.no-flex-gutter{gap:0px!important}.horizontal-group{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:15px}.horizontal-group.space-between{justify-content:space-between}.horizontal-group.align-left{justify-content:flex-start}.horizontal-group.align-right{justify-content:flex-end}.horizontal-group.side-gaps{padding-left:15px;padding-right:15px}.pos-rel{position:relative!important}.vertical-group{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px}.vertical-group.align-left{align-items:flex-start}.vertical-group.align-right{align-items:flex-end}.vertical-group.align-center{align-items:center}.empty-block-50{height:50px;width:100%}.empty-block-100{height:100px;width:100%}.force-repaint{display:none}.no-layout-gap{gap:0px!important}.no-gaps{margin:0!important}.no-gaps-top{margin-top:0!important}.no-gaps-bottom{margin-bottom:0!important}.no-gutters{padding:0!important}.no-gutters-top{padding-top:0!important}.no-gutters-bottom{padding-bottom:0!important}.half-width{width:50%!important}.page-head-container{display:flex;flex-direction:row;justify-content:space-between;align-content:center;align-items:center;gap:15px}.page-head-container .top-bottom-flex{display:flex;flex-direction:column;width:100%}.page-head-container select{width:auto}.page-head-container button{white-space:nowrap}html.dark-mode{background:linear-gradient(180deg,#474e52,#282d30);transition-duration:.25s}html.dark-mode *{transition:background-color .25s,color .25s,border-color .25s,box-shadow .25s}html.dark-mode .wait-list-box{background:linear-gradient(#28292a,#1f1f1f);box-shadow:0 1px #ffffff1a;border-color:#333}html.dark-mode .wait-list-box svg>path:last-child{fill:#fff}html.dark-mode .form-group{background:linear-gradient(to bottom,#202121,#181a1b);border:1px solid #000000;box-shadow:0 1px #ffffff1a}html.dark-mode .footer{color:#a0a0a0;border-top:1px solid #333333;box-shadow:0 -1px #ffffff1a}html.dark-mode .divider{border-bottom:1px solid #000000!important}html.dark-mode .section-title{color:#fff}html.dark-mode .introduction{background-color:#1e1e1e;border-bottom:1px solid #333333;box-shadow:0 1px #ffffff0d}html.dark-mode .introduction .hero{background:linear-gradient(#28292a,#1f1f1f)!important;box-shadow:0 1px #ffffff1a!important;border-color:#333}html.dark-mode .x-up-container{background:linear-gradient(#28292a,#1f1f1f)!important;border-color:#333!important;box-shadow:0 1px #ffffff1a!important}html.dark-mode .nav{background-color:#1e1e1ee6;border-bottom:1px solid #333333;box-shadow:0 1px #ffffff0d}html.dark-mode .nav svg>path:last-child{fill:#fff}html.dark-mode .app-nav{background:#1e1e1e!important;box-shadow:0 1px #2c2c2c!important;border-bottom:1px solid rgb(0,0,0)!important}html.dark-mode .app-nav button[title=Settings] svg path{stroke:#fff}html.dark-mode .app-nav button[title=Settings] svg rect{stroke:#fff}html.dark-mode .app-nav button[title="Log Out"] svg path:first-child{stroke:#fff}html.dark-mode .app-nav button[title="Log Out"] svg path:last-child{fill:#fff}html.dark-mode .app-nav svg circle{stroke:#fff!important}html.dark-mode .app-nav svg>path:last-child{fill:#fff}html.dark-mode .stripe-notice,html.dark-mode .small-block .smaller{color:#a0a0a0!important}html.dark-mode .action{background:linear-gradient(to bottom,#202121,#181a1b)!important;border-color:#333!important;box-shadow:0 1px #ffffff1a}html.dark-mode .pricing-container .pricing-grid{background:linear-gradient(#28292a,#1f1f1f)!important;border-color:#333!important;box-shadow:0 1px #ffffff1a}html.dark-mode .pricing-container .pricing-grid .pricing-card{border-color:#333!important;background:linear-gradient(#28292a,#1f1f1f)}html.dark-mode .pricing-container .pricing-grid .pricing-card ul li{color:#fff}html.dark-mode .pricing-container .pricing-grid .pricing-card.current-plan{border-color:var(--primary-color)!important;box-shadow:0 0 12px -6px var(--primary-color)}html.dark-mode .pricing-container .pricing-grid .pricing-card.current-plan button.disabled{background:linear-gradient(to bottom,#202121,#181a1b);color:#a0a0a0;border:1px solid #333333}html.dark-mode .pricing-container .pricing-grid .pricing-card.current-plan button.disabled:hover{background:linear-gradient(to bottom,#202121,#181a1b)}html.dark-mode .pricing-container .feature-comparison-section h3,html.dark-mode .pricing-container .feature-comparison-section p{color:#fff!important}html.dark-mode .pricing-container .feature-comparison-grid{background:linear-gradient(#28292a,#1f1f1f)!important;border-color:#333!important;box-shadow:0 1px #ffffff1a}html.dark-mode .pricing-container .feature-grid-header{background:linear-gradient(to bottom,#3a3a3a,#2a2a2a)!important;border-bottom-color:#333!important}html.dark-mode .pricing-container .feature-grid-header .feature-name-header{background:linear-gradient(#28292a,#1f1f1f)!important;color:#fff!important;border-right-color:#333!important}html.dark-mode .pricing-container .feature-grid-header .plan-header{color:#fff!important;border-right-color:#333!important}html.dark-mode .pricing-container .feature-grid-header .plan-header.featured{background:linear-gradient(to bottom,rgba(var(--primary-color),.2),rgba(var(--primary-color),.1))!important;color:var(--primary-color)!important}html.dark-mode .pricing-container .feature-row{border-bottom-color:#333!important}html.dark-mode .pricing-container .feature-row.even{background:linear-gradient(#28292a,#1f1f1f)!important}html.dark-mode .pricing-container .feature-row.odd{background:linear-gradient(to bottom,#202121,#181a1b)!important}html.dark-mode .pricing-container .feature-row .feature-name{background:linear-gradient(#28292a,#1f1f1f)!important;color:#fff!important;border-right-color:#333!important}html.dark-mode .pricing-container .feature-row .feature-value{border-right-color:#333!important}html.dark-mode .pricing-container .feature-row .feature-value.included{color:#fff!important}html.dark-mode .pricing-container .feature-row .feature-value.not-included{color:#a0a0a0!important}html.dark-mode .help-menu{background:linear-gradient(#28292a,#1f1f1f);border-color:#333;color:#fff}html.dark-mode .table-wrapper .flexible-table{border:1px solid #000000;background:linear-gradient(#28292a,#1f1f1f)}html.dark-mode .table-wrapper .flexible-table tr:nth-child(2n){background:linear-gradient(to bottom,#202121,#181a1b)}html.dark-mode .table-wrapper .flexible-table tr:nth-child(odd){background-color:transparent}html.dark-mode .table-wrapper .flexible-table tr th{color:#fff;background:linear-gradient(to bottom,#202121,#181a1b);border-bottom:1px solid #000000}html.dark-mode .table-wrapper .flexible-table tr th:not(:last-child) .resizer{border-color:#000}html.dark-mode .table-wrapper .flexible-table tr:hover td{border-top-color:var(--primary-color);border-bottom-color:var(--primary-color);background-color:#2a2a2a;color:var(--primary-color)}html.dark-mode .table-wrapper .flexible-table tr:hover td:first-child{border-left-color:var(--primary-color)}html.dark-mode .table-wrapper .flexible-table tr:hover td:last-child button{color:#fff}html.dark-mode .table-wrapper .flexible-table tr:hover td:last-child:not(button){border-right-color:var(--primary-color)}html.dark-mode .dashboard-wrapper .dashboard-tools{background:#1e1e1e;border-bottom:1px solid #333333;box-shadow:0 1px #ffffff12!important}html.dark-mode .dashboard-wrapper .dashboard-tools .view-toggle{border:1px solid #000000;background:linear-gradient(to bottom,#202121,#181a1b);box-shadow:0 1px #ffffff1a inset}html.dark-mode .dashboard-wrapper .dashboard-tools .view-toggle button{background:transparent}html.dark-mode .dashboard-wrapper .dashboard-tools .view-toggle button svg rect{stroke:#fff;fill:none}html.dark-mode .dashboard-wrapper .dashboard-tools .view-toggle button.active{border-color:var(--primary-color);background:linear-gradient(to bottom,#202121,#181a1b)!important;background:linear-gradient(180deg,var(--primary-color) 30%,var(--primary-color-dark) 125%)}html.dark-mode .dashboard-wrapper .dashboard-tools .view-toggle button.active svg rect{fill:var(--primary-color)}html.dark-mode .dashboard-wrapper .test-tile{background:linear-gradient(#28292a,#1f1f1f);box-shadow:0 1px #ffffff1a;border-color:#333;color:#e0e0e0}html.dark-mode .dashboard-wrapper .test-tile .card-title{text-shadow:none;color:#e0e0e0}html.dark-mode .dashboard-wrapper .test-tile .description{color:#e0e0e0}html.dark-mode .dashboard-wrapper .test-tile .ellipse-menu{background:linear-gradient(#28292a,#1f1f1f);box-shadow:0 1px #ffffff1a;border-color:#333}html.dark-mode .dashboard-wrapper .test-tile:hover{border-color:var(--primary-color);box-shadow:0 0 16px rgba(var(--primary-color),.3)}html.dark-mode .figma-style,html.dark-mode .sketch-style{background-color:var(--primary-color-dark)}html.dark-mode .no-design-style{color:#e0e0e0;background:linear-gradient(to bottom,#202121,#181a1b);-webkit-user-select:none;user-select:none;box-shadow:0 1px #45494b!important}html.dark-mode .pill .pill-copy{color:#e0e0e0}html.dark-mode .sign-in-box{background:linear-gradient(#28292a,#1f1f1f)!important;box-shadow:0 1px #ffffff1a!important;border-color:#333}html.dark-mode .settings-wrapper .account-sidebar,html.dark-mode .settings-wrapper .account-content{background:linear-gradient(#212222,#181819)!important;box-shadow:#ffffff1a 0 1px!important;border-color:#2a2a2a!important;color:#a4a4a4!important}html.dark-mode .settings-wrapper .account-sidebar button,html.dark-mode .settings-wrapper .account-content button{background:linear-gradient(to bottom,#202121,#181a1b)!important;border-color:#000!important;color:#fff!important}html.dark-mode .settings-wrapper .account-sidebar button:hover,html.dark-mode .settings-wrapper .account-content button:hover{border-color:var(--primary-color)!important;box-shadow:0 0 12px -6px var(--primary-color)!important}html.dark-mode .settings-wrapper .account-sidebar button.selected,html.dark-mode .settings-wrapper .account-content button.selected{background:var(--primary-color)!important;border-color:var(--primary-color)!important;color:#fff!important}html.dark-mode .settings-wrapper section{background:linear-gradient(#28292a,#1f1f1f)!important;box-shadow:0 1px #ffffff1a!important;border-color:#333!important;color:#e0e0e0!important}html.dark-mode .settings-wrapper .plan-card{background:none!important;background-image:none!important;background:linear-gradient(to bottom,#202121,#181a1b)!important;box-shadow:0 1px #ffffff1a!important;border-color:#000!important;color:#e0e0e0!important}html.dark-mode .thank-you-card{background:linear-gradient(#28292a,#1f1f1f);box-shadow:0 1px #ffffff1a;border-color:#333;color:#e0e0e0;align-items:center}html.dark-mode .test-detail-page .details-sidebar{background:linear-gradient(#212222,#181819)!important;box-shadow:#ffffff1a 0 1px!important;border-color:#000!important;color:#a4a4a4!important}html.dark-mode .test-detail-page .details-sidebar .form-group{background:linear-gradient(to bottom,#202121,#181a1b);border:1px solid #000000}html.dark-mode .test-detail-page .details-sidebar .pinned-button-container{border-top:1px solid rgba(255,255,255,.1);box-shadow:0 -1px #000}html.dark-mode .test-detail-page .details-sidebar .toggle-container{background:linear-gradient(to bottom,#202121,#181a1b);border:1px solid transparent;box-shadow:0 1px #ffffff1a}html.dark-mode .test-detail-page .details-sidebar .toggle-container .toggle-segment{background:transparent;color:#e0e0e0}html.dark-mode .test-detail-page .details-sidebar .toggle-container .toggle-segment:hover{background-color:transparent;border:1px solid var(--primary-color)}html.dark-mode .test-detail-page .details-sidebar .toggle-container .toggle-segment.active-segment{background:#2a2a2a;color:#e0e0e0}html.dark-mode .test-detail-page .details-sidebar .toggle-container .toggle-segment.active-segment:hover{background:#2a2a2a;border:1px solid transparent}html.dark-mode .test-detail-page .details-sidebar .toggle-container .tab-pill{background:#2a2a2a;box-shadow:0 1px #ffffff1a}html.dark-mode .test-detail-page .prototype-wrapper{box-shadow:0 1px #ffffff1a}html.dark-mode .test-detail-page .prototype-wrapper .responses-list{border:1px solid #333333;background:linear-gradient(#28292a,#1f1f1f)!important}html.dark-mode .test-detail-page .prototype-wrapper .responses-list .response-item{color:#e0e0e0;background:linear-gradient(#28292a,#1f1f1f);border-color:#333;box-shadow:unset}html.dark-mode .test-detail-page .prototype-wrapper .responses-list .response-item small{color:#e0e0e0}html.dark-mode .test-detail-page .prototype-wrapper .responses-list .response-item svg circle{stroke:#fff}html.dark-mode .test-detail-page .prototype-wrapper .responses-list .response-item svg path{fill:#fff}html.dark-mode .test-detail-page .prototype-wrapper .responses-list button svg path{stroke:#fff}html.dark-mode .test-detail-page .prototype-wrapper .responses-list .graph-container div{background:linear-gradient(#28292a,#1f1f1f);border:1px solid transparent}html.dark-mode .test-detail-page .prototype-wrapper .responses-list .graph-container div:not(:first-child){border-left:1px solid #333333;border-right:1px solid #333333}html.dark-mode .test-detail-page .prototype-wrapper .responses-list .graph-container:nth-child(2) div:not(:first-child){box-shadow:0 1px #ffffff1a inset;border-top:1px solid #333333}html.dark-mode .test-detail-page .prototype-wrapper .responses-list .graph-container:last-child div:not(:first-child){border-bottom:1px solid #333333}html.dark-mode .test-detail-page .prototype-container{background:linear-gradient(#28292a,#1f1f1f);box-shadow:0 1px #ffffff1a;border-color:#333;color:#e0e0e0}html.dark-mode .test-detail-page .prototype-container .zoom-level-input div{color:#fff!important}html.dark-mode .test-detail-page .results-view{background:linear-gradient(#28292a,#1f1f1f);box-shadow:0 1px #ffffff1a;border-color:#333;color:#e0e0e0}html.dark-mode a{color:#e0e0e0}html.dark-mode a:hover{color:var(--primary-color)}html.dark-mode .no-content{color:#e0e0e0}html.dark-mode .modal{background:linear-gradient(#28292a,#1f1f1f)!important;border-color:#333;box-shadow:0 1px #ffffff1a}html.dark-mode .modal section{background:linear-gradient(#28292a,#1f1f1f);box-shadow:0 1px #ffffff1a;border-color:#333;color:#e0e0e0}html.dark-mode button{color:#fff;border:1px solid #000000;background:linear-gradient(to bottom,#202121,#181a1b)!important;box-shadow:0 1px #23272a!important}html.dark-mode button:hover{border-color:var(--primary-color);background:linear-gradient(to bottom,#23272a,#181a1b)!important;box-shadow:0 0 12px rgba(var(--primary-color),.3);transition:background-color .25s ease,border-color .15s ease,box-shadow .25s ease}html.dark-mode button:active{box-shadow:0 1px #ffffff1a inset;background:linear-gradient(to bottom,#323232,#2a2a2a)!important}html.dark-mode button.selected{background-color:transparent;background:linear-gradient(180deg,var(--primary-color) 30%,var(--primary-color-dark) 125%)}html.dark-mode button.selected:hover{border-color:#333!important;box-shadow:0 1px #ffffff1a}html.dark-mode button .outter{stroke:#fff}html.dark-mode button .inner{fill:#fff}html.dark-mode button.result-item path{stroke:#fff}html.dark-mode button.ellipse-button{border:unset;background-color:unset}html.dark-mode button.ellipse-button .outter{stroke:#fff}html.dark-mode button.ellipse-button .inner{fill:#fff}html.dark-mode button.ellipse-button:hover .outter{fill:rgba(var(--primary-color),.15)}html.dark-mode button.cta{background-color:var(--primary-color)!important;color:#fff;border-color:#000;box-shadow:0 1px rgba(var(--primary-color),.3)!important;transition:background-color .25s ease,border-color .15s ease,box-shadow .25s ease}html.dark-mode button.cta:hover{background-color:var(--primary-color-dark)!important;background:unset;color:#fff;border-color:transparent;box-shadow:0 1px rgba(var(--primary-color),.4)!important;transition:background-color .25s ease,border-color .15s ease,box-shadow .25s ease}html.dark-mode button.cta:active{background-color:var(--primary-color-dark);border-color:transparent;color:#fff;box-shadow:0 1px rgba(var(--primary-color),.2);transition:background-color .25s ease,border-color .15s ease,box-shadow .25s ease}html.dark-mode button.copy-button path{stroke:#fff}html.dark-mode button.secondary-button{background:linear-gradient(to bottom,#202121,#181a1b)!important;border-color:#000;color:#fff}html.dark-mode button.secondary-button:hover{border-color:var(--primary-color);background:linear-gradient(to bottom,#424242,#3a3a3a)!important}html.dark-mode input,html.dark-mode textarea{color:#fff;background:linear-gradient(to bottom,#202121,#181a1b);border:1px solid #333333}html.dark-mode input:focus,html.dark-mode textarea:focus{border:1px solid var(--primary-color)}html.dark-mode .custom-select{color:#fff;background:linear-gradient(#28292a,#1f1f1f);border-color:#333;box-shadow:0 1px #ffffff1a}html.dark-mode .custom-select:after{background-color:#fff}html.dark-mode .custom-select:hover{border-color:var(--primary-color);box-shadow:0 0 12px rgba(var(--primary-color),.3);transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}html.dark-mode .display-select{color:#a0a0a0;background:linear-gradient(#28292a,#1f1f1f);border-color:#333;box-shadow:0 1px #ffffff1a}html.dark-mode .display-select:after{background-color:#a0a0a0}html.dark-mode .display-select:hover{border-color:var(--primary-color);box-shadow:0 0 12px rgba(var(--primary-color),.3);transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}html.dark-mode .accent-color-selection .color-swatch.selected{border:1px solid #2a2a2a!important;box-shadow:0 0 0 2px #2a2a2a,0 0 0 4px var(--primary-color)!important}html.dark-mode .persona-group-wrapper{background:linear-gradient(#28292a,#1f1f1f);border-color:#333;box-shadow:0 1px #ffffff1a}html.dark-mode .persona-group-wrapper:hover{border-color:var(--primary-color);box-shadow:0 0 16px -8px var(--primary-color)}html.dark-mode .persona-group-title{color:#fff}html.dark-mode .persona-group-count-badge,html.dark-mode .persona-group-description{color:#a0a0a0}html.dark-mode .persona-card-in-group{background:#2a2a2a;border-color:#333}html.dark-mode .persona-card-in-group .persona-card-title{color:#fff}html.dark-mode .persona-card-in-group .persona-card-description{color:#a0a0a0}html.dark-mode .persona-card-in-group:hover,html.dark-mode .persona-card-in-group.selected{border-color:var(--primary-color);box-shadow:0 0 8px -2px var(--primary-color)}html.dark-mode .toggle-container{background:#2b2b2b;border:1px solid #000000;box-shadow:0 1px #ffffff1a}html.dark-mode .toggle-container .toggle-segment{background:transparent!important;color:#fff;border-color:transparent}html.dark-mode .toggle-container .toggle-segment:hover{background-color:transparent;border:1px solid var(--primary-color)}html.dark-mode .toggle-container .toggle-segment.active{background:linear-gradient(to bottom,#202121,#181a1b)!important;color:#fff;border-color:var(--primary-color)!important}html.dark-mode .toggle-container .toggle-segment.active:hover{background:linear-gradient(to bottom,#202121,#181a1b)!important;border:1px solid transparent}html.dark-mode .toggle-container .tab-pill{background:#2a2a2a;box-shadow:0 1px #ffffff1a}html.dark-mode .tree-test-builder{background:linear-gradient(#28292a,#1f1f1f)}html.dark-mode .tree-test-builder .builder-header{background:linear-gradient(#28292a,#1f1f1f);border-bottom-color:#333;color:#fff}html.dark-mode .tree-test-builder .builder-header .back-btn,html.dark-mode .tree-test-builder .builder-header .help-btn{background:linear-gradient(to bottom,#202121,#181a1b);border-color:#333;color:#fff}html.dark-mode .tree-test-builder .builder-header .back-btn:hover,html.dark-mode .tree-test-builder .builder-header .help-btn:hover{background:#2a2a2a;border-color:var(--primary-color)}html.dark-mode .tree-test-builder .builder-header h1{color:#fff}html.dark-mode .tree-test-builder .builder-content .left-panel,html.dark-mode .tree-test-builder .builder-content .right-panel{background:linear-gradient(#28292a,#1f1f1f);border-color:#333;color:#fff}html.dark-mode .tree-test-builder .builder-content .left-panel h3,html.dark-mode .tree-test-builder .builder-content .right-panel h3,html.dark-mode .tree-test-builder .builder-content .left-panel .form-group label,html.dark-mode .tree-test-builder .builder-content .right-panel .form-group label{color:#fff}html.dark-mode .tree-test-builder .builder-content .left-panel .form-group input,html.dark-mode .tree-test-builder .builder-content .left-panel .form-group textarea,html.dark-mode .tree-test-builder .builder-content .left-panel .form-group select,html.dark-mode .tree-test-builder .builder-content .right-panel .form-group input,html.dark-mode .tree-test-builder .builder-content .right-panel .form-group textarea,html.dark-mode .tree-test-builder .builder-content .right-panel .form-group select{background:linear-gradient(to bottom,#202121,#181a1b)!important;border-color:#000!important;color:#fff}html.dark-mode .tree-test-builder .builder-content .left-panel .form-group input:focus,html.dark-mode .tree-test-builder .builder-content .left-panel .form-group textarea:focus,html.dark-mode .tree-test-builder .builder-content .left-panel .form-group select:focus,html.dark-mode .tree-test-builder .builder-content .right-panel .form-group input:focus,html.dark-mode .tree-test-builder .builder-content .right-panel .form-group textarea:focus,html.dark-mode .tree-test-builder .builder-content .right-panel .form-group select:focus{border-color:var(--primary-color)}html.dark-mode .tree-test-builder .builder-content .tree-builder{background:#2a2a2a}html.dark-mode .tree-test-builder .builder-content .tree-builder .tree-node-builder .tree-node-label{background:linear-gradient(to bottom,#202121,#181a1b);border-color:#333;color:#fff}html.dark-mode .tree-test-builder .builder-content .tree-builder .tree-node-builder .tree-node-label:hover{background:#2a2a2a;border-color:var(--primary-color)}html.dark-mode .tree-test-builder .builder-content .tree-builder .tree-node-builder .tree-node-label.selected{background:var(--primary-color);color:#fff}html.dark-mode .tree-test-builder .builder-content .tree-builder .tree-node-builder .action-btn{background:linear-gradient(to bottom,#202121,#181a1b);border-color:#333;color:#fff}html.dark-mode .tree-test-builder .builder-content .tree-builder .tree-node-builder .action-btn:hover{background:#2a2a2a;border-color:var(--primary-color)}html.dark-mode .tree-test-builder .builder-content .tasks-list .task-item{background:#2a2a2a;border-color:#333}html.dark-mode .tree-test-builder .builder-content .tasks-list .task-item .task-prompt{color:#fff}html.dark-mode .tree-test-builder .builder-content .tasks-list .task-item .task-target .target-node{background:linear-gradient(to bottom,#202121,#181a1b);color:#fff}html.dark-mode .tree-test-builder .builder-content .tasks-list .no-tasks{color:#ffffffb3}html.dark-mode .tree-test-preview{background:linear-gradient(#28292a,#1f1f1f)}html.dark-mode .tree-test-preview .preview-header{background:linear-gradient(#28292a,#1f1f1f);border-bottom-color:#333;color:#fff}html.dark-mode .tree-test-preview .preview-header .back-btn{background:linear-gradient(to bottom,#202121,#181a1b);border-color:#333;color:#fff}html.dark-mode .tree-test-preview .preview-header .back-btn:hover{background:#2a2a2a;border-color:var(--primary-color)}html.dark-mode .tree-test-preview .preview-header h2{color:#fff}html.dark-mode .tree-test-preview .preview-content .task-panel,html.dark-mode .tree-test-preview .preview-content .tree-panel,html.dark-mode .tree-test-preview .preview-content .results-panel{background:linear-gradient(#28292a,#1f1f1f);border-color:#333;color:#fff}html.dark-mode .tree-test-preview .preview-content .task-panel h3,html.dark-mode .tree-test-preview .preview-content .tree-panel h3,html.dark-mode .tree-test-preview .preview-content .results-panel h3,html.dark-mode .tree-test-preview .preview-content .task-panel .task-prompt,html.dark-mode .tree-test-preview .preview-content .tree-panel .task-prompt,html.dark-mode .tree-test-preview .preview-content .results-panel .task-prompt{color:#fff}html.dark-mode .tree-test-preview .preview-content .task-panel .task-instructions,html.dark-mode .tree-test-preview .preview-content .tree-panel .task-instructions,html.dark-mode .tree-test-preview .preview-content .results-panel .task-instructions{color:#ffffffb3}html.dark-mode .tree-test-preview .preview-content .tree-container{background:#2a2a2a}html.dark-mode .tree-test-preview .preview-content .tree-container .tree-node-preview .expand-btn,html.dark-mode .tree-test-preview .preview-content .tree-container .tree-node-preview .node-btn{background:linear-gradient(to bottom,#202121,#181a1b);border-color:#333;color:#fff}html.dark-mode .tree-test-preview .preview-content .tree-container .tree-node-preview .expand-btn:hover,html.dark-mode .tree-test-preview .preview-content .tree-container .tree-node-preview .node-btn:hover{background:#2a2a2a;border-color:var(--primary-color)}html.dark-mode .tree-test-preview .preview-content .path-display{background:#2a2a2a;border-color:#333;color:#fff}html.dark-mode .modal-overlay .modal-content{background:linear-gradient(#28292a,#1f1f1f);border-color:#333;color:#fff}html.dark-mode .modal-overlay .modal-content h3,html.dark-mode .modal-overlay .modal-content .form-group label{color:#fff}html.dark-mode .modal-overlay .modal-content .form-group input,html.dark-mode .modal-overlay .modal-content .form-group textarea,html.dark-mode .modal-overlay .modal-content .form-group select{background:linear-gradient(to bottom,#202121,#181a1b);border-color:#000;color:#fff}html.dark-mode .modal-overlay .modal-content .form-group input:focus,html.dark-mode .modal-overlay .modal-content .form-group textarea:focus,html.dark-mode .modal-overlay .modal-content .form-group select:focus{border-color:var(--primary-color)}html.dark-mode .modal-overlay .modal-content .modal-actions .cancel-btn{background:linear-gradient(to bottom,#202121,#181a1b);border-color:#333;color:#fff}html.dark-mode .modal-overlay .modal-content .modal-actions .cancel-btn:hover{background:#2a2a2a;border-color:var(--primary-color)}html.dark-mode .prototype-wrapper{border-color:#000!important;background:unset!important}html.dark-mode .card-sort-results-main{border-color:#000!important;background:linear-gradient(to bottom,#202121,#181a1b)!important}html.dark-mode .card-sort-results-main .summary-card{background:linear-gradient(to bottom,#202121,#181a1b)!important;border-color:#000!important;box-shadow:0 1px #ffffff1a!important}html.dark-mode .card-sort-results-main .results-section{box-shadow:0 1px #ffffff1a!important;border-color:#000!important;background:linear-gradient(to bottom,#202121,#181a1b)!important}html.dark-mode .card-sort-results-main .heatmap-card-name{background:unset!important}html.dark-mode .card-sort-results-main .group-popularity-count{color:#fff!important}html.dark-mode .card-sort-results-main .group-popularity-bar{background:#000!important}html.dark-mode .card-sort-results-main .results-table .card-name{background:unset!important}html.dark-mode .overview-section .dashboard-section{background:linear-gradient(#28292a,#1f1f1f);border-color:#2a2a2a;box-shadow:var(--dark-box-shadow)}html.dark-mode .overview-section .dashboard-section .dashboard-header h2{color:#e0e0e0}html.dark-mode .overview-section .dashboard-section .dashboard-header .ues-score-card{background:#2a2a2a;border-color:#2a2a2a;box-shadow:var(--dark-box-shadow)}html.dark-mode .overview-section .dashboard-section .dashboard-header .ues-score-card .score-circle{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-color-dark) 100%);box-shadow:0 4px 12px rgba(var(--primary-color),.4)}html.dark-mode .overview-section .dashboard-section .dashboard-header .ues-score-card .score-circle.excellent{background:linear-gradient(-45deg,#00d4aa,#09f);box-shadow:0 4px 12px #00d4aa80}html.dark-mode .overview-section .dashboard-section .dashboard-header .ues-score-card .score-circle.good{background:linear-gradient(-45deg,#02efbb,#1768f3);box-shadow:0 4px 12px #10b98180}html.dark-mode .overview-section .dashboard-section .dashboard-header .ues-score-card .score-circle.moderate{background:linear-gradient(-45deg,#ffb800,#ff8a00);box-shadow:0 4px 12px #ffb80080}html.dark-mode .overview-section .dashboard-section .dashboard-header .ues-score-card .score-circle.poor{background:linear-gradient(-45deg,#fe1ba4,#9b4afe);box-shadow:0 4px 12px #f50bf580}html.dark-mode .overview-section .dashboard-section .dashboard-header .ues-score-card .score-circle.bad{background:linear-gradient(-45deg,#ff1b1a 29.5%,#ffaa2e 99.44%);box-shadow:0 4px 12px #ef444480}html.dark-mode .overview-section .dashboard-section .dashboard-header .ues-score-card .score-circle .score-number,html.dark-mode .overview-section .dashboard-section .dashboard-header .ues-score-card .score-circle .score-label{color:#fff}html.dark-mode .overview-section .dashboard-section .dashboard-header .ues-score-card .score-details h3{color:#e0e0e0}html.dark-mode .overview-section .dashboard-section .dashboard-header .ues-score-card .score-details .score-insight{color:#a0a0a0}html.dark-mode .overview-section .dashboard-section .task-breakdown h3{color:#e0e0e0}html.dark-mode .overview-section .dashboard-section .task-breakdown .breakdown-table{background:#2a2a2a;border-color:#2a2a2a;box-shadow:var(--dark-box-shadow)}html.dark-mode .overview-section .dashboard-section .task-breakdown .breakdown-table .table-header{background:#3a3a3a;border-color:#2a2a2a}html.dark-mode .overview-section .dashboard-section .task-breakdown .breakdown-table .table-header .task-column,html.dark-mode .overview-section .dashboard-section .task-breakdown .breakdown-table .table-header .difficulty-col{color:#e0e0e0;border-color:#2a2a2a}html.dark-mode .overview-section .dashboard-section .task-breakdown .breakdown-table .table-body .table-row{border-color:#2a2a2a}html.dark-mode .overview-section .dashboard-section .task-breakdown .breakdown-table .table-body .table-row:hover{background:#ffffff0d}html.dark-mode .overview-section .dashboard-section .task-breakdown .breakdown-table .table-body .table-row .task-name{color:#e0e0e0;border-color:#2a2a2a}html.dark-mode .overview-section .dashboard-section .task-breakdown .breakdown-table .table-body .table-row .difficulty-indicators .difficulty-cell{border-color:#2a2a2a}html.dark-mode .overview-section .dashboard-section .task-breakdown .breakdown-table .table-body .table-row .difficulty-indicators .difficulty-cell.active{background:rgba(var(--primary-color),.2)}html.dark-mode .overview-section .dashboard-section .responses-section h3{color:#e0e0e0}html.dark-mode .overview-section .dashboard-section .responses-list{background-color:#2a2a2a;border-color:#2a2a2a;box-shadow:var(--dark-box-shadow)}.video-player-wrapper{position:fixed;top:30px;left:30px;right:30px;bottom:30px;display:flex;align-items:center;justify-content:center;z-index:1000}.video-player{position:relative;max-width:100vh}.video-player video{width:100%;height:auto;border-radius:10px;box-shadow:0 30px 50px -9px #0a284430,0 18px 14px -8px #3d0c7b21,0 0 172px 30px #230a4226;border:1px solid rgba(0,0,0,.2117647059)}.video-close-button{position:absolute;display:none!important;top:-40px;right:-40px;background:#000!important;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1;transition:background-color .2s}.plyr{height:100%}.plyr [class*=plyr__control],.plyr [class*=plyr__captions],.plyr .plyr__sr-only,.plyr .plyr__time{display:none!important}.plyr--video{border-radius:8px}.unsupported-message{color:#fff;text-align:center;padding:20px;background:#000c;border-radius:8px;max-width:600px;margin:0 auto}.unsupported-message a{color:#3b82f6;text-decoration:underline}.unsupported-message a:hover{color:#2563eb}.settings-wrapper{display:flex;flex-direction:column;height:calc(100vh - 77px);gap:15px;padding:15px}.settings-wrapper .settings-nav-wrapper{height:100%}.settings-wrapper .settings-section-wrapper{display:flex;flex-direction:row;gap:30px;width:100%}.settings-wrapper .settings-section-wrapper .settings-content-container{display:flex;flex-direction:column;gap:15px;width:20%}.settings-wrapper .settings-section-wrapper .table-wrapper{padding:0;margin-top:0}.settings-wrapper .settings-section-wrapper .seats-remaining{color:#c3c3c3}.settings-wrapper .settings-section-wrapper .flexible-table tr td:last-child{text-align:left}.settings-wrapper .settings-content-wrapper{display:flex;flex-direction:row;height:100%;gap:30px}.settings-wrapper .settings-content-wrapper .account-sidebar{display:flex;flex-direction:column;background:linear-gradient(to bottom,#fff,#f8f8fb);padding:15px;border-radius:10px;box-shadow:var(--default-box-shadow);border:1px solid #e5e9ef;gap:15px;height:100%;width:250px;min-width:250px}.settings-wrapper .settings-content-wrapper .account-content{display:flex;flex-grow:2;flex-direction:column;background:linear-gradient(to bottom,#fff,#f8f8fb);padding:30px 210px;border-radius:10px;box-shadow:var(--default-box-shadow);border:1px solid #e5e9ef;gap:15px;height:100%;overflow-y:scroll;opacity:1;transition:opacity .3s ease-in-out}.settings-wrapper .settings-content-wrapper .account-content.tab-changing{opacity:0}.settings-wrapper .settings-content-wrapper .account-content h2{font-size:20px;font-weight:600}.settings-wrapper .settings-content-wrapper .account-content h3{font-weight:600}.settings-wrapper .settings-content-wrapper .account-content .table-wrapper .flexible-table{table-layout:fixed}.settings-wrapper .settings-content-wrapper .account-content .accent-color-selection{display:flex;flex-direction:row;gap:15px;flex-wrap:wrap;justify-content:flex-end}.settings-wrapper .settings-content-wrapper .account-content .accent-color-selection .color-swatch{width:32px;height:32px;border-radius:50%;border:2px solid transparent;display:flex;align-items:center;justify-content:center;transition:all .2s ease-in-out;color:#fff;font-size:16px;text-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 1px #fff}.settings-wrapper .settings-content-wrapper .account-content .accent-color-selection .color-swatch.selected{border:2px solid var(--primary-color);box-shadow:0 0 0 2px #f6f6f6,0 0 0 4px var(--primary-color)}.settings-wrapper .settings-content-wrapper .settings-content-container{display:flex;flex-direction:column;gap:15px}.settings-wrapper .side-by-side-container{display:flex;flex-direction:row;gap:30px;justify-content:space-between}.settings-wrapper .side-by-side-container>div{display:flex;flex-direction:column}.settings-wrapper .side-by-side-container>div:first-child{width:45%}.settings-wrapper .side-by-side-container>div:last-child{justify-content:start;align-items:start;width:45%}.settings-wrapper .side-by-side-container>div:last-child>div,.settings-wrapper .side-by-side-container>div:last-child form{width:100%}.settings-wrapper .side-by-side-container>div.toggle-switch-wrapper{display:flex;flex-direction:row;gap:15px;align-items:center;justify-content:flex-end}.settings-wrapper .plan-wrapper{display:flex;flex-direction:row;gap:15px}.settings-wrapper .plan-wrapper .plan-card,.settings-wrapper .plan-wrapper .addon-card{position:relative;display:flex;flex-direction:column;padding:15px;width:25%;flex-grow:2;border-radius:10px;box-shadow:0 1px #fff;border:1px solid #e6e6e6;font-size:14px;background:linear-gradient(to bottom,#fff,#f8f8fb);list-style-type:none;transition:all .2s ease-in-out}.settings-wrapper .plan-wrapper .plan-card.current-plan,.settings-wrapper .plan-wrapper .addon-card.current-plan{border:1px solid var(--primary-color);box-shadow:0 0 12px -6px var(--primary-color)}.settings-wrapper .plan-wrapper .plan-card.current-plan .plan-name,.settings-wrapper .plan-wrapper .addon-card.current-plan .plan-name{color:var(--primary-color)}.settings-wrapper .plan-wrapper .plan-card.current-plan button,.settings-wrapper .plan-wrapper .addon-card.current-plan button{background-color:#0000000d!important;color:#0006!important;box-shadow:unset!important;cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none;text-shadow:none}.settings-wrapper .plan-wrapper .plan-card .plan-name,.settings-wrapper .plan-wrapper .plan-card .addon-name,.settings-wrapper .plan-wrapper .addon-card .plan-name,.settings-wrapper .plan-wrapper .addon-card .addon-name{align-self:center;font-size:18px;font-weight:700}.settings-wrapper .plan-wrapper .plan-card .pricing-section,.settings-wrapper .plan-wrapper .addon-card .pricing-section{width:100%;text-align:center;margin-bottom:12px}.settings-wrapper .plan-wrapper .plan-card .plan-price,.settings-wrapper .plan-wrapper .addon-card .plan-price{width:100%;text-align:center;font-size:22px;font-weight:700;margin-bottom:4px}.settings-wrapper .plan-wrapper .plan-card .plan-price span,.settings-wrapper .plan-wrapper .addon-card .plan-price span{font-size:12px;font-weight:400;color:#858585;padding-left:5px}.settings-wrapper .plan-wrapper .plan-card .yearly-pricing,.settings-wrapper .plan-wrapper .addon-card .yearly-pricing{width:100%;text-align:center;font-size:13px;font-weight:600;color:#10b981;margin:0}.settings-wrapper .plan-wrapper .plan-card .yearly-pricing .yearly-total,.settings-wrapper .plan-wrapper .addon-card .yearly-pricing .yearly-total{font-size:10px;font-weight:400;color:#999}.settings-wrapper .plan-wrapper .plan-card p:not(.plan-name),.settings-wrapper .plan-wrapper .addon-card p:not(.plan-name){margin-bottom:5px}.settings-wrapper .plan-wrapper .plan-card p:not(.plan-name):last-of-type,.settings-wrapper .plan-wrapper .addon-card p:not(.plan-name):last-of-type{margin-bottom:unset}.settings-wrapper .plan-wrapper .plan-card p:not(.plan-name).false,.settings-wrapper .plan-wrapper .addon-card p:not(.plan-name).false{color:#858585;text-decoration:line-through}.settings-wrapper .plan-wrapper .plan-card button,.settings-wrapper .plan-wrapper .addon-card button{align-self:center}.settings-wrapper .theme-selection{display:flex;flex-direction:row;justify-content:end;gap:15px}.settings-wrapper .theme-selection .theme-button{transition:border-width .15s ease-in-out}.settings-wrapper .theme-selection .theme-button.selected{border:1px solid var(--primary-color);box-shadow:0 0 12px -6px var(--primary-color);transition:border-width .15s ease-in-out}.settings-wrapper .theme-selection .theme-button.selected:hover{border-color:var(--primary-color)!important}.theme-selection-item{display:flex;flex-direction:column;gap:15px;align-items:center}.theme-selection-item div{font-size:12px}.appearance-button{padding:unset!important;overflow:hidden;box-shadow:0 1px #fff;border:1px solid #e6e6e6;transition:border-width .5s ease-in-out;height:90px}.appearance-button~div{padding:3px 7.5px;border-radius:20px}.appearance-button.selected{border:1px solid var(--primary-color);box-shadow:0 0 12px -6px var(--primary-color);transition:border-width .5s ease-in-out}.appearance-button.selected:hover{border:1px solid var(--primary-color)!important;box-shadow:0 0 12px -6px var(--primary-color)}.appearance-button.selected~div{color:#fff;background-color:var(--primary-color);box-shadow:0 1px #fff}.section-title{color:#000;font-size:30px!important}.support-icon{width:75px;height:75px;-webkit-user-select:none;user-select:none;pointer-events:none}.upgrade-note{color:#fc5e5e;font-size:12px;margin-top:15px}@media screen and (max-width: 1650px) and (min-width: 1200px){.account-content{padding-right:15px!important;padding-left:15px!important}}@media screen and (max-width: 1199px){.account-content{padding-right:15px!important;padding-left:15px!important}.plan-wrapper{flex-direction:column!important}}.account-id-display{font-family:Courier New,monospace;font-size:14px;font-weight:600;color:#000;background:#d3d3d34d;padding:8px 12px;border-radius:10px;border:1px solid rgba(195,195,195,.2);word-break:break-all;-webkit-user-select:all;user-select:all;text-transform:uppercase;text-align:right;margin-left:auto}.help-text{color:#c3c3c3;font-size:12px;margin-top:4px;font-style:italic}.admin-bar-visible .settings-wrapper{height:calc(100vh - 121px);margin-top:44px}.text-muted{color:#0009;font-style:italic;font-size:14px;line-height:2.75}.debug-categories{margin-top:15px;padding-left:15px;border-left:2px solid #d3d3d3}.debug-categories .debug-category-item{margin-bottom:7.5px}.debug-categories .debug-category-item:last-child{margin-bottom:0}.debug-categories .debug-category-item .debug-category-name{font-size:14px;font-weight:500;color:#c3c3c3;margin:0}.debug-categories .debug-category-item .side-by-side-container{gap:15px}.debug-categories .debug-category-item .side-by-side-container>div:first-child{width:60%}.debug-categories .debug-category-item .side-by-side-container>div:last-child{width:40%}.code-input{min-height:300px!important;resize:vertical!important}.dashboard-wrapper{padding:0;height:100%}.dashboard-progress-wrapper{position:relative;width:100%;min-height:calc(100vh - 200px);display:flex;justify-content:center;align-items:center;flex-direction:column;background:transparent}.dashboard-progress-wrapper .progress-bar{width:20vw;height:1px;background:#e0e0e0;margin:15px 0;overflow:hidden;position:relative}.dashboard-progress-wrapper .progress-bar:after{content:"";display:block;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--primary-color),transparent);animation:progress-bar-animation 1.5s ease-in-out infinite}@keyframes progress-bar-animation{0%{transform:translate(-100%)}to{transform:translate(100%)}}.prototype-badge{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:9999px;font-weight:500;transition:all .3s ease-in-out}.figma-style,.sketch-style,.no-design-style{background-color:#454f8814;color:#000;-webkit-user-select:none;user-select:none;box-shadow:0 1px #fff}.results-label{color:#000;-webkit-user-select:none;user-select:none}.results-label.true,.results-label.false{color:#000}.sort-indicator{font-size:12px;margin-left:5px;transition:transform .2s ease}.logo-icon{width:15px;height:15px}.expansion-div{flex-grow:2}.floating-button{position:fixed;bottom:15px;right:8px;background:var(--primary-color)!important;border:none;padding:10px!important;border-radius:50px;font-size:16px;cursor:pointer;box-shadow:0 5px 4px -5px var(--primary-color);transition:background-color .2s ease;z-index:5}.floating-button:hover{background:var(--primary-color-dark)!important;box-shadow:0 2px 4px -3px var(--primary-color)}.view-toggle{display:flex;flex-direction:row;font-size:100%;gap:5px!important;padding:3px;border:1px solid #e5e7eb;border-radius:13px;box-shadow:0 1px #fff}.view-toggle button{padding:7.5px 15px!important;min-height:unset;background:#dfe0e44d!important;border-color:#ddd;box-shadow:0 1px #fff}.view-toggle button.active{border-color:#d3d3d380;background:linear-gradient(180deg,#fff 64.82%,#f5f5f5 117.86%)!important;transition:background-color .25s ease,border-color .15s ease,box-shadow .25s ease;box-shadow:0 1px #fff;cursor:default}.view-toggle button.active rect{fill:#000}.toggle-button{display:flex;align-items:center;justify-content:center;border:none;border-radius:10px;padding:8px 16px;font-size:14px;font-weight:500;background-color:#f4f4f4;color:#333;cursor:pointer;transition:all .2s ease-in-out;height:40px}.toggle-button .icon{font-size:18px;margin-right:6px}.grid-view{background-color:#007bff;color:#fff;width:40px;height:40px;border-radius:10px}.list-view{background-color:#1c1c1c;color:#fff;width:auto;height:40px;border-radius:10px;padding:8px 16px}@media (max-width: 768px){.test-table{display:block;overflow-x:auto;white-space:nowrap}.test-table thead{display:none}.test-table tr{display:block;border:1px solid #ddd;border-radius:8px;padding:10px;margin-bottom:10px}.test-table td{display:flex;justify-content:space-between;padding:8px}.test-table td:before{content:attr(data-label);font-weight:600}}.admin-bar-visible .experience-wrapper{margin-top:44px}.form{display:flex;flex-direction:column;gap:15px}.form .form-help-text{font-size:12px;color:#6b7280;margin-top:4px;line-height:1.4;font-style:italic}.form section{display:flex;flex-direction:column;gap:15px}.form section>div{display:flex;flex-direction:column;gap:7.5px}.form section>div label{font-size:14px;font-weight:600;color:#000}.personas-wrapper{padding:0 15px;height:100%}.ai-logo{width:24px;height:24px}.personas-list{flex:1;display:flex;align-items:flex-start;justify-content:flex-start;overflow:scroll;padding:0 30px 15px}.personas-list .personas-list-ul{display:flex;flex-direction:row;flex-wrap:wrap;list-style:none;padding:0;gap:30px;width:100%;height:100%;margin:15px 0 0}.slider-scale-labels{display:flex;justify-content:space-between;font-size:12px;color:#666;margin-top:4px}.persona-card{position:relative;display:flex;flex-direction:column;background:linear-gradient(to bottom,#fff,#f8f8fb);width:calc(33.3333333333% - 15px);height:160px;padding:15px;border-radius:10px;border:1px solid #e6e6e6;box-shadow:0 1px #fff;transition:border-color .4s ease;overflow-y:scroll;justify-content:flex-start;margin:0;cursor:pointer}.persona-card:hover{border-color:var(--primary-color);box-shadow:0 0 12px -6px var(--primary-color)!important;z-index:1;transition:border-color .4s ease}.persona-card:hover h3{color:var(--primary-color)}.persona-card.selected{border-color:var(--primary-color);outline:none;box-shadow:0 0 12px -6px var(--primary-color)}.persona-card-header{margin-bottom:8px}.persona-card-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.persona-card-title{margin:0 0 5px;font-size:18px;font-weight:600;line-height:1.3}.persona-card-description{font-size:14px;color:#444;font-style:italic;margin:6px 0 10px}.persona-badge-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.persona-badge{background:#f3f6fa;color:#1667f3;font-weight:600;font-size:13px;border-radius:16px;padding:3px 14px;box-shadow:0 1px #0000000a inset;display:flex;align-items:center}.persona-card-section-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 32px;margin-bottom:12px}.persona-section-title{font-size:15px;font-weight:600;margin-bottom:4px;color:#222}.persona-section-list{font-size:14px;color:#444;line-height:1.7}.persona-detail-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#1e1e481f;z-index:1001;display:flex;align-items:center;justify-content:center}.persona-detail-card{background:#fff;border-radius:18px;box-shadow:0 8px 32px #1e1e482e;padding:36px 40px 28px;min-width:420px;max-width:520px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.close-detail-btn{margin-top:18px;background:#f3f6fa;color:#222;border:none;border-radius:8px;padding:8px 18px;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s}.close-detail-btn:hover{background:#e5e7eb}.form-group{position:relative;margin-bottom:24px}.label-row{display:flex;justify-content:space-between;align-items:center}.label-row .form-label{margin-bottom:0!important}.field-value-label{background:#fff;color:#333;font-weight:600;font-size:13px;border-radius:4px;padding:2px 10px;box-shadow:0 1px #0000001a inset;width:30px;-webkit-user-select:none;user-select:none;display:flex;justify-content:center;align-items:center}.clamp-3-lines{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;max-height:4.5em}.persona-selection-list{max-height:300px;overflow-y:auto;border:1px solid #e6e6e6;border-radius:8px;background:#fff}.persona-checkbox-item{display:flex;align-items:center;gap:12px;padding:16px 20px;margin:0;background:#fff;border:none;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:all .2s ease;position:relative}.persona-checkbox-item:last-child{border-bottom:none}.persona-checkbox-item:hover:not(.selected){background:#f8f9ff}.persona-checkbox-item:hover:not(.selected) .persona-checkbox-icon{opacity:.4}.persona-checkbox-item.selected{background:#1667f3;color:#fff}.persona-checkbox-item.selected .persona-checkbox-name{color:#fff}.persona-checkbox-item.selected .persona-checkbox-icon{opacity:1;color:#fff}.persona-checkbox-content{flex:1;display:flex;flex-direction:column;gap:4px}.persona-checkbox-name{font-weight:600;font-size:16px;color:#222;transition:color .2s ease}.persona-checkbox-description{font-size:14px;color:#666;line-height:1.4;transition:color .2s ease}.persona-checkbox-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;opacity:0;color:#1667f3;transition:all .2s ease;font-size:14px}.persona-group-wrapper{border:1px solid #e6e6e6;border-radius:10px;padding:15px;background:#f2f2f6;width:calc(33.3333333333% - 15px - 2px);height:160px;overflow-y:auto;display:flex;flex-direction:column;box-shadow:0 1px #fff,0 0 0 3px #f5f5f9 inset;margin:unset}.persona-group-wrapper:hover{border-color:var(--primary-color);box-shadow:0 0 16px -8px var(--primary-color)}.persona-group-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;flex-shrink:0}.persona-group-title{font-size:18px;font-weight:600;margin:0;line-height:1.3}.persona-group-count-badge{color:#959595;font-size:12px;flex-shrink:0}.persona-group-description{font-size:14px;color:#000;font-style:italic;margin:0 0 8px;line-height:1.4;flex-shrink:0}.persona-group-cards{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,1fr);gap:5px;width:100%;height:100%;position:relative}.persona-card-in-group{border:1px solid #e6e6e6;background:linear-gradient(to bottom,#fff,#fafbff);border-radius:5px;padding:5px 7.5px;width:100%!important;height:fit-content;position:relative}.persona-card-in-group .persona-card-header{margin:unset}.persona-card-in-group .persona-card-header p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.persona-card-in-group:nth-child(n+7){display:none}.persona-card-in-group:hover{z-index:3}.persona-card-in-group.selected{border-color:#1667f3;outline:none;box-shadow:0 0 8px -2px #1667f3;transform:translateY(-2px);z-index:3}.persona-card-in-group .persona-card-title{font-size:14px;font-weight:600;line-height:1.2;margin:0 0 4px}.persona-card-in-group .persona-card-description{font-size:12px;margin:4px 0 0;-webkit-line-clamp:2}@media (width <= 47.999rem){.persona-card,.persona-group-wrapper{width:100%}}@media (width >= 48rem){.persona-card,.persona-group-wrapper{width:calc(50% - 15px)}}@media (width >= 80rem){.persona-card,.persona-group-wrapper{width:calc(33% - 17px)}}@media (width >= 100rem){.persona-card,.persona-group-wrapper{width:calc(25% - 23px)}}@media (width >= 120rem){.persona-card,.persona-group-wrapper{width:calc(20% - 24px)}}@media (width >= 140rem){.persona-card,.persona-group-wrapper{width:calc(16.6666666667% - 25px)}}.nav{position:fixed;top:0;left:0;right:0;display:flex;flex-direction:row;gap:15px;background-color:#f5f5f9b3;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);align-items:center;justify-content:space-between;padding:15px 30px;z-index:10;border-bottom:1px solid rgba(229,231,235,.5529411765);box-shadow:0 1px #ffffff8d;transform:translateY(-100%);transition:transform .6s cubic-bezier(.4,0,.2,1)}.nav.nav-visible{transform:translateY(0)}.nav.nav-no-transition{transition:none!important}.nav .horizontal-group span{color:#c3c3c3}.nav .horizontal-group a{display:inline-block;padding:4px 10px;border:1px solid #e5e7eb;border-radius:6.6666666667px;transition:all .2s ease;box-shadow:0 1px #fff;background:#f5f5f9;color:#000}.nav .horizontal-group a.featured-link{background:linear-gradient(to bottom,#fff,#fafafa);border-color:var(--primary-color);box-shadow:0 0 12px -6px var(--primary-color)}.nav .horizontal-group a:hover:not(.featured-link){border-color:var(--primary-color);box-shadow:0 0 12px -6px var(--primary-color)}.nav .horizontal-group a.cta{background:var(--primary-color);color:#fff;border-color:var(--primary-color);box-shadow:0 0 12px -6px var(--primary-color)}.nav .horizontal-group a.cta:hover{background:var(--primary-color-dark);border-color:var(--primary-color-dark);box-shadow:0 0 12px -6px var(--primary-color-dark)}.nav .mobile-menu-button{display:none;cursor:pointer;padding:8px;flex-direction:column;align-items:center;justify-content:center;gap:5px;position:relative;width:40px;height:40px}.nav .mobile-menu-button span{display:block;width:15px;height:1px;background:#000;transition:all .3s ease;position:absolute;left:50%;transform:translate(-50%)}.nav .mobile-menu-button span:nth-child(1){top:calc(50% - 4.5px)}.nav .mobile-menu-button span:nth-child(2){top:50%}.nav .mobile-menu-button span:nth-child(3){top:calc(50% + 4.5px)}.nav .mobile-menu{display:none;position:absolute;top:100%;left:0;right:0;background:#f5f5f9fa;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-bottom:1px solid #e5e7eb;flex-direction:column;padding:15px;gap:15px;z-index:100}.nav .mobile-menu.open{display:flex}.nav .mobile-menu a{padding:12px;text-align:center;border-radius:6.6666666667px}.nav .mobile-menu span{display:none}@media (max-width: 768px){.nav .horizontal-group{display:none}.nav .mobile-menu-button{display:flex}.nav img{max-height:32px;width:auto}}@media (max-width: 480px){.nav{padding:15px}.nav .marketing-nav-billing-toggle{position:relative;bottom:auto;left:auto;transform:none;margin-top:15px;width:100%}}body.admin-bar-visible .nav{top:44px}body.admin-bar-visible .nav:not(.nav-visible){transform:translateY(-144%)}.text-black{width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}.box{padding:50px 0;width:100%;max-width:100%;box-sizing:border-box}.box.home{top:calc(50% - 355px)}.box.login{position:relative;display:flex;align-items:center;justify-content:center;min-height:100vh;width:100%;max-width:100%;overflow-x:hidden}.box.signup{position:relative;display:flex;align-items:center;justify-content:center;min-height:auto;width:100%;max-width:100%;overflow-x:hidden;padding-top:127px}.box.signup h2{font-size:40px}.box.signup p{font-size:16px}.box.signup:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(/images/signup-bg.png);background-repeat:repeat;background-size:auto;opacity:.25;mask-image:linear-gradient(to bottom,#000,#000 20%,#0000);-webkit-mask-image:linear-gradient(to bottom,rgb(0,0,0) 0%,rgb(0,0,0) 20%,rgba(0,0,0,0) 100%);pointer-events:none;z-index:0}.box.signup .signup-content{z-index:2;position:relative;flex:1;display:flex;flex-direction:column;justify-content:center;width:100%;max-width:100%;box-sizing:border-box}.box.signup .arrow-left{position:absolute;transform:translate(-205%,69%);z-index:1}.box.signup .arrow-right{position:absolute;transform:translate(206%,-18%);z-index:1}.box.signup .signup-features{position:absolute;bottom:50px;left:50%;transform:translate(-50%);display:flex;gap:40px;width:100%;max-width:800px;padding:0 20px;z-index:2}.box.signup .feature-column{flex:1;text-align:center}.box.signup .feature-column h3{font-size:18px;font-weight:600;color:#000;margin-bottom:8px}.box.signup .feature-column p{font-size:14px;color:#000;line-height:1.4}.box.signup .signup-cta-box{padding:30px;border-radius:10px;background:linear-gradient(to bottom,#fff,#f8f8fb);border:1px solid var(--primary-color);box-shadow:0 0 12px -6px var(--primary-color)}.box.signup .signup-cta-box h3{font-size:24px}.box.signup .signup-main-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;width:100%;box-sizing:border-box}.box.signup .signup-heading{font-size:42px}.box.signup .signup-content-wrapper{max-width:900px;margin:0 auto;padding:0 20px;width:100%;box-sizing:border-box}.box.signup .signup-divider{margin:60px 0}@media (max-width: 768px){.box.signup{padding-top:107px!important;padding-bottom:30px!important;margin:0!important}.box.signup .signup-content{padding:0!important}.box.signup .signup-main-grid{grid-template-columns:1fr!important;gap:40px!important;width:100%!important;margin:0!important}.box.signup .signup-heading{font-size:32px!important;word-wrap:break-word;overflow-wrap:break-word;max-width:100%!important}.box.signup .signup-cta-box{padding:32px 24px!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;margin:0!important}.box.signup .signup-cta-box h3{font-size:22px!important}.box.signup .signup-features{flex-direction:column!important;gap:32px!important;position:relative!important;bottom:auto!important;left:auto!important;transform:none!important;width:100%!important;max-width:100%!important;padding:0!important}.box.signup .signup-features .feature-column{text-align:left!important;width:100%!important;max-width:100%!important}.box.signup .signup-benefits{margin-top:32px!important;width:100%!important;max-width:100%!important}.box.signup .signup-content-wrapper{padding:0 16px!important;width:100%!important;max-width:100%!important;margin:0 auto!important}}@media (max-width: 480px){.box.signup{padding-top:97px!important;padding-bottom:20px!important;margin:0!important}.box.signup .signup-content{padding:0!important}.box.signup .signup-heading{font-size:28px!important;word-wrap:break-word;overflow-wrap:break-word;max-width:100%!important}.box.signup .signup-content-wrapper{padding:0 16px!important;width:100%!important;max-width:100%!important;margin:0 auto!important}.box.signup .signup-main-grid{gap:32px!important;width:100%!important;margin:0!important}.box.signup .signup-cta-box{padding:24px 20px!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;margin:0!important}.box.signup .signup-cta-box h3{font-size:20px!important}.box.signup .signup-divider{margin:40px 0!important;width:100%!important}.box.signup .signup-benefits{margin-top:24px!important;width:100%!important;max-width:100%!important}}.sign-in-box{background:linear-gradient(to bottom,#fff,#f8f8fb)}.sign-in-box .horizontal-group{display:flex;flex-direction:row;gap:15px;justify-content:left}.sign-in-box .horizontal-group.images{justify-content:center!important}.sign-in-box .horizontal-group.images .sign-in-img{width:60px;height:60px}.sign-in-box .horizontal-group .vertical-group{align-items:start;gap:5px}.sign-in-box.loading button{opacity:.7;pointer-events:none;transition:opacity .3s ease}.sign-in-box button{transition:opacity .3s ease;width:100%}.wait-list-box,.sign-in-box{display:flex;flex-direction:column;justify-items:center;border:1px solid #e6e6e6;border-radius:10px;padding:15px;width:450px;z-index:2}.wait-list-box .big-logo,.sign-in-box .big-logo{align-self:center;width:150px}.wait-list-box img,.sign-in-box img{max-width:110px}.wait-list-box form,.sign-in-box form{display:flex;flex-direction:column;gap:15px}.wait-list-box form label,.wait-list-box form input,.wait-list-box form button,.wait-list-box form .form-group,.wait-list-box form p,.sign-in-box form label,.sign-in-box form input,.sign-in-box form button,.sign-in-box form .form-group,.sign-in-box form p{margin:unset!important}.wait-list-box h2,.sign-in-box h2{font-size:24px;text-shadow:0 3px 6px rgba(0,0,0,.15)}.svg-bg{position:absolute;display:flex;overflow:hidden;align-items:center;transform:translateY(350px);width:100%}.svg-bg .svg-bg-inner{display:flex;align-items:center;gap:50px;width:max-content;animation:scrollLeft 180s linear infinite}.svg-bg img{width:120px;height:auto;flex-shrink:0}@keyframes scrollLeft{0%{transform:translate(0)}to{transform:translate(-50%)}}.title-tag{color:var(--primary-color);font-size:12px;text-transform:uppercase;font-weight:600;letter-spacing:.5px}.title-tag+h2{margin-top:.25rem}.signup-container{max-width:900px;min-height:250px;background:linear-gradient(to bottom,#fff,#f8f8fb);border:1px solid var(--primary-color);border-radius:10px;margin:4rem auto;padding:30px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;box-shadow:0 0 12px -6px var(--primary-color)}.signup-container .signup-section h2{color:#000;text-shadow:none}.signup-container .signup-section p{color:#000}.signup-container .signup-section .title-tag.purple{color:var(--primary-color)}.dark-section{background-color:#f1f1f6;border:1px solid #e6e6ec;box-shadow:0 1px #fff}body.admin-bar-visible .home-container{padding-top:121px}body.admin-bar-visible .box.signup{padding-top:171px}@media (max-width: 768px){body.admin-bar-visible .box.signup{padding-top:151px!important}}@media (max-width: 480px){body.admin-bar-visible .box.signup{padding-top:141px!important}}.introduction{padding:0;background:linear-gradient(to bottom,#f5f5f9,#f4edf5 40%,#ebf3fa);border-bottom:1px solid #e6e6e6;box-shadow:0 1px #fff;overflow:hidden}.introduction .hero{position:relative;padding:30px;margin:30px auto;max-width:calc(100% - 60px)}.introduction .hero.hero-with-bg .hero-content{position:relative;z-index:2;display:flex;flex-direction:column;gap:15px;justify-content:center;align-items:center;height:100%;padding-top:100px}.introduction .hero .hero-two-col{display:flex;align-items:center;gap:2rem}.introduction .hero .hero-two-col .hero-copy-col{flex:1;padding-right:2rem}@media (max-width: 900px){.introduction .hero .hero-two-col{flex-direction:column;gap:24px;min-height:unset}.introduction .hero .hero-content{max-width:100%;text-align:center}.introduction .hero .hero-copy-col{align-items:center}}.introduction .hero-image-container{position:absolute;display:flex;flex-direction:row;justify-content:space-between;gap:30px;width:100%;height:300px;bottom:0;overflow:hidden}.introduction .hero-image-container img{transform:rotate(15deg) translateY(50%);max-width:450px}.introduction .hero-image-container img.one{opacity:1;left:430px}.introduction .hero-image-container img.two{opacity:1;left:-10px}.introduction .hero-image-container img.three{opacity:1;left:930px}.introduction h1{text-align:center;font-family:Attitude;text-shadow:0 4px 7px rgba(0,0,0,.15);font-size:80px}.introduction .headline-shadow{width:100%;max-width:min(1000px,85vw);margin:0 auto;transition:max-width .5s ease-in-out}.introduction .headline-shadow svg{width:100%;height:auto;display:block;transition:min-height .5s ease-in-out,width .5s ease-in-out;min-height:100px}@media (min-width: 1200px){.introduction .headline-shadow{max-width:min(1200px,80vw)}.introduction .headline-shadow svg{min-height:120px}}@media (min-width: 1600px){.introduction .headline-shadow{max-width:min(1400px,85vw)}.introduction .headline-shadow svg{min-height:150px}}@media (min-width: 1920px){.introduction .headline-shadow{max-width:min(1600px,90vw)}.introduction .headline-shadow svg{min-height:180px}}@media (min-width: 1200px){.introduction .hero-content{min-height:300px;transition:min-height .5s ease-in-out}}@media (min-width: 1600px){.introduction .hero-content{min-height:400px}}@media (min-width: 1920px){.introduction .hero-content{min-height:500px}}.introduction .hero-sub-title{font-size:30px}.introduction h3{font-size:20px}.introduction h2{color:var(--primary-color);font-size:30px;font-weight:400;text-transform:uppercase;display:flex;align-items:center}.home-container section{position:relative;margin-left:auto;margin-right:auto;max-width:1200px}.custom-font{position:relative;font-family:Attitude}.signature{height:50px;display:flex;flex-direction:column;width:100%;align-self:flex-start;max-width:700px}.section-title-copy{font-weight:800;font-size:30px!important}.benefits,.action,.pricing-container,.notify-me{display:flex;flex-direction:column;gap:15px;justify-content:center;align-items:center;padding:100px 30px;margin:30px;max-width:100%}.benefits h2,.action h2,.pricing-container h2,.notify-me h2{font-size:30px;text-shadow:0 4px 7px rgba(0,0,0,.1)}.benefits .one-up,.action .one-up,.pricing-container .one-up,.notify-me .one-up{display:flex;flex-direction:column;width:100%;justify-content:center;max-width:700px}.benefits .two-up,.action .two-up,.pricing-container .two-up,.notify-me .two-up{display:flex;flex-direction:row;width:100%;gap:15px;justify-content:center}.benefits .two-up>div,.action .two-up>div,.pricing-container .two-up>div,.notify-me .two-up>div{width:50%}.benefits .three-up,.action .three-up,.pricing-container .three-up,.notify-me .three-up{display:flex;flex-direction:row;width:100%;gap:30px;justify-content:center}.benefits .three-up .x-up-container,.action .three-up .x-up-container,.pricing-container .three-up .x-up-container,.notify-me .three-up .x-up-container{display:flex;flex-direction:column;width:auto;max-width:350px;border-radius:10px;padding:30px;border:1px solid #ffffff;box-shadow:var(--default-box-shadow);background-color:#f7f7fb;text-align:center;transition:background-color .25s ease,border-color .15s ease,box-shadow .25s ease}.benefits .three-up .x-up-container:hover,.action .three-up .x-up-container:hover,.pricing-container .three-up .x-up-container:hover,.notify-me .three-up .x-up-container:hover{cursor:default;border-color:var(--primary-color);box-shadow:0 0 12px -6px var(--primary-color);transition:background-color .25s ease,border-color .15s ease,box-shadow .25s ease}.benefits .three-up .x-up-container h3,.action .three-up .x-up-container h3,.pricing-container .three-up .x-up-container h3,.notify-me .three-up .x-up-container h3{margin-bottom:15px}.benefits .app-screen-shot-container,.action .app-screen-shot-container,.pricing-container .app-screen-shot-container,.notify-me .app-screen-shot-container{display:flex;flex-direction:column;justify-content:center;text-align:center;padding-top:100px;align-items:center}.benefits .app-screen-shot-container .app-screen-shots,.action .app-screen-shot-container .app-screen-shots,.pricing-container .app-screen-shot-container .app-screen-shots,.notify-me .app-screen-shot-container .app-screen-shots{display:flex;flex-direction:row;justify-content:space-around;margin-top:15px;gap:90px}.benefits .app-screen-shot-container .app-screen-shots .vertical-stack,.action .app-screen-shot-container .app-screen-shots .vertical-stack,.pricing-container .app-screen-shot-container .app-screen-shots .vertical-stack,.notify-me .app-screen-shot-container .app-screen-shots .vertical-stack{display:flex;flex-direction:column}.benefits .app-screen-shot-container .app-screen-shots .vertical-stack p,.action .app-screen-shot-container .app-screen-shots .vertical-stack p,.pricing-container .app-screen-shot-container .app-screen-shots .vertical-stack p,.notify-me .app-screen-shot-container .app-screen-shots .vertical-stack p{height:210px;width:300px;text-align:left}.benefits .app-screen-shot-container .app-screen-shots .vertical-stack img,.action .app-screen-shot-container .app-screen-shots .vertical-stack img,.pricing-container .app-screen-shot-container .app-screen-shots .vertical-stack img,.notify-me .app-screen-shot-container .app-screen-shots .vertical-stack img{max-width:300px}.benefits form,.action form,.pricing-container form,.notify-me form{width:350px;align-items:center}.benefits form .form-group,.action form .form-group,.pricing-container form .form-group,.notify-me form .form-group{width:100%}.benefits form button,.action form button,.pricing-container form button,.notify-me form button{width:fit-content}.benefits ul,.benefits li,.action ul,.action li,.pricing-container ul,.pricing-container li,.notify-me ul,.notify-me li{list-style-type:none}.benefits#signup,.action#signup,.pricing-container#signup,.notify-me#signup{position:relative}.benefits#signup p,.action#signup p,.pricing-container#signup p,.notify-me#signup p{max-width:350px}.featured-link{display:inline-block;padding:2px 5px;border:1px solid var(--primary-color);border-radius:6.6666666667px;box-shadow:0 0 12px -6px var(--primary-color)}.action p{text-align:center;max-width:700px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:12;background-color:#0003}.modal-overlay .modal-content{display:flex;flex-direction:column;height:100%}.modal-overlay .modal-content img{max-width:90vw;max-height:90vh;width:auto;height:auto;border-radius:4px;margin:auto}.modal-overlay .modal-content .close-button{position:absolute;top:8px;right:8px}.tool-box{display:flex;flex-direction:row;justify-content:space-around;gap:15px;width:400px}.tool-box .stacked{display:flex;flex-direction:column;justify-content:center;text-align:center;gap:15px}.tools{max-height:90px}.tools.larger{max-height:85px}.tools.small{height:45px}.tint{border:1px solid #e6e6e6;box-shadow:0 1px #fff;background:linear-gradient(to bottom,#fff,#fafafa);border-radius:10px}.footer{display:flex;flex-direction:row;justify-content:space-between;width:100%;text-align:center;font-size:12px;color:#6d6d6d;padding:15px 30px;border-top:1px solid #ffffff;box-shadow:0 -1px #eee;z-index:9}.footer a{font-size:12px;text-decoration:underline}.policy-box{display:flex;flex-direction:column;gap:15px;padding:15px;border-radius:10px;background-color:#f5f5f9;box-shadow:var(--default-box-shadow)}.policy-box ul{list-style:disc;margin-left:20px}.policy-box ul li{font-size:14px}.policy-box h2{font-weight:700}.login-background{position:fixed;top:0;left:0;width:100%;height:100vh;background-image:radial-gradient(circle,rgba(22,103,243,.1) 1.25px,transparent 1px);background-size:20px 20px;pointer-events:none;z-index:-1}.button-container{display:flex;flex-direction:row;gap:15px}.home-hero{display:flex;flex-direction:column;align-items:center;justify-content:center;height:75vh;background:linear-gradient(145deg,#fff 35%,#faf5ff);padding:120px;text-align:center;overflow:hidden}.home-hero .big-logo{height:120px;margin-bottom:30px}.home-hero .home-hero-copy{font-size:55px;font-weight:700;text-align:center;color:#000;font-family:Inter,sans-serif;text-shadow:2px 2px black;-webkit-text-fill-color:#ffffff;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#000000;transition:opacity 1.5s ease-in-out;margin-bottom:30px;z-index:1}.home-hero .sub-headline{font-size:20px;z-index:1}.home-hero .button-container{margin-top:30px;z-index:1}.home-hero .hero-bg-imgs{position:absolute;height:75vh;width:100%;z-index:0}.home-hero .hero-bg-imgs img{position:absolute;height:auto;width:200px;z-index:1}.home-hero .hero-bg-imgs img:first-child{bottom:70px;left:calc(25vw - 100px)}.home-hero .hero-bg-imgs img:nth-child(2){bottom:70px;left:calc(50vw - 100px)}.home-hero .hero-bg-imgs img:nth-child(3){bottom:70px;left:calc(75vw - 100px)}.home-hero .fade-in{animation:fadeIn 1.5s ease-in-out forwards}.home-hero .fade-out{animation:fadeOut 1.5s ease-in-out forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.home-subtitle{font-size:30px;font-weight:600;color:#000;font-family:Inter,sans-serif;text-shadow:2px 2px black;-webkit-text-fill-color:#ffffff;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#000000;margin-bottom:15px}.home-page-list li{margin-bottom:15px}.home-page-list li:last-child{margin-bottom:unset}.grid-overlay{position:relative;z-index:1}.grid-overlay:before{content:"";position:absolute;top:0;left:0;width:100%;height:100vh;background-image:radial-gradient(rgba(var(--primary-color),.15) 1px,transparent 1px);background-size:20px 20px;background-position:center;pointer-events:none;z-index:-1}.how-it-works-img{position:relative;margin-bottom:90px}.pricing-container{text-align:center;padding:100px 0;max-width:1200px;margin:auto}.pricing-container .pricing-title,.pricing-container .enterprise-title{font-size:2rem;font-weight:700;margin-bottom:20px}.pricing-container .billing-toggle{display:flex;justify-content:center;gap:15px;margin-bottom:30px}.pricing-container .billing-option{display:flex;align-items:center;gap:8px;font-size:1rem;cursor:pointer;border-bottom:1px solid transparent}.pricing-container .billing-option input{display:none}.pricing-container .billing-option.active{color:var(--primary-color);border-bottom:1px solid var(--primary-color)}.pricing-container .pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);max-width:1200px;margin:0 15px;border:1px solid #e6e6e6;background:linear-gradient(to bottom,#fff,#f8f8fb);box-shadow:0 1px #fff;border-radius:10px}.pricing-container .pricing-card{background-color:#fff;border-right:1px solid #e6e6e6;transition:all .3s ease-in-out}.pricing-container .pricing-card:first-child{border-top-left-radius:10px;border-bottom-left-radius:10px}.pricing-container .pricing-card:last-child{border-right:unset;border-top-right-radius:10px;border-bottom-right-radius:10px}.pricing-container .plan-name{font-size:1.5rem;font-weight:700;padding:15px}.pricing-container .plan-price{font-size:45px;font-weight:700;padding:15px;text-shadow:0px 2px 3px rgba(0,0,0,.17)}.pricing-container small{font-size:14px}.pricing-container .plan-desc{padding:15px 30px;min-height:150px}.pricing-container .plan-features{list-style:none;padding:15px}.pricing-container .plan-features li{color:#000;text-align:left;font-size:1rem;margin:10px 0}.pricing-container .plan-features li.not-included{color:#d3d3d3;text-decoration:line-through;margin-left:15px}.pricing-container .plan-button-wrapper{display:flex;flex-direction:row;justify-content:center;padding:15px;border-top:1px solid #d3d3d3}.pricing-container .pricing-card{position:relative}.pricing-container .save-badge{position:absolute;top:75px;right:23px;background-color:#fc0;color:#333;font-size:10px;font-weight:700;padding:3px 7px;border-radius:10px;text-transform:uppercase;z-index:5}.pricing-container .feature-comparison-section{margin-top:60px;text-align:center}.pricing-container .feature-comparison-section h3{font-size:1.8rem;font-weight:700;margin-bottom:10px}.pricing-container .feature-comparison-section p{margin-bottom:30px}.pricing-container .feature-comparison-grid{max-width:1200px;margin:0 auto;border:1px solid #e6e6e6;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 1px #fff}.pricing-container .feature-grid-header{display:grid;grid-template-columns:1fr repeat(4,1fr);background:linear-gradient(to bottom,#f8f8fb,#f0f0f5);border-bottom:1px solid #e6e6e6}.pricing-container .feature-grid-header .feature-name-header{padding:15px;font-weight:700;font-size:14px;border-right:1px solid #e6e6e6;display:flex;align-items:center;background:#f5f5f9}.pricing-container .feature-grid-header .plan-header{padding:15px;font-weight:700;font-size:14px;border-right:1px solid #e6e6e6;display:flex;align-items:center;justify-content:center;text-align:center}.pricing-container .feature-grid-header .plan-header:last-child{border-right:none}.pricing-container .feature-grid-header .plan-header.featured{background:linear-gradient(to bottom,rgba(var(--primary-color),.1),rgba(var(--primary-color),.05));color:var(--primary-color);font-weight:600}.pricing-container .feature-row{display:grid;grid-template-columns:1fr repeat(4,1fr);border-bottom:1px solid #f0f0f0}.pricing-container .feature-row:last-child{border-bottom:none}.pricing-container .feature-row.even{background:#fafafa}.pricing-container .feature-row.odd{background:#fff}.pricing-container .feature-row .feature-name{padding:15px;font-weight:500;border-right:1px solid #e6e6e6;display:flex;align-items:center;background:#fff;text-align:left}.pricing-container .feature-row .feature-value{padding:15px;border-right:1px solid #e6e6e6;display:flex;align-items:center;justify-content:center;text-align:center;font-size:.9rem}.pricing-container .feature-row .feature-value:last-child{border-right:none}.pricing-container .feature-row .feature-value.included{color:#000;font-weight:500}.pricing-container .feature-row .feature-value.not-included{color:#999;font-style:italic}.code-block{font-family:monospace;font-size:13px;font-weight:500;background-color:#dcdce2;padding:2px 4px;border-radius:4px;white-space:nowrap}.small-block{display:flex;flex-direction:column;max-width:700px;justify-content:center}.small-block .smaller{font-size:12px;color:#00000040;text-align:center}.small-block a{font-size:12px}.small-block.pinned-to-bottom{transform:translateY(90px)}.small-block .image-link{height:30px;width:120.25px;margin-bottom:15px;align-self:center}.add-ons-container{text-align:center;margin-top:50px;padding:30px}.add-ons-container .add-ons-title{font-size:1.8rem;font-weight:700;margin-bottom:15px}.add-ons-container .add-ons-grid{display:flex;justify-content:center;gap:15px;max-width:900px;margin:auto}.add-ons-container .add-ons-grid .add-on-card{background:#fff;border:1px solid #d3d3d3;border-radius:10px;padding:15px;width:250px;text-align:center;transition:transform .3s ease-in-out}.add-ons-container .add-ons-grid .add-on-card h3{font-size:1.2rem;font-weight:700;margin-bottom:15px}.add-ons-container .add-ons-grid .add-on-card p{font-size:1rem;color:#666;margin-bottom:15px}.add-ons-container .add-ons-grid .add-on-card .add-on-price{display:block;font-size:14px;font-weight:700;color:#55009f;margin-bottom:15px}.enterprise-tier{text-align:center;padding:30px;max-width:1200px;margin:auto}.enterprise-tier .enterprise-price{font-size:45px;font-weight:700;text-shadow:0px 2px 3px rgba(0,0,0,.37);margin-bottom:15px}.enterprise-tier .enterprise-description{font-size:16px;max-width:800px;margin:0 auto 15px}.enterprise-tier .enterprise-button{display:inline-block;transition:background .3s ease-in-out}.stripe-notice{font-size:12px;color:#00000080}@media screen and (max-width: 767px){.introduction{padding:15px 0!important}.hero{padding:150px 15px!important}.app-screen-shots{flex-direction:column!important}.add-ons-grid{flex-direction:column;align-items:center}.pricing-container .pricing-grid{background:unset;border:unset;margin:0 30px;gap:30px;grid-template-columns:1fr}.pricing-container .pricing-grid .pricing-card{border-radius:10px;border:1px solid #e6e6e6}.pricing-container .pricing-grid .pricing-card .plan-desc{min-height:unset}.pricing-container .feature-comparison-grid{margin:0 20px;font-size:.8rem}.pricing-container .feature-grid-header{grid-template-columns:1fr repeat(4,.8fr)}.pricing-container .feature-grid-header .feature-name-header,.pricing-container .feature-grid-header .plan-header{padding:8px 4px;font-size:.9rem}.pricing-container .feature-row{grid-template-columns:1fr repeat(4,.8fr)}.pricing-container .feature-row .feature-name,.pricing-container .feature-row .feature-value{padding:8px 4px;font-size:.8rem}.action h2{text-align:center!important}.two-up{flex-direction:column!important;width:100%!important;gap:15px}.two-up>div{width:100%!important;margin:0!important}.vertical-stack{margin-bottom:30px!important}}@media screen and (min-width: 768px) and (max-width: 1100px){.app-screen-shots{flex-direction:column!important}.pricing-container .pricing-grid{background:unset;border:unset;margin:0 30px;gap:30px;grid-template-columns:repeat(2,1fr)}.pricing-container .pricing-grid .pricing-card{border-radius:10px;border:1px solid #e6e6e6}.pricing-container .pricing-grid .pricing-card .plan-desc{min-height:unset}.pricing-container .feature-comparison-grid{margin:0 30px}.pricing-container .feature-grid-header .feature-name-header,.pricing-container .feature-grid-header .plan-header{padding:10px 6px;font-size:1rem}.pricing-container .feature-row .feature-name,.pricing-container .feature-row .feature-value{padding:10px 6px;font-size:.85rem}.action h2{text-align:center!important}.app-screen-shot-container .app-screen-shots{gap:10px!important}.two-up{flex-direction:column!important;width:100%!important;gap:15px}.two-up>div{width:100%!important;margin:0!important}.vertical-stack{margin-bottom:30px!important}}.auth-wrapper{padding:77px 15px 15px}.auth-wrapper .sign-in-form{position:absolute;display:flex;flex-direction:column;justify-content:center;padding:30px;height:calc(100% - 92px);max-width:450px;background-color:#fff;border:1px solid #d3d3d3;border-radius:10px;z-index:1}.auth-background-image{position:fixed;top:0;left:0;width:100%;height:100vh;background-size:cover;background-position:center center;background-repeat:no-repeat;z-index:-1}.quote-container{position:absolute;top:calc(50vh - 62px);width:calc(100% - 465px);min-height:80px;text-align:center;font-size:1.2rem;font-style:italic;color:#444;margin-top:20px;margin-left:450px;transition:opacity .5s ease-in-out}.quote-text{font-size:70px;font-weight:500;padding:30px}.quote-author{font-size:1rem;color:#666;margin-top:5px}.gradient-box{height:70px;width:7px;border-radius:10px;background:linear-gradient(134deg,var(--primary-color),#ab22e3);border:1px solid #e5e7eb;box-shadow:0 1px #fff}@keyframes subtleScale1{0%{transform:scale(1)}25%{transform:scale(1.005)}50%{transform:scale(1.01)}75%{transform:scale(1.005)}to{transform:scale(1)}}@keyframes subtleScale2{0%{transform:scale(1.005)}30%{transform:scale(1)}60%{transform:scale(1.01)}90%{transform:scale(1.005)}to{transform:scale(1.005)}}@keyframes subtleScale3{0%{transform:scale(1.01)}20%{transform:scale(1.005)}40%{transform:scale(1.015)}70%{transform:scale(1)}to{transform:scale(1.01)}}@keyframes subtleScale4{0%{transform:scale(1.005)}25%{transform:scale(1.015)}50%{transform:scale(1)}75%{transform:scale(1.01)}to{transform:scale(1.005)}}@keyframes subtleScale5{0%{transform:scale(1.01)}30%{transform:scale(1.005)}60%{transform:scale(1.015)}90%{transform:scale(1)}to{transform:scale(1.01)}}@keyframes subtleScale6{0%{transform:scale(1)}20%{transform:scale(1.01)}40%{transform:scale(1.005)}70%{transform:scale(1.015)}to{transform:scale(1)}}.emoji-section{position:relative;overflow:hidden;isolation:isolate;width:calc(100% - 60px);padding:75px 15px;border-radius:10px;box-shadow:0 1px #fff;border:1px solid #e5e7eb}.emoji-section:before{content:"";position:absolute;top:-100%;left:-100%;width:300%;height:300%;opacity:.3;z-index:0;pointer-events:none;background-size:100px 120px;background-repeat:repeat;transform:rotate(-45deg);scale:2}.emoji-section.fire-emoji:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctext y='70' font-size='60' transform='rotate(45 50 50)'%3E🔥%3C/text%3E%3C/svg%3E")}.emoji-section>*{position:relative;z-index:1;margin-left:auto;margin-right:auto}.emoji-section h2{margin-left:auto;margin-right:auto;text-align:center}.emoji-section.rocket-emoji:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctext y='70' font-size='70' transform='rotate(45 50 50)'%3E🚀%3C/text%3E%3C/svg%3E")}.emoji-section.star-emoji:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctext y='70' font-size='70' transform='rotate(45 50 50)'%3E⭐%3C/text%3E%3C/svg%3E")}.emoji-section.gear-emoji:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctext y='70' font-size='70' transform='rotate(45 50 50)'%3E⚙️%3C/text%3E%3C/svg%3E")}.emoji-section.lightning-emoji:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctext y='70' font-size='70' transform='rotate(45 50 50)'%3E⚡%3C/text%3E%3C/svg%3E")}.example-tests-section{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 15px;margin:4rem 0}.example-tests-section h2{font-size:30px;text-shadow:0 4px 7px rgba(0,0,0,.1);margin-bottom:15px}.example-tests-section .section-description{font-size:16px;color:#6b7280;max-width:600px;margin-bottom:30px;line-height:1.5}.example-test-section{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 15px}.example-test-section h2{font-size:30px;text-shadow:0 4px 7px rgba(0,0,0,.1);margin-bottom:15px}.example-test-section .section-description{font-size:16px;color:#6b7280;max-width:600px;margin-bottom:30px;line-height:1.5}.example-test-container{display:flex;gap:15px}.example-test-container .test-tile{user-select:none;-webkit-user-select:none;text-align:left;width:400px!important;cursor:default}.example-test-container .test-tile .design-snapshot img{-webkit-user-drag:none;user-drag:none}.hero-two-col{display:flex;flex-direction:column;align-items:center;gap:2rem}.hero-two-col .hero-copy-col{flex:1;padding-right:2rem}.hero-two-col .hero-image-col{position:relative;flex:1;width:100%;max-width:1500px;height:auto;border-radius:25px;box-shadow:0 0 100px #1c188133;padding:30px;background:#000}.hero-two-col .hero-image-col .hero-app-image-placeholder{position:relative;width:100%;max-width:1500px;aspect-ratio:16/10;background-image:url(/images/marketing/dta-test-view.png);background-size:contain;background-position:center;background-repeat:no-repeat;border-radius:5px;z-index:1}.hero-two-col .hero-image-col .display-stand{position:absolute;bottom:-61px;width:30%;height:61px;border-left:.5px solid #dedede;border-right:.5px solid #dedede;background:linear-gradient(#d3d3d3 17.65%,#eee 70.92%);left:50%;transform:translate(-50%);box-shadow:0 0 10px #0000001a;z-index:0}@keyframes ping{0%{transform:scale(1);opacity:.7}to{transform:scale(3);opacity:0}}.live-dot{display:inline-block;width:10px;height:10px;background-color:#ff4d91;border-radius:50%;position:relative;margin-left:15px;vertical-align:middle}.live-dot:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ff4d91;border-radius:50%;animation:ping 1.5s infinite cubic-bezier(.215,.61,.355,1)}.card-row{position:relative;z-index:2;border-radius:10px;padding:7.5px;margin:100px 0 150px;display:flex;gap:15px;justify-content:center;align-items:stretch;flex-wrap:wrap}.card-row .card{position:relative;background:linear-gradient(to bottom,#fff,#f7f7fa);border-radius:10px;padding:30px;width:100%;flex:1 1 320px;display:flex;flex-direction:column;align-items:flex-start;transition:box-shadow .2s,transform .2s}.card-row .card h2{text-align:center;font-size:24px;font-weight:600;width:100%}.loop-svg-one{position:absolute;top:-40%;left:-25%;z-index:0;width:180px;rotate:0deg}.loop-svg-two{position:absolute;bottom:-10%;left:35%;z-index:1;width:180px;rotate:-10deg}.loop-svg-three{position:absolute;bottom:-10%;right:-18%;z-index:1;width:180px;rotate:-10deg}.loop-svg-four{position:absolute;top:-30%;left:-10%;z-index:1;width:180px;rotate:-10deg;display:none}.loop-svg-five{position:absolute;top:25%;left:20%;z-index:1;width:180px;rotate:-10deg}.for-humans-svg{position:absolute;top:90%;right:0}.no-fluff-one-svg{position:absolute;top:128px;left:145px}.no-fluff-two-svg{position:absolute;top:128px;right:155px}.test-smarter-svg{position:absolute;top:28px;right:136px;width:326px}@media (max-width: 1100px){.card-row{flex-direction:column;gap:45px;align-items:stretch;padding:2rem .5rem;margin:60px 0 80px}.card-row .card{max-width:100%;min-width:0;width:100%;flex:0 1 auto;padding:18.75px}.card-row .card .one-up{margin-top:7.5px!important;margin-bottom:7.5px!important}.card-row .card p.bottom-gap{margin-bottom:7.5px!important}.card-row .card h2{margin-bottom:7.5px}.loop-svg-one{top:-35%;left:-8%;width:100px}.loop-svg-two{bottom:-12%;left:50%;transform:translate(-50%);width:150px}.loop-svg-three{bottom:-20%;right:-6%;width:100px}.loop-svg-five{top:20%;left:15%;width:100px}}.centered-svg-container{max-width:600px;margin:0 auto;display:flex;justify-content:center;align-items:center}.card-row-wrapper{position:relative}.card-row-shadow-svg{position:absolute;top:-60px;left:16.66%;z-index:1;width:180px;pointer-events:none;opacity:.5;filter:blur(2px)}.card-row-shadow-svg svg{width:100%;height:auto;display:block}@media (max-width: 900px){.card-row-shadow-svg{left:10%;width:120px;top:-40px}}.auth-bg-image{background-image:url(/images/marketing/auth-bg.svg);background-size:cover;background-repeat:no-repeat;background-position:center;height:100vh;background-color:#fcfdff;background-blend-mode:overlay}.features-card-grid-section{width:100%;padding:4rem 0 2rem;background:none;display:flex;flex-direction:column;align-items:center}.features-card-grid{display:flex;flex-direction:column;gap:2.5rem;width:100%;max-width:1200px;align-items:center}.features-card-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:2rem;width:100%;justify-content:center}.feature-card{background:linear-gradient(to bottom,#fff,#f7f7fa);color:#000;border-radius:10px;padding:30px;min-width:220px;max-width:320px;flex:1 1 calc(33.333% - 2rem);box-shadow:0 1px #fff;display:flex;flex-direction:column;align-items:flex-start;position:relative;transition:box-shadow .2s,transform .2s,flex-basis .3s ease;border:1px solid #e2e8f4}.feature-card h3{font-size:1.25rem;font-weight:600;margin-bottom:7.5px;margin-top:15px;color:#000}.feature-card p{font-size:1rem;color:#000;margin-bottom:.5rem}.feature-card .feature-card-icons{display:flex;gap:.5rem;margin-bottom:.5rem}.feature-card .feature-card-icons img{width:40px;height:40px;object-fit:contain}.feature-card.feature-page-card{max-width:300px}.feature-card.feature-page-card .feature-card-icons{margin-bottom:unset;margin-top:40px}.feature-card .coming-soon{position:absolute;top:15px;right:15px;color:#fff;background:#000;padding:3.75px 7.5px;border-radius:30px;font-size:10px}.feature-card .additional-copy{font-size:8px;opacity:.5}@media (max-width: 1100px){.feature-card{flex:1 1 calc(50% - 1rem);max-width:calc(50% - 1rem)}}@media (max-width: 900px){.features-card-row{gap:1.5rem}.feature-card{flex:1 1 100%;max-width:100%;min-width:0}.features-card-grid{gap:1.5rem}}@media (max-width: 768px){.horizontal-group{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.horizontal-group button,.horizontal-group a{width:100%!important}.section-title-copy,.mktg-heading{font-size:28px!important;line-height:1.2!important}.hero-sub-title{font-size:20px!important}.benefits{padding:2rem 1rem!important}.one-up{font-size:16px!important;line-height:1.5!important}.signup-container,.signup-section{padding:2rem 1rem!important}.signup-section h2{font-size:28px!important}.validation-section,.pricing-header{padding:2rem 1rem!important}.pricing-header h2{font-size:32px!important}.footer{flex-direction:column!important;gap:1rem!important;text-align:center!important;padding:2rem 1rem!important;font-size:14px!important}.home-container{padding-top:80px!important}.introduction{padding:0!important}.hero{padding:40px 15px!important;margin:20px auto!important}.hero .hero-content{padding-top:20px!important}.headline-shadow{max-width:100%!important}.headline-shadow svg{width:100%!important}.card-row{padding:1rem .5rem!important;margin:40px 0 60px!important}.card-row .card{padding:15px!important}.card-row .card .one-up{margin-top:5px!important;margin-bottom:5px!important}.card-row .card p.bottom-gap{margin-bottom:5px!important}.card-row .card h2{margin-bottom:5px!important;font-size:20px!important}.loop-svg-one{top:-25%!important;left:-15%!important;width:80px!important}.loop-svg-two{bottom:-6%!important;left:50%!important;transform:translate(-50%)!important;width:80px!important}.loop-svg-three{bottom:-6%!important;right:-10%!important;width:80px!important}.loop-svg-five{top:15%!important;left:10%!important;width:80px!important}.wallpaper-preview img{max-height:150px!important}.introduction .hero .hero-two-col .hero-image-col,.hero .hero-two-col .hero-image-col,.hero-two-col .hero-image-col{padding:20px!important;border-radius:14px!important}}@media (max-width: 480px){.section-title-copy,.mktg-heading{font-size:24px!important}.hero{padding:30px 15px!important;margin:10px auto!important}.hero .hero-content{padding-top:10px!important}.hero-sub-title{font-size:18px!important}.benefits{padding:1.5rem .75rem!important}.one-up{font-size:14px!important}.signup-container,.signup-section{padding:1.5rem .75rem!important}.signup-section h2{font-size:24px!important}.validation-section,.pricing-header{padding:1.5rem .75rem!important}.pricing-header h2{font-size:28px!important}.footer{padding:1.5rem .75rem!important;font-size:12px!important}.card-row{padding:.75rem .25rem!important}.wallpaper-preview img{max-height:120px!important}.feature-card{padding:1rem!important}.feature-card h3{font-size:1.1rem!important}.feature-card p{font-size:.9rem!important}}.pricing-header{text-align:center;padding:80px 20px 60px;max-width:800px;margin:0 auto}.pricing-header h2{font-size:2.5rem;font-weight:700;margin-bottom:20px;color:#000}.pricing-header .billing-toggle{display:flex;justify-content:center;margin-top:30px}.plan-section{width:100%;padding:80px 20px;border-bottom:1px solid #e5e7eb;box-shadow:0 1px #fff}.plan-section .featured-image{display:none}.plan-section.featured{background:linear-gradient(to right,#f0f1ff,#fff0)}.plan-section.featured .plan-info{position:relative}.plan-section.featured .plan-info .featured-image{display:flex;position:absolute;top:-20px;left:-50px}.plan-section .plan-section-content{max-width:1200px;margin:0 auto}.plan-section .plan-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:60px;gap:40px}@media (max-width: 768px){.plan-section .plan-header{flex-direction:column;align-items:center;text-align:center;gap:30px}}.plan-section .plan-header .plan-info{flex:1}.plan-section .plan-header .plan-info .plan-name{font-size:2.5rem;font-weight:700;color:#000;margin-bottom:20px}.plan-section .plan-header .plan-info .plan-pricing{display:flex;align-items:flex-end;gap:8px;margin-bottom:20px}.plan-section .plan-header .plan-info .plan-pricing .save-badge{background:transparent;border:1px solid #FFB200;color:#000;font-size:12px;padding:4px 8px 3px;border-radius:12px;text-transform:uppercase;margin-left:15px;font-weight:500;line-height:1;margin-bottom:25px}.plan-section .plan-header .plan-info .plan-description{max-width:600px}.plan-section sup{white-space:pre}.plan-section .features-section .features-grid{display:grid;grid-template-columns:1fr;gap:15px;max-width:1000px;margin:0 auto}.plan-section .features-section .features-grid .feature-item{display:flex;align-items:center;gap:15px;padding:20px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;transition:all .3s ease}.plan-section .features-section .features-grid .feature-item.included{border-color:rgba(var(--primary-color),.3);background:rgba(var(--primary-color),.02)}.plan-section .features-section .features-grid .feature-item.included .feature-icon{color:var(--primary-color)}.plan-section .features-section .features-grid .feature-item.included .feature-name{color:#000;font-weight:500}.plan-section .features-section .features-grid .feature-item.not-included{opacity:.6;background:#f9f9f9}.plan-section .features-section .features-grid .feature-item.not-included .feature-icon{color:#ccc}.plan-section .features-section .features-grid .feature-item.not-included .feature-name{color:#00000080;text-decoration:line-through}.plan-section .features-section .features-grid .feature-item.not-included .feature-status{font-size:.8rem;color:#999;margin-top:4px}.plan-section .features-section .features-grid .feature-item .feature-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:rgba(var(--primary-color),.1);border-radius:50%;flex-shrink:0}.plan-section .features-section .features-grid .feature-item .feature-icon img{width:20px;height:20px;object-fit:contain}.plan-section .features-section .features-grid .feature-item .feature-content{display:flex;flex-direction:column;flex:1}.plan-section .features-section .features-grid .feature-item .feature-content .feature-name{font-size:1rem;font-weight:500;color:#000}.plan-section .features-section .features-grid .feature-item .feature-content .feature-status{font-size:.8rem;color:#999;margin-top:2px}.pricing-footer{text-align:center;padding:60px 20px;max-width:900px;margin-left:auto;margin-right:auto}.pricing-footer .stripe-notice{display:block;margin-bottom:20px;color:#0009}.pricing-footer .stripe-notice a{color:var(--primary-color);text-decoration:none}.pricing-footer .stripe-notice a:hover{text-decoration:underline}.pricing-footer .footer-notes{display:flex;flex-direction:column;gap:10px;max-width:600px;margin:0 auto;text-align:left}.pricing-footer .footer-notes small{color:#0009;line-height:1.5}html.dark-mode .pricing-header h2{color:#fff}html.dark-mode .pricing-header p{color:#a0a0a0}html.dark-mode .pricing-header .billing-toggle .billing-option{background:#2a2a2a;color:#fff;border-color:#2a2a2a}html.dark-mode .pricing-header .billing-toggle .billing-option.active,html.dark-mode .pricing-header .billing-toggle .billing-option:hover{border-color:var(--primary-color);background:rgba(var(--primary-color),.1)}html.dark-mode .plan-section{border-bottom-color:#2a2a2a}html.dark-mode .plan-section .plan-header .plan-info .plan-name{color:#fff}html.dark-mode .plan-section .plan-header .plan-info .plan-description{color:#a0a0a0}html.dark-mode .plan-section .features-section .features-title{color:#fff}html.dark-mode .plan-section .features-section .features-grid .feature-item{background:#2a2a2a;border-color:#2a2a2a}html.dark-mode .plan-section .features-section .features-grid .feature-item.included{border-color:rgba(var(--primary-color),.3);background:rgba(var(--primary-color),.05)}html.dark-mode .plan-section .features-section .features-grid .feature-item.included .feature-name{color:#fff}html.dark-mode .plan-section .features-section .features-grid .feature-item.not-included{background:#3a3a3a;opacity:.7}html.dark-mode .plan-section .features-section .features-grid .feature-item.not-included .feature-name{color:#a0a0a0}html.dark-mode .pricing-footer{background:linear-gradient(#28292a,#1f1f1f)}html.dark-mode .pricing-footer .stripe-notice,html.dark-mode .pricing-footer .footer-notes small{color:#a0a0a0}.custom-price-display{display:flex;align-items:flex-end;gap:8px;margin-bottom:20px}.custom-price-display .price-digits{display:flex;align-items:center;gap:2px}.custom-price-display .price-digit{height:75px}.custom-price-display .plan-period{font-size:14px;color:#000;margin-left:4px;line-height:1;margin-bottom:8px}html.dark-mode .custom-price-display .plan-period{color:#a0a0a0}.sticky-billing-toggle{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:1000;background:#fff;padding:12px 20px;border-radius:50px;box-shadow:0 4px 20px #00000026;border:1px solid #e5e7eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.sticky-billing-toggle:hover{box-shadow:0 6px 25px #0003;transform:translate(-50%) translateY(-2px)}html.dark-mode .sticky-billing-toggle{background:#2a2a2a;border-color:#2a2a2a;box-shadow:0 4px 20px #0000004d}.marketing-nav-billing-toggle{position:absolute;bottom:0;left:50%;transform:translate(-50%);z-index:100;padding:8px 16px;border-radius:25px}.faq-section{padding:45px 0}.faq-section .faq-container{max-width:1200px;height:500px;margin:0 auto;padding:0 15px;display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:start}.faq-section .faq-header{text-align:left}.faq-section .faq-header h2{font-size:36px;font-weight:700;color:#000;margin:0 0 15px;line-height:1.2}.faq-section .faq-header p{font-size:18px;margin:0;line-height:1.5}.faq-section .faq-list{display:flex;flex-direction:column;gap:0}.faq-section .faq-item{margin-bottom:15px}.faq-section .faq-item:last-child{border-bottom:none}.faq-section .faq-question{width:100%;padding:15px 0;background:transparent;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:16px;font-weight:500;color:#000;transition:color .2s ease}.faq-section .faq-question:hover{color:#000}.faq-section .faq-question:focus{outline:none}.faq-section .faq-question span{flex:1;margin-right:15px}.faq-section .faq-chevron{flex-shrink:0;transition:transform .3s ease;color:#0006;width:16px;height:16px}.faq-section .faq-item.open .faq-chevron{transform:rotate(180deg)}.faq-section .faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;padding:0 15px}.faq-section .faq-answer p{margin:0;font-size:16px;line-height:1.6;color:#000000b3}.faq-section .faq-item.open .faq-answer{max-height:300px;padding:15px}@media (max-width: 768px){.faq-section{padding:30px 0}.faq-section .faq-container{grid-template-columns:1fr;gap:30px}.faq-section .faq-header{text-align:center}.faq-section .faq-header h2{font-size:28px}.faq-section .faq-header p{font-size:16px}.faq-section .faq-question{padding:15px 0;font-size:15px}.faq-section .faq-answer p{font-size:15px}.faq-section .faq-item.open .faq-answer{padding:0 0 15px}}.gradient-background{padding:45px 0;position:relative}.gradient-background:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffff0d;pointer-events:none}.gradient-background .the-rub-section{position:relative;z-index:1}.gradient-background .the-rub-section h2{text-shadow:0 2px 4px rgba(0,0,0,.3)}.gradient-background .the-rub-section .card{background:linear-gradient(to bottom,#fff,#f8f8fb);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #e5e9ef;box-shadow:0 1px #fff}.gradient-background .the-rub-section .card h2{color:#000;text-shadow:none}.gradient-background .the-rub-section .card p{color:#000c}.feature-list-row{display:flex;flex-direction:row;gap:15px;justify-content:center;align-items:stretch;flex-wrap:wrap;margin:15px 0}.feature-card{background:linear-gradient(to bottom,#fff,#f8f8fb);border:1px solid #e5e9ef;border-radius:10px;box-shadow:0 1px #fff;min-width:120px;max-width:180px;padding:15px;display:flex;flex-direction:column;align-items:center;justify-content:space-around;text-align:center;gap:15px;transition:box-shadow .2s,border .2s}.feature-card .feature-icon{font-size:22px;margin-bottom:4px;display:flex;align-items:center;justify-content:center}.feature-card .feature-label{font-size:14px;font-weight:500;margin-bottom:2px;color:#000}.feature-card .feature-sublabel{font-size:12px;color:#888;font-weight:400}.feature-card.not-included{opacity:.3;text-decoration:line-through;background:transparent;border:transparent;box-shadow:none}@media (max-width: 700px){.feature-list-row{flex-direction:column;align-items:center;gap:15px}.feature-card{min-width:90vw;max-width:98vw;font-size:13px;padding:15px}}.compare-link{color:var(--primary-color);text-decoration:underline;font-size:14px;cursor:pointer}.compare-link:hover{color:var(--primary-color-dark);text-decoration:none}@media (max-width: 768px){.compare-modal{max-width:95vw;margin:10px}.compare-modal .comparison-table table{font-size:12px}.compare-modal .comparison-table table th,.compare-modal .comparison-table table td{padding:8px 6px}.compare-modal .comparison-table table td:first-child{min-width:120px}}.test-taker-page{position:relative;height:100vh;display:flex;background:#f5f5f9;overflow:hidden}.test-taker-page .card-sort-content{flex:1;min-height:0;height:100%;max-height:100%;overflow-y:hidden;display:flex;flex-direction:row;gap:15px;padding:15px}.test-taker-page .card-sort-content .card-pool{min-width:200px;max-width:300px;background:#fff;border-radius:10px;padding:15px;box-shadow:var(--default-box-shadow);border:1px solid #e5e9ef}.test-taker-page .card-sort-content .card-pool h4{border-bottom:1px solid #e5e9ef;box-shadow:0 1px #fff;padding-bottom:7.5px;margin-bottom:15px}.test-taker-page .card-sort-content .card-pool .card-pool-content{display:flex;flex-direction:column;gap:8px;max-height:calc(100vh - 200px);overflow-y:auto}.test-taker-page .card-sort-content .groups-container{flex:1;min-height:0;height:100%;max-height:100%;overflow:scroll;display:flex;flex-direction:row;gap:15px}.test-taker-page .card-sort-content .groups-container .card-group{overflow:auto hidden;display:flex;width:max-content;flex-grow:1;flex-direction:column;min-width:437px;background:#fff;border-radius:10px;padding:15px;box-shadow:var(--default-box-shadow);border:1px solid #e5e9ef}.test-taker-page .card-sort-content .groups-container .card-group h4{border-bottom:1px solid #e5e9ef;box-shadow:0 1px #fff;padding-bottom:7.5px;margin-bottom:15px}.test-taker-page .card-sort-content .groups-container .card-group .card-items-row{display:flex;flex-wrap:wrap;gap:8px;max-height:calc(100vh - 200px);overflow-y:auto}.test-taker-page .card-sort-content .card-item{background:linear-gradient(150deg,#fdf5d4,#ffea97);border:none;border-radius:2px;padding:15px;font-size:13px;color:#000;box-shadow:0 4px 2px -2px #00000014;cursor:grab;display:flex;align-items:center;transition:transform .5s cubic-bezier(.4,.2,.2,1),box-shadow .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Inter,sans-serif;font-weight:500;position:relative;width:125px;height:125px;flex-direction:column;justify-content:center;text-align:center;white-space:normal;word-wrap:break-word;overflow-wrap:break-word}.test-taker-page .card-sort-content .card-item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(0deg,transparent 0%,rgba(255,255,255,.05) 80%,transparent 80%);pointer-events:none}.test-taker-page .card-sort-content .card-item:hover{box-shadow:0 5px 6px -2px #0000001a}.test-taker-page .card-sort-content .card-item.dragging{opacity:.9;box-shadow:0 5px 6px -2px #0000001a,0 4px 8px #00000026;transform:rotate(2deg) scale(1.02);cursor:grabbing!important}.test-taker-page .form-group{width:400px}.test-taker-page .form-group .checkmark{min-height:18px;min-width:18px;max-height:18px;max-width:18px}.test-taker-page .draggable-panel{position:absolute;top:0;right:60px;width:350px;background:linear-gradient(to bottom,#ffffffd8,#fafafad8);padding:15px;border-radius:10px;box-shadow:0 10px 24px #0000001a;border:1px solid #e5e7eb;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000}.test-taker-page .draggable-panel .drag-message{padding:5px 15px;font-size:12px;text-align:center;border-radius:10px;background:#f5f5f9e6;margin-bottom:15px;border:1px solid #e5e7eb;box-shadow:0 1px #fff;cursor:grab;transition:background-color .25s ease,border-color .15s ease,box-shadow .25s ease}.test-taker-page .draggable-panel .drag-message:hover{border-color:var(--primary-color);box-shadow:0 0 12px -6px var(--primary-color);transition:background-color .25s ease,border-color .15s ease,box-shadow .25s ease}.test-taker-page .draggable-panel .drag-message:active{background-color:var(--primary-color-light);box-shadow:0 0 12px -6px var(--primary-color);cursor:grabbing}.test-taker-page .step-title{font-size:20px;font-weight:700;margin-bottom:15px}.test-taker-page .step-label{font-size:14px;font-weight:500;padding-bottom:3px}.test-taker-page .disable-pointer-events{pointer-events:none}.test-taker-page .step-navigation{display:flex;justify-content:space-between;align-items:center;margin-top:15px;gap:15px}.test-taker-page .step-navigation .zoom-controls{display:flex;align-items:center;gap:15px;justify-content:space-between}.test-taker-page .step-navigation .zoom-controls .button-group{display:flex;align-items:center}.test-taker-page .step-navigation .zoom-controls .button-group button{padding:4px 8px;width:42px;height:32px;border-radius:10px;border:1px solid #e5e7eb;transition:border-color .2s ease}.test-taker-page .step-navigation .zoom-controls .button-group button:first-child{border-top-right-radius:0;border-bottom-right-radius:0;margin-right:-1px}.test-taker-page .step-navigation .zoom-controls .button-group button:first-child:hover{border-color:var(--primary-color)}.test-taker-page .step-navigation .zoom-controls .button-group button:first-child:hover+button{border-left-color:var(--primary-color)}.test-taker-page .step-navigation .zoom-controls .button-group button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.test-taker-page .step-navigation .zoom-controls .button-group button:hover{border-color:var(--primary-color)}.test-taker-page .step-navigation .zoom-controls .zoom-label{font-size:12px;color:#0009}.test-taker-page .step-navigation .next-button{min-width:80px}.test-taker-page iframe{height:100vh;width:100vw}.test-taker-page .difficulty-rating{margin-top:16px}.test-taker-page .difficulty-rating h5{margin-bottom:8px;font-size:1rem}.test-taker-page .difficulty-rating .rating-options{display:flex;justify-content:space-between}.test-taker-page .difficulty-rating .rating-options button{flex:1;padding:8px;border:1px solid #e5e7eb;background:#fff!important;cursor:pointer;transition:.3s;font-size:12px!important;border-radius:unset;box-shadow:0 1px #fff}.test-taker-page .difficulty-rating .rating-options button:first-child{border-top-left-radius:10px;border-bottom-left-radius:10px;border-right:unset}.test-taker-page .difficulty-rating .rating-options button:nth-child(2),.test-taker-page .difficulty-rating .rating-options button:nth-child(3){border-right:unset}.test-taker-page .difficulty-rating .rating-options button:last-child{border-top-right-radius:10px;border-bottom-right-radius:10px}.test-taker-page .difficulty-rating .rating-options button:hover{background:var(--primary-color-light)}.test-taker-page .difficulty-rating .rating-options button.active{background:var(--primary-color)!important;color:#fff;border-color:var(--primary-color);box-shadow:0 1px 0 var(--primary-color-dark) inset}.test-taker-page .difficulty-rating .rating-options button.active+button{border-left-color:var(--primary-color)}.test-taker-page .additional-feedback{margin-top:15px}.test-taker-page .additional-feedback textarea{border-color:#e5e7eb}.test-taker-page .additional-feedback textarea:focus{border-color:var(--primary-color)}.test-taker-page .disabled-button{border-color:#e5e7eb;color:#c3c3c3;background:#f7f7fa!important;pointer-events:none;cursor:not-allowed}.test-taker-page .prototype-container{position:absolute;top:0;left:0;width:100vw;height:100vh;overflow:hidden}.test-taker-page .prototype-container .prototype-iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.test-taker-page .prototype-container .prototype-iframe.disable-pointer-events{pointer-events:none}.load-bar{position:fixed;top:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:10;opacity:1;transition:opacity 1s ease-in-out}.load-bar.hidden{opacity:0;transition:opacity 1s ease-in-out;pointer-events:none;transition-delay:1s}.load-bar .spinner{width:50px;height:50px;border:1px solid #d3d3d3;border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.progress-bar-wrapper{position:fixed;top:0;left:0;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:10;opacity:1;transition:opacity 1s ease-in-out}.progress-bar{width:20vw;height:1px;background:#e0e0e0;margin:15px 0;overflow:hidden;position:relative}.progress-bar:after{content:"";display:block;width:50%;height:100%;background:var(--primary-color);position:absolute;left:-50%;animation:progress 2s infinite ease-in-out}.consent-form{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}.consent-form .consent-box{display:flex;align-items:center;flex-direction:column;padding:30px;transition:all .3s ease;max-width:600px;width:100%;text-align:center}.consent-form .consent-box img{margin-bottom:15px}.consent-form .consent-box h2{margin-bottom:15px;font-size:24px}.consent-form .consent-box .test-intro-content-box{background:linear-gradient(to bottom,#fff,#f8f8fb);border:1px solid #e6e6e6;border-radius:10px;text-align:left;box-shadow:0 1px #fff;padding:15px;margin-bottom:15px;max-width:500px;width:100%;max-height:488px;overflow-y:auto}.consent-form .consent-box .test-intro-description{font-size:16px;color:#000;line-height:1.5;white-space:pre-wrap;text-align:left}.consent-form .consent-box .test-intro-text{font-size:16px;color:#000;line-height:1.6}.preview-consent-container .consent-form{height:calc(100vh - 50px);top:50px}.preview-consent-container .consent-form .consent-box .form-group{max-width:600px;width:100%}.custom-checkbox{display:flex;align-items:flex-start;gap:15px;cursor:pointer;font-size:12px;color:#000;margin:unset;width:100%;-webkit-user-select:none;user-select:none}.custom-checkbox .checkbox-text{flex:1;min-width:0;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word}.custom-checkbox input{display:none}.checkmark{display:flex;width:18px;height:18px;min-width:18px;min-height:18px;flex-shrink:0;align-items:center;border:1px solid #000000;border-radius:5px;background-color:#fff;justify-content:center}.consent-box:hover .consent-text{color:#000}.consent-box:hover .checkmark{border-color:var(--primary-color);background-color:var(--primary-color-light)}.consent-box:hover .checkmark:after{content:"✓";color:#1667f359}.actual-cb:checked~.checkmark{background-color:var(--primary-color);border-color:var(--primary-color)}.actual-cb:checked~.checkmark:after{content:"✓";color:#fff;border-color:var(--primary-color)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes progress{0%{left:-50%}to{left:100%}}.video-modal{width:80vw!important;max-width:1200px!important;max-height:90vh;overflow:hidden}.video-modal .modal-header{display:flex;flex-direction:row;align-content:center;justify-content:end}.video-modal .modal-header a{display:flex;width:auto;align-self:center;font-size:24px;font-weight:200;padding:0 5px 5px}.video-modal .modal-content video{width:100%;max-height:calc(90vh - 8rem);object-fit:contain}.consent-title{margin-top:15px;margin-bottom:0;font-size:1.5rem;font-weight:600;text-align:center}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;padding:15px;text-align:center}.error-container h2{color:#000;margin-bottom:15px;font-size:1.5rem}.error-container p{margin-bottom:22.5px;color:#6b7280;max-width:500px;line-height:1.5}.error-container .error-actions{display:flex;gap:15px;flex-wrap:wrap;justify-content:center}.error-container .error-actions button{min-width:120px}.error-container .error-actions .cta{order:-1}@font-face{font-family:Attitude;src:url(/fonts/Attitude-3d.otf) format("opentype")}.loading-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;background:#fffc}.loading-message{font-size:1.5rem;font-weight:700;color:#333;display:flex;width:100%;height:100%;text-align:center}.back-button{cursor:pointer;width:fit-content;background:none;border:none;color:inherit;font:inherit;text-decoration:underline;padding:0}.back-button:hover{color:#1667f3}.test-detail-page{display:grid;grid-template-columns:1fr 320px;padding:15px 15px 0;gap:30px;height:calc(100vh - 95px)}@media (max-width: 768px){.test-detail-page{grid-template-columns:1fr;overflow:auto}}.test-detail-page .prototype-wrapper{display:flex;flex-direction:column;height:100%;width:calc(100vw - 500px);overflow:hidden;background:linear-gradient(to bottom,#fff,#f8f8fb);border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 1px #fff}.test-detail-page .prototype-wrapper .prototype-container{padding:unset}.test-detail-page .prototype-wrapper .results-view{padding:15px 0;overflow-y:scroll}.test-detail-page .prototype-wrapper .overview-section{height:100%;width:100%}.test-detail-page .prototype-wrapper .overview-section .dashboard-section{background:linear-gradient(to bottom,#fff,#f8f8fb);border-radius:10px;padding:15px;margin:0 15px 15px;border:1px solid #e5e9ef;box-shadow:0 1px #fff}.test-detail-page .prototype-wrapper .overview-section .dashboard-section .dashboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.test-detail-page .prototype-wrapper .overview-section .dashboard-section .dashboard-header h2{font-size:24px;font-weight:600;color:#000;margin:0}.test-detail-page .prototype-wrapper .overview-section .dashboard-section .dashboard-header .ues-score-card{display:flex;align-items:center;gap:15px;background:#fff;padding:15px;border-radius:10px;border:1px solid #e5e9ef;box-shadow:0 1px #fff}.test-detail-page .prototype-wrapper .overview-section .dashboard-section .dashboard-header .ues-score-card .score-circle{display:flex;flex-direction:column;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-color-dark) 100%);color:#fff;box-shadow:0 4px 12px rgba(var(--primary-color),.3)}.test-detail-page .prototype-wrapper .overview-section .dashboard-section .dashboard-header .ues-score-card .score-circle.excellent{background:linear-gradient(-45deg,#179ff3,#1768f3);box-shadow:0 4px 12px #bee6ff}.test-detail-page .prototype-wrapper .overview-section .dashboard-section .dashboard-header .ues-score-card .score-circle.good{background:linear-gradient(-45deg,#02efbb,#1768f3);box-shadow:0 4px 12px #10b9814d}.test-detail-page .prototype-wrapper .overview-section .dashboard-section .dashboard-header .ues-score-card .score-circle.moderate{background:linear-gradient(-45deg,#9b4afe,#02efbb);box-shadow:0 4px 12px #dbbeff92}.test-detail-page .prototype-wrapper .overview-section .dashboard-section .dashboard-header .ues-score-card .score-circle.poor{background:linear-gradient(-45deg,#fe1ba4,#9b4afe);box-shadow:0 4px 12px #f50bbb41}.test-detail-page .prototype-wrapper .overview-section .dashboard-section .dashboard-header .ues-score-card .score-circle.bad{background:linear-gradient(-45deg,#fe1b1b 29.5%,#fe1ba4 99.44%);box-shadow:0 4px 12px #ef44444d}.test-detail-page .prototype-wrapper .overview-section .dashboard-section .dashboard-header .ues-score-card .score-circle .score-number{font-size:24px;font-weight:700;line-height:1}.test-detail-page .prototype-wrapper .overview-section .dashboard-section .dashboard-header .ues-score-card .score-circle .score-label{font-size:12px;font-weight:500;opacity:.9}.test-detail-page .prototype-wrapper .overview-section .dashboard-section .dashboard-header .ues-score-card .score-details h3{font-size:18px;font-weight:600;color:#000;margin:0 0 4px}.test-detail-page .prototype-wrapper .overview-section .dashboard-section .dashboard-header .ues-score-card .score-details .score-insight{font-size:14px;color:#0009;margin:0;line-height:1.4}.test-detail-page .prototype-wrapper .overview-section .dashboard-section .task-breakdown h3{font-size:20px;font-weight:600;color:#000;margin:0 0 15px}.test-detail-page .prototype-wrapper .overview-section .dashboard-section .task-breakdown .breakdown-table{background:#fff;border-radius:10px;border:1px solid #e5e9ef;overflow:hidden;box-shadow:0 1px #fff}.test-detail-page .prototype-wrapper .overview-section .dashboard-section .task-breakdown .breakdown-table .table-header{display:flex;background:#f5f5f9;border-bottom:1px solid #e5e9ef}.test-detail-page .prototype-wrapper .overview-section .dashboard-section .task-breakdown .breakdown-table .table-header .task-column{flex:2;padding:15px;font-weight:600;color:#000;border-right:1px solid #e5e9ef}.test-detail-page .prototype-wrapper .overview-section .dashboard-section .task-breakdown .breakdown-table .table-header .difficulty-columns{display:flex;flex:3}.test-detail-page .prototype-wrapper .overview-section .dashboard-section .task-breakdown .breakdown-table .table-header .difficulty-columns .difficulty-col{flex:1;padding:15px 8px;text-align:center;font-weight:600;font-size:14px;border-right:1px solid #e5e9ef}.test-detail-page .prototype-wrapper .overview-section .dashboard-section .task-breakdown .breakdown-table .table-header .difficulty-columns .difficulty-col:last-child{border-right:none}.test-detail-page .prototype-wrapper .overview-section .dashboard-section .task-breakdown .breakdown-table .table-header .difficulty-columns .difficulty-col.easy{color:var(--primary-color)}.test-detail-page .prototype-wrapper .overview-section .dashboard-section .task-breakdown .breakdown-table .table-header .difficulty-columns .difficulty-col.moderate{color:#ab22e3}.test-detail-page .prototype-wrapper .overview-section .dashboard-section .task-breakdown .breakdown-table .table-header .difficulty-columns .difficulty-col.difficult{color:#ff1919}.test-detail-page .prototype-wrapper .overview-section .dashboard-section .task-breakdown .breakdown-table .table-header .difficulty-columns .difficulty-col.undecided{color:#000}.test-detail-page .prototype-wrapper .overview-section .dashboard-section .task-breakdown .breakdown-table .table-body .table-row{display:flex;border-bottom:1px solid rgba(0,0,0,.1)}.test-detail-page .prototype-wrapper .overview-section .dashboard-section .task-breakdown .breakdown-table .table-body .table-row:last-child{border-bottom:none}.test-detail-page .prototype-wrapper .overview-section .dashboard-section .task-breakdown .breakdown-table .table-body .table-row:hover{background:#f5f5f9}.test-detail-page .prototype-wrapper .overview-section .dashboard-section .task-breakdown .breakdown-table .table-body .table-row .task-name{flex:2;padding:15px;font-size:14px;color:#000;border-right:1px solid #e5e9ef;display:flex;align-items:center}.test-detail-page .prototype-wrapper .overview-section .dashboard-section .task-breakdown .breakdown-table .table-body .table-row .difficulty-indicators{display:flex;flex:3}.test-detail-page .prototype-wrapper .overview-section .dashboard-section .task-breakdown .breakdown-table .table-body .table-row .difficulty-indicators .difficulty-cell{flex:1;padding:15px 8px;display:flex;align-items:center;justify-content:center;border-right:1px solid #e5e9ef}.test-detail-page .prototype-wrapper .overview-section .dashboard-section .task-breakdown .breakdown-table .table-body .table-row .difficulty-indicators .difficulty-cell:last-child{border-right:none}.test-detail-page .prototype-wrapper .overview-section .dashboard-section .task-breakdown .breakdown-table .table-body .table-row .difficulty-indicators .difficulty-cell.active{background:rgba(var(--primary-color),.1)}.test-detail-page .prototype-wrapper .overview-section .dashboard-section .task-breakdown .breakdown-table .table-body .table-row .difficulty-indicators .difficulty-cell img{width:20px;height:auto}.test-detail-page .prototype-wrapper .overview-section .responses-section>h3{font-size:20px;font-weight:600;color:#000;margin:0 0 15px;padding:0 15px}.test-detail-page .prototype-wrapper .overview-section .responses-section .responses-grid{display:flex;gap:15px;overflow-x:auto;padding:0 15px 15px}.test-detail-page .prototype-wrapper .overview-section .responses-list{display:flex;flex-direction:column;gap:15px;padding:15px;background-color:#fff;border-radius:10px;border:1px solid #e5e9ef;background-color:#dfe0e44d;box-shadow:0 1px #fff;max-width:500px;width:500px;min-width:500px;height:100%;overflow-y:scroll;overflow-x:clip}.test-detail-page .prototype-wrapper .prototype-container{position:relative;display:flex;height:100%;width:100%;align-items:center;justify-content:center;border-radius:10px;background:#f5f5f9;box-shadow:var(--default-box-shadow);overflow:hidden}.test-detail-page .prototype-wrapper .prototype-container iframe{width:100%;height:100%;border:none;object-fit:contain}.test-detail-page .prototype-wrapper .prototype-container .design-placeholder{display:flex;justify-content:center;align-items:center;height:100%;width:100%}.test-detail-page .prototype-wrapper .prototype-container .design-placeholder p{font-family:Attitude!important;color:#000;font-size:25px}.test-detail-page .results-view{position:relative;display:flex;height:100%;width:100%;align-items:flex-start;justify-content:left;overflow:hidden}.test-detail-page .results-view .responses-list{display:flex;flex-direction:column;gap:15px;padding:15px;background-color:#fff;border-radius:10px;border:1px solid #e5e7eb;background-color:#dfe0e44d;box-shadow:0 1px #fff;max-width:500px;width:500px;min-width:500px;height:100%;overflow-y:scroll;overflow-x:clip}.test-detail-page .results-view .responses-list .browser-info-item{display:flex;flex-direction:column;gap:15px;list-style-type:none!important}.test-detail-page .results-view .responses-list .header{display:flex;flex-direction:row;justify-content:space-between}.test-detail-page .results-view .responses-list .header span{font-size:12px}.test-detail-page .results-view .responses-list .header button{height:41px}.test-detail-page .results-view .responses-list .response-item{position:relative;padding:15px;width:auto;min-width:400px;border-radius:10px;box-shadow:0 1px #fff;border:1px solid #e5e7eb;font-size:14px;background:#fff;list-style-type:none;margin-left:unset}.test-detail-page .results-view .responses-list .response-item small{display:inline-block;color:#0000004d;margin-top:15px}.test-detail-page .results-view .responses-list .response-item .rating-tag{position:absolute;right:15px;height:18px;width:18px;align-content:center}.test-detail-page .results-view .responses-list .response-item h3{font-size:16px;font-weight:600;margin-bottom:7.5px}.test-detail-page .results-view .responses-list .graph-wrapper{display:flex;flex-direction:column;gap:0}.test-detail-page .results-view .responses-list .graph-wrapper .graph-label-container{display:flex;flex-direction:row;gap:15px;margin-bottom:7.5px;font-size:8px;font-weight:700}.test-detail-page .results-view .responses-list .graph-wrapper .graph-label-container div{width:45px;text-align:center}.test-detail-page .results-view .responses-list .graph-wrapper .graph-label-container div:first-of-type{flex-grow:2;text-align:left}.test-detail-page .results-view .responses-list .graph-wrapper .graph-container{display:flex;flex-direction:row;gap:15px;justify-content:center}.test-detail-page .results-view .responses-list .graph-wrapper .graph-container>div{font-size:14px}.test-detail-page .results-view .responses-list .graph-wrapper .graph-container div{display:flex;justify-content:center;align-items:center;width:45px;background-color:#fff;border:1px solid transparent}.test-detail-page .results-view .responses-list .graph-wrapper .graph-container div img{-webkit-user-select:none;user-select:none;pointer-events:none;height:auto;width:50%;margin-bottom:-3px}.test-detail-page .results-view .responses-list .graph-wrapper .graph-container div:not(:first-child){border-left:1px solid #e5e7eb;border-right:1px solid #e5e7eb}.test-detail-page .results-view .responses-list .graph-wrapper .graph-container div:first-of-type{justify-content:left;flex-grow:2;background-color:unset;padding:7.5px}.test-detail-page .results-view .responses-list .graph-wrapper .graph-container:nth-child(2) div{border-top-left-radius:10px;border-top-right-radius:10px}.test-detail-page .results-view .responses-list .graph-wrapper .graph-container:nth-child(2) div:not(:first-child){border-top:1px solid #e5e7eb}.test-detail-page .results-view .responses-list .graph-wrapper .graph-container:last-child div{border-bottom-left-radius:10px;border-bottom-right-radius:10px}.test-detail-page .results-view .responses-list .graph-wrapper .graph-container:last-child div:not(:first-child){border-bottom:1px solid #e5e7eb;box-shadow:0 1px #fff}.test-detail-page .results-view .responses-list .graph-wrapper .graph-container:hover{cursor:default}.test-detail-page .results-view .responses-list .graph-wrapper .graph-container:hover div{border:1px solid var(--primary-color)!important;box-shadow:0 0 12px -6px var(--primary-color)}.test-detail-page .details-sidebar{display:flex;flex-direction:column;max-height:100%;width:450px;min-width:450px;max-width:450px;padding-top:15px;border-radius:10px;background:linear-gradient(to bottom,#fff,#f8f8fb);box-shadow:var(--default-box-shadow);border:1px solid rgba(255,255,255,.84)}@media (max-width: 768px){.test-detail-page .details-sidebar{max-height:none;overflow:visible}}.test-detail-page .details-sidebar .test-head{display:flex;flex-direction:row;align-items:baseline;justify-content:space-between;padding:15px}.test-detail-page .details-sidebar .test-title{font-size:24px;font-weight:600;padding:15px}.test-detail-page .details-sidebar .toggle-container{margin:0 15px 15px}.test-detail-page .details-sidebar .sidebar-content{position:relative;display:flex;flex-direction:column;flex:1;overflow:scroll;padding:15px}.test-detail-page .details-sidebar .sidebar-content .calculated-ues{position:relative;display:flex;flex-direction:column;background-color:#f5f5f9;padding:15px;border:1px solid #ffffff;border-radius:10px;font-size:14px;gap:15px;box-shadow:var(--default-box-shadow)}.test-detail-page .details-sidebar .sidebar-content .fixed-bar{position:sticky;top:0}.test-detail-page .details-sidebar .results-list{display:flex;flex-direction:column;gap:15px}.test-detail-page .details-sidebar .results-list .result-item-container{display:flex;align-items:center;gap:15px}.test-detail-page .details-sidebar .results-list .result-item-container .result-item{flex-grow:1}.test-detail-page .details-sidebar .results-list .result-item{display:flex;flex-direction:row}.test-detail-page .details-sidebar .results-list .result-item .title{flex-grow:2;text-align:left}.test-detail-page .details-sidebar .results-list .result-item p:first-child{text-align:left;flex-grow:1}.test-detail-page .details-sidebar .pinned-button-container{display:flex;flex-direction:row;border-top:1px solid #ffffff;padding:15px;gap:15px;box-shadow:0 -1px #eee}.test-detail-page .details-sidebar .pinned-button-container button:first-child{flex-grow:1;width:100%}.test-detail-page .details-sidebar .pinned-button-container button:last-child{flex-grow:2}.test-detail-page .details-page-created-date{position:absolute;bottom:3px;left:15px;font-size:8px;color:#9c9c9c}.form-group{position:relative;display:flex;flex-direction:column;background-color:#dfe0e44d;padding:15px;border:1px solid #e5e7eb;border-radius:10px;gap:15px;box-shadow:0 1px #fff;margin-bottom:15px}.form-group .form-help-text{font-size:12px;color:#6b7280;margin-top:4px;line-height:1.4}.form-group .share-url-container{align-items:flex-start}.form-group .share-url-container>input{border-color:var(--primary-color);background-color:var(--primary-color-light);color:var(--primary-color)}.form-group textarea{resize:none;height:90px}.form-group .remove-step-button{margin-bottom:15px}.ues-bar-container{display:flex;align-items:center;flex-direction:row;gap:30px}.ues-bar-container h3{flex-grow:2}.zoom-level-input{padding:0 15px;height:41px;border-radius:10px;text-align:center;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield;border-color:#e5e7eb;box-shadow:unset}.zoom-level-input::-webkit-inner-spin-button,.zoom-level-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.responses-grid{display:flex;gap:15px;overflow-y:scroll;height:100%;width:100%;padding-bottom:1px}.response-column{flex:1;border-right:1px solid #000000;padding-right:15px}.response-column:last-child{border-right:none}.response-card{background:#f8f8f8;padding:15px;border-radius:10px;margin-top:15px;box-shadow:0 1px 3px #0000001a}.response-card h4{font-size:16px;font-weight:700}.watch-video{color:#00f;font-size:14px;cursor:pointer;float:right}.question-id{color:#999;font-size:12px}.admin-bar-visible .test-detail-page{height:calc(100vh - 136px);margin-top:44px}.tree-test-builder{display:flex;flex-direction:column;height:calc(100vh - 77px)}body.admin-bar-visible .tree-test-builder{height:calc(100vh - 165px)}.tree-test-builder .loading-tree{display:flex;align-items:center;justify-content:center;height:200px;color:#666;font-style:italic}.tree-test-builder .test-detail-page{display:grid;grid-template-columns:450px 1fr;padding:15px;gap:15px;height:calc(100vh - 77px)}body.admin-bar-visible .tree-test-builder .test-detail-page{height:calc(100vh - 165px)}@media (max-width: 768px){.tree-test-builder .test-detail-page{grid-template-columns:1fr;overflow:auto}}.tree-test-builder .test-detail-page .details-sidebar{display:flex;flex-direction:column;max-height:100%;width:450px;min-width:450px;max-width:450px;padding-top:15px;border-radius:10px;background:linear-gradient(to bottom,#fff,#f8f8fb);box-shadow:var(--default-box-shadow);border:1px solid #e5e9ef;overflow-y:scroll}@media (max-width: 768px){.tree-test-builder .test-detail-page .details-sidebar{max-height:none;overflow:visible}}.tree-test-builder .test-detail-page .details-sidebar .toggle-container{margin:0 15px 15px}.tree-test-builder .test-detail-page .details-sidebar .sidebar-content{position:relative;display:flex;flex-direction:column;flex:1;overflow:scroll}.tree-test-builder .test-detail-page .details-sidebar .sidebar-content:has(.tasks-list){padding:0}.tree-test-builder .test-detail-page .details-sidebar .sidebar-content .results-list{display:flex;flex-direction:column;gap:12px}.tree-test-builder .test-detail-page .details-sidebar .sidebar-content .results-list .empty-state{text-align:center;padding:20px;color:#666;font-style:italic}.tree-test-builder .test-detail-page .details-sidebar .sidebar-content .results-list .result-item .result-header .result-number{font-weight:600;color:#000;font-size:14px}.tree-test-builder .test-detail-page .details-sidebar .sidebar-content .results-list .result-item .result-header .result-date{font-size:12px;color:#6b7280}.tree-test-builder .test-detail-page .details-sidebar .sidebar-content .results-list .result-item .result-details p{margin:4px 0;font-size:13px;line-height:1.4}.tree-test-builder .test-detail-page .details-sidebar .sidebar-content .results-list .result-item .result-details p strong{color:#000;font-weight:500}.tree-test-builder .test-detail-page .details-sidebar .sidebar-content .form-group{margin-bottom:15px}.tree-test-builder .test-detail-page .details-sidebar .sidebar-content .form-group .form-label{display:block;font-size:14px;font-weight:500;margin-bottom:8px;color:#000}.tree-test-builder .test-detail-page .details-sidebar .sidebar-content .form-group .form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color),.1)}.tree-test-builder .test-detail-page .details-sidebar .sidebar-content .form-group textarea.form-input{resize:vertical;min-height:80px}.tree-test-builder .test-detail-page .details-sidebar .sidebar-content .tasks-list{flex:1;overflow-y:auto;padding:15px}.tree-test-builder .test-detail-page .details-sidebar .sidebar-content .tasks-list .task-item .task-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.tree-test-builder .test-detail-page .details-sidebar .sidebar-content .tasks-list .task-item .task-header .task-number{font-size:14px;font-weight:600;color:#000}.tree-test-builder .test-detail-page .details-sidebar .sidebar-content .tasks-list .task-item .task-header .task-actions{display:flex;gap:4px}.tree-test-builder .test-detail-page .details-sidebar .sidebar-content .tasks-list .task-item .task-header .task-actions .edit-task-btn,.tree-test-builder .test-detail-page .details-sidebar .sidebar-content .tasks-list .task-item .task-header .task-actions .delete-task-btn{padding:4px 8px;border:1px solid #e5e7eb;border-radius:4px;background:#fff;color:#000;font-size:11px;cursor:pointer;transition:all .2s ease}.tree-test-builder .test-detail-page .details-sidebar .sidebar-content .tasks-list .task-item .task-header .task-actions .edit-task-btn:hover,.tree-test-builder .test-detail-page .details-sidebar .sidebar-content .tasks-list .task-item .task-header .task-actions .delete-task-btn:hover{border-color:var(--primary-color);background:#f8f9ff}.tree-test-builder .test-detail-page .details-sidebar .sidebar-content .tasks-list .task-item .task-header .task-actions .edit-task-btn.delete-task-btn:hover,.tree-test-builder .test-detail-page .details-sidebar .sidebar-content .tasks-list .task-item .task-header .task-actions .delete-task-btn.delete-task-btn:hover{background:#fef2f2;border-color:#ef4444;color:#991b1b}.tree-test-builder .test-detail-page .details-sidebar .sidebar-content .tasks-list .task-item .task-content .task-prompt{font-size:14px;color:#000;margin:0 0 8px;line-height:1.4}.tree-test-builder .test-detail-page .details-sidebar .sidebar-content .tasks-list .task-item .task-content .task-target{display:flex;align-items:center;gap:8px;font-size:12px}.tree-test-builder .test-detail-page .details-sidebar .sidebar-content .tasks-list .task-item .task-content .task-target .label{color:#6b7280;font-weight:500}.tree-test-builder .test-detail-page .details-sidebar .sidebar-content .tasks-list .task-item .task-content .task-target .target-node{color:#000;font-weight:600;padding:2px 6px;background:#e5e7eb;border-radius:4px}.tree-test-builder .test-detail-page .details-sidebar .sidebar-content .tasks-list .task-item:last-child{margin-bottom:0}.tree-test-builder .test-detail-page .details-sidebar .sidebar-content .tasks-list .no-tasks{text-align:center;padding:30px;color:#6b7280}.tree-test-builder .test-detail-page .details-sidebar .sidebar-content .tasks-list .no-tasks p{margin:0 0 8px;font-size:14px}.tree-test-builder .test-detail-page .details-sidebar .sidebar-content .tasks-list .no-tasks p:last-child{margin-bottom:0;font-size:12px}.tree-test-builder .test-detail-page .details-sidebar .pinned-button-container{display:flex;flex-direction:row;border-top:1px solid #ffffff;padding:15px;gap:15px;box-shadow:0 -1px #eee}.tree-test-builder .test-detail-page .details-sidebar .pinned-button-container button:first-child{flex-grow:1;width:100%}.tree-test-builder .test-detail-page .details-sidebar .pinned-button-container button:last-child{flex-grow:2}.tree-test-builder .test-detail-page .prototype-wrapper{display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden;background:linear-gradient(to bottom,#fff,#f8f8fb);border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 1px #fff}.tree-test-builder .test-detail-page .prototype-wrapper .tree-builder-main{display:flex;flex-direction:column;height:100%;padding:15px}.tree-test-builder .test-detail-page .prototype-wrapper .tree-builder-main .tree-builder-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.tree-test-builder .test-detail-page .prototype-wrapper .tree-builder-main .tree-builder-header h3{font-size:18px;font-weight:600;margin:0;color:#000}.tree-test-builder .test-detail-page .prototype-wrapper .tree-builder-main .tree-builder-content{flex:1;overflow-y:auto;padding:15px 15px 100px;background:#fff;border-radius:10px;box-shadow:0 1px #fff;border:1px solid #e5e9ef}.tree-test-builder .test-detail-page .prototype-wrapper .tree-builder-main .tree-builder-content .tree-node-builder{margin-bottom:7.5px;margin-left:15px;min-height:40px;display:flex;align-items:center}.tree-test-builder .test-detail-page .prototype-wrapper .tree-builder-main .tree-builder-content .tree-node-builder.selected .tree-node-label{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.tree-test-builder .test-detail-page .prototype-wrapper .tree-builder-main .tree-builder-content .tree-node-builder .tree-node-content{width:100%}.tree-test-builder .test-detail-page .prototype-wrapper .tree-builder-main .tree-builder-content .tree-node-builder .tree-node-content .tree-node-header{display:flex;align-items:center;gap:15px;width:100%}.tree-test-builder .test-detail-page .prototype-wrapper .tree-builder-main .tree-builder-content .tree-node-builder .tree-node-content .tree-node-header .tree-node-label{flex:1;padding:7.5px 15px!important;border:1px solid #e5e9ef;border-radius:10px;background:#fff;color:#000;font-size:14px;text-align:left!important;cursor:pointer;transition:all .2s ease;width:100%;box-shadow:0 1px #fff}.tree-test-builder .test-detail-page .prototype-wrapper .tree-builder-main .tree-builder-content .tree-node-builder .tree-node-content .tree-node-header .tree-node-label:hover{border-color:var(--primary-color);background:#f8f9ff}.tree-test-builder .test-detail-page .prototype-wrapper .tree-builder-main .tree-builder-content .tree-node-builder .tree-node-content .tree-node-header .tree-node-label.selected{background:var(--primary-color)!important;color:#fff;border-color:var(--primary-color);box-shadow:0 1px #fff}.tree-test-builder .test-detail-page .prototype-wrapper .tree-builder-main .tree-builder-content .tree-node-builder .tree-node-content .tree-node-header .tree-node-label.editing{background:#fff;color:#000;border-color:var(--primary-color);outline:none;box-shadow:0 0 12px -6px var(--primary-color)}.tree-test-builder .test-detail-page .prototype-wrapper .tree-builder-main .tree-builder-content .tree-node-builder .tree-node-content .tree-node-header .tree-node-actions{display:flex;gap:4px}.tree-test-builder .test-detail-page .prototype-wrapper .tree-builder-main .tree-builder-content .tree-node-builder .tree-node-content .tree-node-header .tree-node-actions .action-btn{border:1px solid #e5e7eb;border-radius:10px;background:#fff;color:#000;font-size:12px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.tree-test-builder .test-detail-page .prototype-wrapper .tree-builder-main .tree-builder-content .tree-node-builder .tree-node-content .tree-node-header .tree-node-actions .action-btn:hover{border-color:var(--primary-color);background:#f8f9ff}.tree-test-builder .test-detail-page .prototype-wrapper .tree-builder-main .tree-builder-content .tree-node-builder .tree-node-content .tree-node-header .tree-node-actions .action-btn.add-btn:hover{background:#ecfdf5;border-color:#10b981;color:#065f46}.tree-test-builder .test-detail-page .prototype-wrapper .tree-builder-main .tree-builder-content .tree-node-builder .tree-node-content .tree-node-header .tree-node-actions .action-btn.edit-btn:hover{background:#fef3c7;border-color:#f59e0b;color:#92400e}.tree-test-builder .test-detail-page .prototype-wrapper .tree-builder-main .tree-builder-content .tree-node-builder .tree-node-content .tree-node-children{margin-top:7.5px;padding-left:15px;border-left:1px solid #000000}.tree-test-builder .test-detail-page .prototype-wrapper .tree-builder-main .tree-builder-content .tree-node-builder:last-child{margin-bottom:0}.tree-test-preview{display:flex;flex-direction:column;height:calc(100vh - 77px)}body.admin-bar-visible .tree-test-preview{height:calc(100vh - 165px)}.tree-test-preview .preview-header{display:flex;justify-content:space-between;align-items:center;padding:15px;border-bottom:1px solid #e5e7eb;box-shadow:0 1px #fff}.tree-test-preview .preview-header .back-btn{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;color:#000;font-size:14px;cursor:pointer;transition:all .2s ease}.tree-test-preview .preview-header .back-btn:hover{background:#f9fafb;border-color:var(--primary-color)}.tree-test-preview .preview-header h2{font-size:20px;font-weight:600;margin:0;color:#000}.tree-test-preview .preview-header .preview-info{font-size:14px;color:#6b7280;font-weight:500}.tree-test-preview .preview-content{display:grid;grid-template-columns:33vw 1fr;gap:30px;padding:15px;flex:1;overflow:hidden}@media (max-width: 1200px){.tree-test-preview .preview-content{grid-template-columns:33vw 1fr;gap:15px;padding:15px}}@media (max-width: 768px){.tree-test-preview .preview-content{grid-template-columns:1fr;gap:15px;padding:15px}}.tree-test-preview .preview-content .left-column{display:flex;flex-direction:column;gap:15px;min-height:0}.tree-test-preview .preview-content .task-panel{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:15px;box-shadow:0 1px #fff;flex-shrink:0}.tree-test-preview .preview-content .task-panel .task-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.tree-test-preview .preview-content .task-panel .task-header h3{font-size:18px;font-weight:600;margin:0;color:#000}.tree-test-preview .preview-content .task-panel .task-header .task-progress{background:#fff;color:#000;padding:7.5px 15px;border-radius:10px;font-size:12px;font-weight:400;border:1px solid #e5e9ef}.tree-test-preview .preview-content .task-panel .task-content .task-prompt{color:#000;margin:0 0 15px;background:#f8f9ff;padding:15px;border-radius:10px;border:1px solid var(--primary-color)}.tree-test-preview .preview-content .right-column{display:flex;flex-direction:column;min-height:0}.tree-test-preview .preview-content .tree-panel{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:15px;box-shadow:0 1px #fff;overflow:hidden;display:flex;flex-direction:column;flex:1;min-height:0}.tree-test-preview .preview-content .tree-panel .tree-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;flex-shrink:0}.tree-test-preview .preview-content .tree-panel .tree-header h3{font-size:18px;font-weight:600;margin:0;color:#000}.tree-test-preview .preview-content .tree-panel .tree-header .tree-hint{font-size:12px;color:#6b7280;font-style:italic;background:#f8f9fa;padding:4px 8px;border-radius:12px;border:1px solid #e5e7eb}.tree-test-preview .preview-content .tree-panel .tree-container{flex:1;overflow-y:auto;padding:15px;background:#dfe0e44d;border-radius:10px;border:1px solid #e5e7eb}.tree-test-preview .preview-content .tree-panel .tree-container .tree-node-preview{margin-bottom:8px}.tree-test-preview .preview-content .tree-panel .tree-container .tree-node-preview .tree-node-preview-content{display:flex;align-items:center;gap:8px}.tree-test-preview .preview-content .tree-panel .tree-container .tree-node-preview .tree-node-preview-content .expand-btn{width:28px;height:28px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;color:#000;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 1px 2px #0000000d}.tree-test-preview .preview-content .tree-panel .tree-container .tree-node-preview .tree-node-preview-content .expand-btn:hover{border-color:var(--primary-color);background:#f8f9ff;transform:scale(1.05);box-shadow:0 2px 4px #1667f333}.tree-test-preview .preview-content .tree-panel .tree-container .tree-node-preview .tree-node-preview-content .node-btn{flex:1;padding:10px 14px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;color:#000;font-size:14px;font-weight:500;text-align:left;cursor:pointer;transition:all .2s ease}.tree-test-preview .preview-content .tree-panel .tree-container .tree-node-preview .tree-node-preview-content .node-btn:hover{border-color:var(--primary-color);box-shadow:0 0 12px -6px var(--primary-color)}.tree-test-preview .preview-content .tree-panel .tree-container .tree-node-preview .tree-node-preview-children{margin-top:8px;padding-left:24px;border-left:2px solid #e5e7eb;position:relative}.tree-test-preview .preview-content .tree-panel .tree-container .tree-node-preview .tree-node-preview-children:before{content:"";position:absolute;left:-1px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#e5e7eb 0%,transparent 100%)}.tree-test-preview .preview-content .results-panel{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:15px;box-shadow:0 1px #fff;flex:1;display:flex;flex-direction:column;min-height:0}.tree-test-preview .preview-content .results-panel h3{font-size:18px;font-weight:600;margin:0 0 15px;color:#000}.tree-test-preview .preview-content .results-panel .path-display{background:#dfe0e44d;border:1px solid #e5e9ef;border-radius:10px;padding:15px;margin-bottom:15px;font-size:14px;line-height:1.4;display:flex;align-items:center;color:#000;box-shadow:0 1px #fff;flex-shrink:0}.tree-test-preview .preview-content .results-panel .path-display .path-items{display:flex;flex-wrap:wrap;align-items:center;gap:5px}.tree-test-preview .preview-content .results-panel .path-display .path-items .path-item{background:#fff;padding:6px 12px;border-radius:20px;border:1px solid #e5e7eb;font-weight:500;color:#000;box-shadow:1px 1px #fff;font-size:13px;white-space:nowrap;transition:all .2s ease;flex-shrink:0}.tree-test-preview .preview-content .results-panel .path-display .path-items .path-item:last-child{border-color:var(--primary-color)}.tree-test-preview .preview-content .results-panel .path-display .path-items .path-arrow{color:var(--primary-color);font-weight:700;font-size:15px;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:20px;height:20px}.tree-test-preview .preview-content .results-panel .path-display .no-path{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9ca3af;text-align:center}.tree-test-preview .preview-content .results-panel .path-display .no-path .no-path-icon{font-size:24px;margin-bottom:8px}.tree-test-preview .preview-content .results-panel .path-display .no-path .no-path-text{font-size:14px;font-style:italic}.tree-test-preview .preview-content .results-panel .completion-actions{display:flex;flex-direction:column;gap:15px;margin-top:auto}.tree-test-preview .preview-content .results-panel .completion-actions .next-btn,.tree-test-preview .preview-content .results-panel .completion-actions .restart-btn{width:100%;padding:12px 16px;border:1px solid var(--primary-color);border-radius:10px;background:var(--primary-color);color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.tree-test-preview .preview-content .results-panel .completion-actions .next-btn:hover:not(:disabled),.tree-test-preview .preview-content .results-panel .completion-actions .restart-btn:hover:not(:disabled){background:var(--primary-color-dark);border-color:var(--primary-color-dark);transform:translateY(-1px);box-shadow:0 2px 8px #1667f34d}.tree-test-preview .preview-content .results-panel .completion-actions .next-btn:disabled,.tree-test-preview .preview-content .results-panel .completion-actions .restart-btn:disabled{background:#f3f4f6;color:#9ca3af;border-color:#e5e7eb;cursor:not-allowed;opacity:.6}.tree-test-preview .preview-content .results-panel .completion-actions .restart-btn{background:transparent;color:var(--primary-color)}.tree-test-preview .preview-content .results-panel .completion-actions .restart-btn:hover{background:var(--primary-color-light);transform:translateY(-1px);box-shadow:0 2px 8px #1667f333}.tree-test-preview .preview-content .results-panel .completion-actions .all-complete{display:flex;flex-direction:column;align-items:center;gap:15px;background:var(--primary-color-light);padding:15px;border:1px solid var(--primary-color);border-radius:10px}.tree-test-preview .preview-content .results-panel .completion-actions .all-complete .complete-text{text-align:center}.tree-test-preview .preview-content .results-panel .completion-info .result{display:flex;align-items:center;gap:7.5px;padding:12px 16px;border-radius:10px;font-size:14px;font-weight:600}.tree-test-preview .preview-content .results-panel .completion-info .result .result-icon{font-size:16px;font-weight:700}.tree-test-preview .preview-content .results-panel .completion-info .result .result-text{flex:1}.tree-test-preview .preview-content .results-panel .completion-info .result .all-complete-badge{background:#fff;color:#000;padding:6px 12px;border-radius:10px;font-size:14px;white-space:nowrap;margin-left:auto;font-weight:400;border:1px solid #a7f3d0}.tree-test-preview .preview-content .results-panel .completion-info .result.success{font-size:14px;font-weight:400;background:#ecfdf5;color:#000;border:1px solid #a7f3d0}.tree-test-preview .preview-content .results-panel .completion-info .result.success .result-icon{font-size:14px;color:#059669}.tree-test-preview .preview-content .results-panel .completion-info .result.failure{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.tree-test-preview .preview-content .results-panel .completion-info .result.failure .result-icon{color:#dc2626}.tree-test-preview .preview-content .results-panel .completion-info .time-taken{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f8f9fa;border-radius:10px;margin-bottom:12px;font-size:14px}.tree-test-preview .preview-content .results-panel .completion-info .time-taken .time-label{color:#6b7280;font-weight:500}.tree-test-preview .preview-content .results-panel .completion-info .time-taken .time-value{color:#000;font-weight:600;font-family:monospace}.modal-overlay .modal-content .form-group input,.modal-overlay .modal-content .form-group textarea,.modal-overlay .modal-content .form-group select{width:100%;padding:8px 12px;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;background:#fff;color:#000}.modal-overlay .modal-content .form-group input:focus,.modal-overlay .modal-content .form-group textarea:focus,.modal-overlay .modal-content .form-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color),.1)}.tree-test-taker{display:flex;flex-direction:column;min-height:100vh;height:100%}.tree-test-taker .tree-test-container{display:flex;flex-direction:column;flex:1;padding:15px;height:100%;max-width:1400px;margin:0 auto;width:100%}.tree-test-taker .tree-test-container .test-header{display:flex;justify-content:space-between;align-items:center;padding:22.5px;border:1px solid #e5e9ef;border-radius:10px;box-shadow:0 1px #fff;margin-bottom:15px}.tree-test-taker .tree-test-container .test-header h1{font-size:24px;font-weight:600;margin:0;color:#000}.tree-test-taker .tree-test-container .test-header .task-progress{font-size:16px;color:#0009;font-weight:500;background:rgba(var(--primary-color),.1);padding:8px 16px;border-radius:20px;border:1px solid rgba(var(--primary-color),.2)}.tree-test-taker .tree-test-container .test-content{display:grid;grid-template-columns:400px 1fr;gap:15px;flex:1;height:calc(100vh - 102px)}.tree-test-taker .tree-test-container .test-content .task-panel{background:linear-gradient(to bottom,#fff,#f8f8fb);border:1px solid #e5e9ef;border-radius:10px;padding:22.5px;box-shadow:0 1px #fff;height:100%;display:flex;flex-direction:column}.tree-test-taker .tree-test-container .test-content .task-panel h2{font-size:20px;font-weight:600;margin:0 0 15px;color:#000;border-bottom:2px solid var(--primary-color);padding-bottom:8px}.tree-test-taker .tree-test-container .test-content .task-panel .task-prompt{font-size:16px;color:#000;margin:0 0 15px;line-height:1.6;font-weight:500}.tree-test-taker .tree-test-container .test-content .task-panel .task-instructions{font-size:14px;color:#000000b3;line-height:1.5;background:rgba(var(--primary-color),.05);padding:12px;border-radius:10px;border-left:3px solid var(--primary-color)}.tree-test-taker .tree-test-container .test-content .task-panel .result{padding:15px;border-radius:10px;text-align:center;box-shadow:0 1px #fff}.tree-test-taker .tree-test-container .test-content .task-panel .result.success{background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#065f46;border:1px solid #a7f3d0}.tree-test-taker .tree-test-container .test-content .task-panel .result.failure{background:linear-gradient(135deg,#fef2f2,#fecaca);color:#991b1b;border:1px solid #fecaca}.tree-test-taker .tree-test-container .test-content .right-panel{display:flex;flex-direction:column;gap:15px;height:100%}.tree-test-taker .tree-test-container .test-content .right-panel .results-panel{flex-shrink:0;height:auto}.tree-test-taker .tree-test-container .test-content .right-panel .tree-panel{flex:1;min-height:0}.tree-test-taker .tree-test-container .test-content .tree-panel{background:linear-gradient(to bottom,#fff,#f8f8fb);border:1px solid #e5e9ef;border-radius:10px;padding:22.5px;box-shadow:0 1px #fff;overflow:hidden;display:flex;flex-direction:column;height:100%}.tree-test-taker .tree-test-container .test-content .tree-panel h3{font-size:20px;font-weight:600;margin:0 0 15px;color:#000;border-bottom:2px solid var(--primary-color);padding-bottom:8px}.tree-test-taker .tree-test-container .test-content .tree-panel .tree-container{flex:1;overflow-y:auto;padding:15px;background:rgba(var(--primary-color),.02);border-radius:10px;border:1px solid rgba(var(--primary-color),.1)}.tree-test-taker .tree-test-container .test-content .tree-panel .tree-container .tree-node{margin-bottom:12px}.tree-test-taker .tree-test-container .test-content .tree-panel .tree-container .tree-node .node-content{display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid #e5e9ef;border-radius:10px;background:linear-gradient(to bottom,#fff,#f8f8fb);transition:all .2s ease;box-shadow:0 1px #fff}.tree-test-taker .tree-test-container .test-content .tree-panel .tree-container .tree-node .node-content:hover{border-color:var(--primary-color);box-shadow:0 2px 8px rgba(var(--primary-color),.15);transform:translateY(-1px)}.tree-test-taker .tree-test-container .test-content .tree-panel .tree-container .tree-node .node-content .expand-btn{width:28px;height:28px;border:1px solid #e5e9ef;border-radius:6px;background:linear-gradient(to bottom,#fff,#f8f8fb);color:#000;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 1px #fff}.tree-test-taker .tree-test-container .test-content .tree-panel .tree-container .tree-node .node-content .expand-btn:hover{border-color:var(--primary-color);background:rgba(var(--primary-color),.1);color:var(--primary-color)}.tree-test-taker .tree-test-container .test-content .tree-panel .tree-container .tree-node .node-content .node-label{flex:1;font-size:15px;color:#000;cursor:pointer;padding:8px 12px;border-radius:6px;transition:all .2s ease;font-weight:500}.tree-test-taker .tree-test-container .test-content .tree-panel .tree-container .tree-node .node-content .node-label:hover{background:rgba(var(--primary-color),.1);color:var(--primary-color)}.tree-test-taker .tree-test-container .test-content .tree-panel .tree-container .tree-node .node-children{margin-top:12px;padding-left:24px;border-left:2px solid rgba(var(--primary-color),.3);position:relative}.tree-test-taker .tree-test-container .test-content .tree-panel .tree-container .tree-node .node-children:before{content:"";position:absolute;left:-1px;top:-6px;width:2px;height:6px;background:rgba(var(--primary-color),.3)}.tree-test-taker .tree-test-container .test-content .results-panel{background:linear-gradient(to bottom,#fff,#f8f8fb);border:1px solid #e5e9ef;border-radius:10px;padding:22.5px;box-shadow:0 1px #fff;display:flex;flex-direction:column}.tree-test-taker .tree-test-container .test-content .results-panel h3{font-size:20px;font-weight:600;margin:0 0 15px;color:#000;border-bottom:2px solid var(--primary-color);padding-bottom:8px}.tree-test-taker .tree-test-container .test-content .results-panel .path-display{background:rgba(var(--primary-color),.05);border-radius:10px;padding:15px;font-size:14px;display:flex;align-items:center;color:#000;gap:7.5px}.tree-test-taker .tree-test-container .test-content .results-panel .completion-info{margin-top:auto;display:flex;flex-direction:row;gap:15px}.tree-test-taker .tree-test-container .test-content .results-panel .completion-info .time-taken{font-size:14px;color:#0009;text-align:center;margin-bottom:15px}.tree-test-taker .tree-test-container .test-content .results-panel .completion-info button{width:100%}.tree-test-results-main .individual-response{background:#fff!important;border-radius:10px!important;padding:15px!important;height:100%}.tree-test-results-main .individual-response .response-header{margin-bottom:24px!important;padding-bottom:16px!important;border-bottom:1px solid #e5e7eb!important}.tree-test-results-main .individual-response .response-header h3{margin:0 0 8px!important;font-size:20px!important;font-weight:600!important;color:#000!important}.tree-test-results-main .individual-response .response-header p{margin:4px 0!important;font-size:14px!important;color:#6b7280!important}.tree-test-results-main .individual-response .response-header p:first-of-type{font-weight:500!important;color:#000!important}.tree-test-results-main .individual-response .response-details .task-response-section{margin-bottom:24px!important}.tree-test-results-main .individual-response .response-details .task-response-section:last-child{margin-bottom:0!important}.tree-test-results-main .individual-response .response-details .task-response-section h4{margin:0 0 16px!important;font-size:16px!important;font-weight:600!important;color:#000!important;padding:12px 16px!important;background:linear-gradient(to top,#fff,#f1f5f9)!important;border-radius:10px!important;border-left:4px solid var(--primary-color)!important}.tree-test-results-main .individual-response .response-details .task-response-section .task-response-content{padding:0 4px!important}.tree-test-results-main .individual-response .response-details .task-response-section .response-section{margin-bottom:20px!important}.tree-test-results-main .individual-response .response-details .task-response-section .response-section:last-child{margin-bottom:0!important}.tree-test-results-main .individual-response .response-details .task-response-section .response-section h5{margin:0 0 8px!important;font-size:14px!important;font-weight:600!important;color:#000!important;text-transform:uppercase!important;letter-spacing:.5px!important}.tree-test-results-main .individual-response .response-details .task-response-section .response-section p{margin:0!important;font-size:14px!important;color:#000!important;line-height:1.5!important}.tree-test-results-main .individual-response .response-details .task-response-section .response-section .result-status{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:6px 12px!important;border-radius:20px!important;font-size:13px!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.5px!important}.tree-test-results-main .individual-response .response-details .task-response-section .response-section .result-status.success{background:linear-gradient(135deg,#dcfce7,#bbf7d0)!important;color:#166534!important;border:1px solid #86efac!important}.tree-test-results-main .individual-response .response-details .task-response-section .response-section .result-status.failure{background:linear-gradient(135deg,#fef2f2,#fecaca)!important;color:#991b1b!important;border:1px solid #fca5a5!important}.tree-test-results-main .individual-response .response-details .task-response-section .response-section .navigation-path{background:#f8fafc!important;border:1px solid #e5e7eb!important;border-radius:10px!important;padding:12px 16px!important;font-size:13px!important;color:#000!important;line-height:1.4!important}.tree-test-results-main .individual-response .response-details .task-response-section .response-section .navigation-path span{font-weight:500!important}.tree-test-results-main .individual-response .response-details .task-response-section .response-section .navigation-path span:not(:last-child){color:#6b7280!important}.tree-test-results-main{padding:15px;height:100%;overflow-y:auto;background:linear-gradient(to bottom,#fff,#f8f8fb);border-radius:10px;box-shadow:0 1px #fff}.tree-test-results-main .results-header{margin-bottom:30px;display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.tree-test-results-main .results-header>div:first-child{flex:1}.tree-test-results-main .results-header h2{font-size:24px;font-weight:600;color:#000;margin:0 0 7.5px}.tree-test-results-main .results-header p{font-size:16px;color:#0009;margin:0}.tree-test-results-main .results-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:30px}.tree-test-results-main .results-summary .summary-card{background:linear-gradient(to bottom,#fff,#f8f8fb);border:1px solid #e5e7eb;border-radius:10px;padding:22.5px;text-align:center;box-shadow:0 1px #fff}.tree-test-results-main .results-summary .summary-card h3{font-size:14px;font-weight:600;color:#000;margin:0 0 7.5px}.tree-test-results-main .results-summary .summary-card .summary-number{font-size:32px;font-weight:700;color:var(--primary-color);margin:0}.tree-test-results-main .results-content{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;height:100%;overflow-y:auto;width:100%}.tree-test-results-main .results-content .question-result{background:linear-gradient(to bottom,#fff,#f8f8fb);border:1px solid #e5e9ef;border-radius:10px;padding:15px;box-shadow:0 1px #fff;min-height:fit-content;width:100%}.tree-test-results-main .results-content .question-result .question-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.tree-test-results-main .results-content .question-result .question-header h4{font-size:18px;font-weight:600;color:#000;margin:0;flex:1}.tree-test-results-main .results-content .question-result .question-header .response-count{font-size:12px;color:#6b7280;background:#f3f4f6;padding:4px 8px;border-radius:10px;white-space:nowrap}.tree-test-results-main .results-content .question-result .question-prompt{font-size:14px;color:#000c;margin-bottom:15px;line-height:1.4}.tree-test-results-main .results-content .question-result .result-content{display:flex;flex-direction:column;gap:15px}.tree-test-results-main .results-content .question-result .result-content .result-section h5{margin:0 0 15px;font-size:16px;font-weight:600;color:#000}.tree-test-results-main .results-content .question-result .result-content .result-section .rating-results .rating-summary{display:flex;align-items:center;gap:15px;margin-bottom:22.5px}.tree-test-results-main .results-content .question-result .result-content .result-section .rating-results .rating-summary .average-rating{display:flex;flex-direction:column;align-items:center}.tree-test-results-main .results-content .question-result .result-content .result-section .rating-results .rating-summary .average-rating .rating-number{font-size:32px;font-weight:700;color:var(--primary-color)}.tree-test-results-main .results-content .question-result .result-content .result-section .rating-results .rating-summary .average-rating .rating-label{font-size:14px;color:#c3c3c3}.tree-test-results-main .results-content .question-result .result-content .result-section .rating-results .rating-summary .rating-stars{display:flex;gap:4px}.tree-test-results-main .results-content .question-result .result-content .result-section .rating-results .rating-summary .rating-stars .star{font-size:18px;color:#e6e9ed}.tree-test-results-main .results-content .question-result .result-content .result-section .rating-results .rating-summary .rating-stars .star.filled{color:#ffd900;text-shadow:0 1px 1px color(srgb .62 .5394 0 / .42)}.tree-test-results-main .results-content .question-result .result-content .result-section .rating-results .group-popularity-chart{display:flex;flex-direction:column;gap:15px}.tree-test-results-main .results-content .question-result .result-content .result-section .rating-results .group-popularity-chart .group-popularity-item .group-popularity-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:7.5px}.tree-test-results-main .results-content .question-result .result-content .result-section .rating-results .group-popularity-chart .group-popularity-item .group-popularity-label span:first-child{font-weight:400;font-size:14px;color:#000}.tree-test-results-main .results-content .question-result .result-content .result-section .rating-results .group-popularity-chart .group-popularity-item .group-popularity-label .group-popularity-count{font-size:14px;color:#0009;font-weight:500}.tree-test-results-main .results-content .question-result .result-content .result-section .rating-results .group-popularity-chart .group-popularity-item .group-popularity-bar{height:9px;background:#e5e7eb;border-radius:5px;overflow:hidden;padding:2px}.tree-test-results-main .results-content .question-result .result-content .result-section .rating-results .group-popularity-chart .group-popularity-item .group-popularity-bar .group-popularity-fill{height:5px;background:var(--primary-color);border-radius:5px;transition:width .8s ease-out}.tree-test-results-main .results-footer{margin-top:30px;padding-top:15px;border-top:1px solid #e5e7eb;text-align:right}.tree-test-results-main .results-footer .last-updated{font-size:12px;color:#6b7280}.tree-test-results-main .loading,.tree-test-results-main .no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;text-align:center}.tree-test-results-main .loading h3,.tree-test-results-main .no-results h3{font-size:20px;font-weight:600;color:#000;margin:0 0 7.5px}.tree-test-results-main .loading p,.tree-test-results-main .no-results p{font-size:16px;color:#0009;margin:0}@media (max-width: 1200px){.tree-test-builder .test-detail-page{grid-template-columns:450px 1fr}.tree-test-preview .preview-content,.tree-test-taker .test-content{grid-template-columns:1fr 1fr 250px}}@media (max-width: 768px){.tree-test-builder .test-detail-page{grid-template-columns:1fr;gap:15px;padding:15px}.tree-test-preview .preview-header{flex-direction:column;gap:15px;align-items:stretch}.tree-test-preview .preview-content,.tree-test-taker .test-content{grid-template-columns:1fr;gap:15px;padding:15px}}.first-click-test-builder{display:flex;flex-direction:column;height:calc(100vh - 77px)}body.admin-bar-visible .first-click-test-builder{height:calc(100vh - 165px)}.first-click-test-builder .test-detail-page{display:grid;grid-template-columns:450px 1fr;padding:15px;gap:15px;height:calc(100vh - 77px)}body.admin-bar-visible .first-click-test-builder .test-detail-page{height:calc(100vh - 165px)}@media (max-width: 768px){.first-click-test-builder .test-detail-page{grid-template-columns:1fr;overflow:auto}}.first-click-test-builder .test-detail-page .details-sidebar{display:flex;flex-direction:column;max-height:100%;width:450px;min-width:450px;max-width:450px;padding-top:15px;border-radius:10px;background:linear-gradient(to bottom,#fff,#f8f8fb);box-shadow:var(--default-box-shadow);border:1px solid rgba(255,255,255,.84)}@media (max-width: 768px){.first-click-test-builder .test-detail-page .details-sidebar{max-height:none;overflow:visible}}.first-click-test-builder .test-detail-page .details-sidebar .toggle-container{margin:0 15px 15px}.first-click-test-builder .test-detail-page .details-sidebar .sidebar-content{position:relative;display:flex;flex-direction:column;flex:1;overflow:scroll;padding:15px}.first-click-test-builder .test-detail-page .details-sidebar .sidebar-content .form-group{margin-bottom:15px}.first-click-test-builder .test-detail-page .details-sidebar .sidebar-content .form-group .form-label{display:block;font-size:14px;font-weight:500;margin-bottom:8px;color:#000}.first-click-test-builder .test-detail-page .details-sidebar .sidebar-content .form-group .form-input{width:100%;padding:8px 12px;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;background:#fff;color:#000}.first-click-test-builder .test-detail-page .details-sidebar .sidebar-content .form-group .form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color),.1)}.first-click-test-builder .test-detail-page .details-sidebar .sidebar-content .form-group textarea.form-input{resize:vertical;min-height:80px}.first-click-test-builder .test-detail-page .details-sidebar .sidebar-content .tasks-list{flex:1;overflow-y:auto}.first-click-test-builder .test-detail-page .details-sidebar .sidebar-content .tasks-list .task-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:15px;margin-bottom:15px}.first-click-test-builder .test-detail-page .details-sidebar .sidebar-content .tasks-list .task-item .task-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.first-click-test-builder .test-detail-page .details-sidebar .sidebar-content .tasks-list .task-item .task-header .task-number{font-size:14px;font-weight:600;color:#000}.first-click-test-builder .test-detail-page .details-sidebar .sidebar-content .tasks-list .task-item .task-header .task-actions{display:flex;gap:4px}.first-click-test-builder .test-detail-page .details-sidebar .sidebar-content .tasks-list .task-item .task-header .task-actions .edit-task-btn,.first-click-test-builder .test-detail-page .details-sidebar .sidebar-content .tasks-list .task-item .task-header .task-actions .delete-task-btn{padding:4px 8px;border:1px solid #e5e7eb;border-radius:4px;background:#fff;color:#000;font-size:11px;cursor:pointer;transition:all .2s ease}.first-click-test-builder .test-detail-page .details-sidebar .sidebar-content .tasks-list .task-item .task-header .task-actions .edit-task-btn:hover,.first-click-test-builder .test-detail-page .details-sidebar .sidebar-content .tasks-list .task-item .task-header .task-actions .delete-task-btn:hover{border-color:var(--primary-color);background:#f8f9ff}.first-click-test-builder .test-detail-page .details-sidebar .sidebar-content .tasks-list .task-item .task-header .task-actions .edit-task-btn.delete-task-btn:hover,.first-click-test-builder .test-detail-page .details-sidebar .sidebar-content .tasks-list .task-item .task-header .task-actions .delete-task-btn.delete-task-btn:hover{background:#fef2f2;border-color:#ef4444;color:#991b1b}.first-click-test-builder .test-detail-page .details-sidebar .sidebar-content .tasks-list .task-item .task-content .task-prompt{font-size:14px;color:#000;margin:0 0 8px;line-height:1.4}.first-click-test-builder .test-detail-page .details-sidebar .sidebar-content .tasks-list .task-item .task-content .task-target{display:flex;align-items:center;gap:8px;font-size:12px}.first-click-test-builder .test-detail-page .details-sidebar .sidebar-content .tasks-list .task-item .task-content .task-target .label{color:#6b7280;font-weight:500}.first-click-test-builder .test-detail-page .details-sidebar .sidebar-content .tasks-list .task-item .task-content .task-target .target-area{color:#000;font-weight:600;padding:2px 6px;background:#e5e7eb;border-radius:4px}.first-click-test-builder .test-detail-page .details-sidebar .sidebar-content .tasks-list .no-tasks{text-align:center;padding:30px;color:#6b7280}.first-click-test-builder .test-detail-page .details-sidebar .sidebar-content .tasks-list .no-tasks p{margin:0 0 8px;font-size:14px}.first-click-test-builder .test-detail-page .details-sidebar .sidebar-content .tasks-list .no-tasks p:last-child{margin-bottom:0;font-size:12px}.first-click-test-builder .test-detail-page .details-sidebar .pinned-button-container{display:flex;flex-direction:row;border-top:1px solid #ffffff;padding:15px;gap:15px;box-shadow:0 -1px #eee}.first-click-test-builder .test-detail-page .details-sidebar .pinned-button-container button:first-child{flex-grow:1;width:100%}.first-click-test-builder .test-detail-page .details-sidebar .pinned-button-container button:last-child{flex-grow:2}.first-click-test-builder .test-detail-page .prototype-wrapper{display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden;background:linear-gradient(to bottom,#fff,#f8f8fb);border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 1px #fff}.first-click-test-builder .test-detail-page .prototype-wrapper .prototype-main{display:flex;flex-direction:column;height:100%;padding:15px}.first-click-test-builder .test-detail-page .prototype-wrapper .prototype-main .prototype-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.first-click-test-builder .test-detail-page .prototype-wrapper .prototype-main .prototype-header h3{font-size:18px;font-weight:600;margin:0;color:#000}.first-click-test-builder .test-detail-page .prototype-wrapper .prototype-main .prototype-header .prototype-url{font-size:12px;color:#6b7280;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.first-click-test-builder .test-detail-page .prototype-wrapper .prototype-main .prototype-content{flex:1;overflow:hidden;border-radius:10px;background:#f9fafb;position:relative}.first-click-test-builder .test-detail-page .prototype-wrapper .prototype-main .prototype-content iframe{width:100%;height:100%;border:none;border-radius:10px}.first-click-test-builder .test-detail-page .prototype-wrapper .prototype-main .prototype-content .no-prototype{display:flex;align-items:center;justify-content:center;height:100%;background:#f9fafb;border-radius:10px}.first-click-test-builder .test-detail-page .prototype-wrapper .prototype-main .prototype-content .no-prototype .placeholder-content{text-align:center;color:#6b7280}.first-click-test-builder .test-detail-page .prototype-wrapper .prototype-main .prototype-content .no-prototype .placeholder-content h4{font-size:18px;font-weight:600;margin:0 0 8px;color:#000}.first-click-test-builder .test-detail-page .prototype-wrapper .prototype-main .prototype-content .no-prototype .placeholder-content p{margin:0 0 4px;font-size:14px}.first-click-test-builder .test-detail-page .prototype-wrapper .prototype-main .prototype-content .no-prototype .placeholder-content p:last-child{margin-bottom:0;font-size:12px}.first-click-test-preview{display:flex;flex-direction:column;height:calc(100vh - 77px);background:linear-gradient(to bottom,#fff,#f8f8fb)}body.admin-bar-visible .first-click-test-preview{height:calc(100vh - 165px)}.first-click-test-preview .preview-header{display:flex;justify-content:space-between;align-items:center;padding:15px 30px;border-bottom:1px solid #e5e7eb;background:#fff;box-shadow:0 1px #fff}.first-click-test-preview .preview-header .back-btn{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;color:#000;font-size:14px;cursor:pointer;transition:all .2s ease}.first-click-test-preview .preview-header .back-btn:hover{background:#f9fafb;border-color:var(--primary-color)}.first-click-test-preview .preview-header h2{font-size:20px;font-weight:600;margin:0;color:#000}.first-click-test-preview .preview-header .preview-info{font-size:14px;color:#6b7280;font-weight:500}.first-click-test-preview .preview-content{display:grid;grid-template-columns:300px 1fr 300px;gap:30px;padding:30px;flex:1;overflow:hidden}.first-click-test-preview .preview-content .task-panel{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:15px;box-shadow:var(--default-box-shadow)}.first-click-test-preview .preview-content .task-panel h3{font-size:18px;font-weight:600;margin:0 0 15px;color:#000}.first-click-test-preview .preview-content .task-panel .task-prompt{font-size:16px;color:#000;margin:0 0 15px;line-height:1.5;font-weight:500}.first-click-test-preview .preview-content .task-panel .task-instructions{font-size:14px;color:#6b7280;line-height:1.4}.first-click-test-preview .preview-content .prototype-panel{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:15px;box-shadow:var(--default-box-shadow);overflow:hidden;display:flex;flex-direction:column}.first-click-test-preview .preview-content .prototype-panel h3{font-size:18px;font-weight:600;margin:0 0 15px;color:#000}.first-click-test-preview .preview-content .prototype-panel .prototype-container{flex:1;position:relative;overflow:hidden;border-radius:10px;background:#f9fafb}.first-click-test-preview .preview-content .prototype-panel .prototype-container iframe{width:100%;height:100%;border:none;border-radius:10px}.first-click-test-preview .preview-content .prototype-panel .prototype-container .no-prototype{display:flex;align-items:center;justify-content:center;height:100%;color:#6b7280}.first-click-test-preview .preview-content .prototype-panel .prototype-container .click-indicator{position:absolute;width:20px;height:20px;border-radius:50%;background-color:#f44;border:2px solid white;pointer-events:none;z-index:1000;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}to{transform:scale(1);opacity:1}}.first-click-test-preview .preview-content .results-panel{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:15px;box-shadow:var(--default-box-shadow)}.first-click-test-preview .preview-content .results-panel h3{font-size:18px;font-weight:600;margin:0 0 15px;color:#000}.first-click-test-preview .preview-content .results-panel .click-info{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:15px;margin-bottom:15px;font-size:14px;line-height:1.4}.first-click-test-preview .preview-content .results-panel .click-info .coordinates,.first-click-test-preview .preview-content .results-panel .click-info .time-taken{margin-bottom:8px}.first-click-test-preview .preview-content .results-panel .click-info .coordinates:last-child,.first-click-test-preview .preview-content .results-panel .click-info .time-taken:last-child{margin-bottom:0}.first-click-test-preview .preview-content .results-panel .no-click{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:15px;margin-bottom:15px;font-size:14px;color:#6b7280;text-align:center;min-height:60px;display:flex;align-items:center;justify-content:center}.first-click-test-preview .preview-content .results-panel .completion-info .result{padding:8px 12px;border-radius:10px;font-size:14px;font-weight:600;margin-bottom:8px;text-align:center}.first-click-test-preview .preview-content .results-panel .completion-info .result.success{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.first-click-test-preview .preview-content .results-panel .completion-info .result.neutral{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.first-click-test-preview .preview-content .results-panel .completion-info .next-btn,.first-click-test-preview .preview-content .results-panel .completion-info .restart-btn{width:100%;padding:10px 16px;border:1px solid var(--primary-color);border-radius:10px;background:var(--primary-color);color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-bottom:8px}.first-click-test-preview .preview-content .results-panel .completion-info .next-btn:hover,.first-click-test-preview .preview-content .results-panel .completion-info .restart-btn:hover{background:#0056cc;border-color:#0056cc}.first-click-test-preview .preview-content .results-panel .completion-info .restart-btn{background:#fff;color:var(--primary-color)}.first-click-test-preview .preview-content .results-panel .completion-info .restart-btn:hover{background:var(--primary-color);color:#fff}.first-click-test-preview .preview-content .results-panel .completion-info .all-complete{text-align:center;padding:12px;background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0;border-radius:10px;font-size:14px;font-weight:600;margin-bottom:8px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-overlay .modal-content{background:#fff;border-radius:10px;padding:30px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:500px;width:90%;max-height:80vh;overflow-y:auto}.modal-overlay .modal-content h3{font-size:20px;font-weight:600;margin:0 0 15px;color:#000}.modal-overlay .modal-content .form-group{margin-bottom:15px}.modal-overlay .modal-content .form-group label{display:block;font-size:14px;font-weight:500;margin-bottom:8px;color:#000}.modal-overlay .modal-content .form-group input,.modal-overlay .modal-content .form-group textarea{width:100%;padding:8px 12px;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;background:#fff;color:#000}.modal-overlay .modal-content .form-group input:focus,.modal-overlay .modal-content .form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color),.1)}.modal-overlay .modal-content .form-group textarea{resize:vertical;min-height:80px}.modal-overlay .modal-content .form-group .target-area-inputs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:8px}.modal-overlay .modal-content .form-group .target-area-inputs input{text-align:center;font-size:12px}.modal-overlay .modal-content .form-group small{font-size:12px;color:#6b7280;line-height:1.4}.modal-overlay .modal-content .modal-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:30px}.modal-overlay .modal-content .modal-actions .cancel-btn{padding:8px 16px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;color:#000;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.modal-overlay .modal-content .modal-actions .cancel-btn:hover{background:#f9fafb;border-color:var(--primary-color)}.modal-overlay .modal-content .modal-actions .save-btn{padding:8px 16px;border:1px solid var(--primary-color);border-radius:10px;background:var(--primary-color);color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.modal-overlay .modal-content .modal-actions .save-btn:hover{background:#0056cc;border-color:#0056cc}@media (max-width: 1200px){.first-click-test-builder .test-detail-page{grid-template-columns:450px 1fr}.first-click-test-preview .preview-content{grid-template-columns:250px 1fr 250px}}@media (max-width: 768px){.first-click-test-builder .test-detail-page{grid-template-columns:1fr;gap:15px;padding:15px}.first-click-test-preview .preview-header{flex-direction:column;gap:15px;align-items:stretch}.first-click-test-preview .preview-content{grid-template-columns:1fr;gap:15px;padding:15px}}.gradient-picker-popover{position:absolute;right:0;top:0;margin-left:12px;z-index:10;background:linear-gradient(to bottom,#fff,#f8f8fb);border:1px solid #e5e7eb;border-radius:10px;padding:15px}.card-sort-test-builder .card-sort-main,.card-sort-test-preview .card-sort-main{padding:15px;height:calc(100vh - 111px)}.card-sort-test-builder .card-sort-main.test,.card-sort-test-preview .card-sort-main.test{height:calc(100vh - 133px)}.card-sort-test-builder .card-sort-main .card-sort-header,.card-sort-test-preview .card-sort-main .card-sort-header{margin-bottom:15px}.card-sort-test-builder .card-sort-main .card-sort-header h3,.card-sort-test-preview .card-sort-main .card-sort-header h3{font-size:20px;font-weight:600;color:#000;margin:0}.card-sort-test-builder .card-sort-main .card-sort-content,.card-sort-test-preview .card-sort-main .card-sort-content{display:flex;flex-direction:column;gap:15px;align-items:stretch;height:100%}.card-sort-test-builder .card-sort-main .card-sort-content .card-pool,.card-sort-test-builder .card-sort-main .card-sort-content .card-group,.card-sort-test-preview .card-sort-main .card-sort-content .card-pool,.card-sort-test-preview .card-sort-main .card-sort-content .card-group{min-width:200px;background:#dfe0e44d;border:1px solid #e5e7eb;border-radius:10px;padding:15px 15px 0;box-shadow:0 1px #fff;min-height:120px;transition:box-shadow .2s}.card-sort-test-builder .card-sort-main .card-sort-content .card-pool h4,.card-sort-test-builder .card-sort-main .card-sort-content .card-group h4,.card-sort-test-preview .card-sort-main .card-sort-content .card-pool h4,.card-sort-test-preview .card-sort-main .card-sort-content .card-group h4{font-size:16px;font-weight:600;color:#000;margin-bottom:15px}.card-sort-test-builder .card-sort-main .card-sort-content .card-pool.drag-over,.card-sort-test-builder .card-sort-main .card-sort-content .card-group.drag-over,.card-sort-test-preview .card-sort-main .card-sort-content .card-pool.drag-over,.card-sort-test-preview .card-sort-main .card-sort-content .card-group.drag-over{box-shadow:0 0 0 3px var(--primary-color-light);border-color:var(--primary-color)}.card-sort-test-builder .card-sort-main .card-sort-content .card-pool,.card-sort-test-preview .card-sort-main .card-sort-content .card-pool{width:100%;margin-bottom:1rem;max-height:333px;overflow-y:scroll}.card-sort-test-builder .card-sort-main .card-sort-content .card-pool h4,.card-sort-test-preview .card-sort-main .card-sort-content .card-pool h4{width:100%;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb;box-shadow:0 1px #fff}.card-sort-test-builder .card-sort-main .card-sort-content .card-pool .card-pool-content,.card-sort-test-preview .card-sort-main .card-sort-content .card-pool .card-pool-content{display:flex;flex-wrap:wrap;gap:.75rem;align-content:flex-start;min-height:80px;margin-bottom:15px;align-content:center}.card-sort-test-builder .card-sort-main .card-sort-content .card-pool .card-pool-content .no-cards,.card-sort-test-preview .card-sort-main .card-sort-content .card-pool .card-pool-content .no-cards{color:#c3c3c3;font-size:14px;font-style:italic;text-align:center;width:100%}.card-sort-test-builder .card-sort-main .card-sort-content .card-pool .card-pool-content .card-item,.card-sort-test-preview .card-sort-main .card-sort-content .card-pool .card-pool-content .card-item{width:120px;height:120px;margin-bottom:0;max-width:none}.card-sort-test-builder .card-sort-main .card-sort-content .groups-container,.card-sort-test-preview .card-sort-main .card-sort-content .groups-container{flex:1;min-height:0;height:100%;overflow:scroll;display:flex;flex-direction:row;gap:15px}.card-sort-test-builder .card-sort-main .card-sort-content .groups-container .card-group,.card-sort-test-preview .card-sort-main .card-sort-content .groups-container .card-group{overflow:auto hidden;display:flex;width:max-content;flex-grow:1;flex-direction:column;min-width:437px}.card-sort-test-builder .card-sort-main .card-sort-content .groups-container .card-group h4,.card-sort-test-preview .card-sort-main .card-sort-content .groups-container .card-group h4{border-bottom:1px solid #e5e9ef;box-shadow:0 1px #fff;padding-bottom:7.5px;margin-bottom:unset}.card-sort-test-builder .card-sort-main .card-sort-content .card-item,.card-sort-test-preview .card-sort-main .card-sort-content .card-item{background:linear-gradient(150deg,#fdf5d4,#ffea97);border:none;border-radius:2px;padding:15px;font-size:13px;color:#000;box-shadow:0 4px 2px -2px #00000014;cursor:grab;display:flex;align-items:center;justify-content:space-between;transition:transform .5s cubic-bezier(.4,.2,.2,1),box-shadow .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Inter,sans-serif;font-weight:500;position:relative;width:125px;height:125px;flex-direction:column;justify-content:center;text-align:center;white-space:normal;word-wrap:break-word;overflow-wrap:break-word}.card-sort-test-builder .card-sort-main .card-sort-content .card-item:before,.card-sort-test-preview .card-sort-main .card-sort-content .card-item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(0deg,transparent 0%,rgba(255,255,255,.1) 80%,transparent 80%);pointer-events:none}.card-sort-test-builder .card-sort-main .card-sort-content .card-item:hover,.card-sort-test-preview .card-sort-main .card-sort-content .card-item:hover{box-shadow:0 5px 6px -2px #0000001a}.card-sort-test-builder .card-sort-main .card-sort-content .card-item.dragging,.card-sort-test-preview .card-sort-main .card-sort-content .card-item.dragging{opacity:.9;box-shadow:0 5px 6px -2px #0000001a,0 4px 8px #00000026;transform:rotate(2deg) scale(1.02);cursor:grabbing!important}.card-sort-test-builder .card-sort-main .card-sort-content .card-item .remove-btn,.card-sort-test-preview .card-sort-main .card-sort-content .card-item .remove-btn{position:absolute;top:0;right:0;width:100%;height:22px;background:#ffffff40!important;border:none;box-shadow:none;color:#000;font-size:18px;line-height:1;padding:0 5px!important;cursor:pointer;display:flex;align-items:center;justify-content:flex-end;border-radius:0!important;transition:opacity .15s;z-index:2}.card-sort-test-builder .preview-header,.card-sort-test-preview .preview-header{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:5px 0;gap:5px}.card-sort-test-builder .test-header,.card-sort-test-preview .test-header{padding:15px;gap:15px}.card-sort-test-builder .test-header h2,.card-sort-test-preview .test-header h2{font-size:24px;font-weight:700;color:#000;margin:0}.card-sort-test-builder .test-header .test-description,.card-sort-test-preview .test-header .test-description{max-width:75vw}.card-sort-test-builder .card-sort-main .card-sort-content .groups-container,.card-sort-test-preview .card-sort-main .card-sort-content .groups-container{flex:1;min-height:0;height:100%;max-height:100%;overflow-y:hidden}.card-sort-list-row{display:flex;align-items:center;justify-content:space-between;padding:5px 0;gap:5px;max-height:42px}.card-sort-list-row input,.card-sort-list-row button{height:33px}.card-sort-list-row .card-sort-label{flex:1;text-align:left;font-size:14px;padding-right:15px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-sort-list-row .card-sort-actions{display:flex;gap:.5rem;align-items:center}.card-sort-list-row .card-sort-actions .button-group{display:flex;gap:.25rem}.card-sort-list-row .card-sort-actions .button-group button{min-width:32px;height:32px;padding:0}.card-sort-list-row .card-sort-actions .button-group button i{font-size:8px}.card-sort-list-row .drag-handle{opacity:0;transition:opacity .15s;margin-right:10px;cursor:grab;display:inline-block;vertical-align:middle}.card-sort-list-row:hover .drag-handle,.card-sort-list-row.dragging .drag-handle{opacity:1}.card-sort-results-main{padding:15px;height:100%;overflow-y:auto;background:linear-gradient(to bottom,#fff,#f8f8fb);border-radius:10px;box-shadow:var(--default-box-shadow)}.card-sort-results-main .results-header{margin-bottom:30px;padding-bottom:15px;border-bottom:1px solid #e5e7eb}.card-sort-results-main .results-header h2{font-size:24px;font-weight:600;color:#000;margin:0 0 7.5px}.card-sort-results-main .results-header p{font-size:16px;color:#0009;margin:0}.card-sort-results-main .error-state,.card-sort-results-main .no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;text-align:center}.card-sort-results-main .error-state h3,.card-sort-results-main .no-results h3{font-size:20px;font-weight:600;color:#000;margin:0 0 7.5px}.card-sort-results-main .error-state p,.card-sort-results-main .no-results p{font-size:16px;color:#0009;margin:0}.card-sort-results-main .error-state p{color:#fc5e5e}.card-sort-results-main .results-content{display:flex;flex-direction:column;gap:30px}.card-sort-results-main .results-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:15px}.card-sort-results-main .results-summary .summary-card{background:linear-gradient(to bottom,#fff,#f8f8fb);border:1px solid #e5e7eb;border-radius:10px;padding:30px;text-align:center;transition:transform .2s,box-shadow .2s;box-shadow:0 1px #fff}.card-sort-results-main .results-summary .summary-card h3{font-size:14px;font-weight:600;color:#000;margin:0 0 7.5px}.card-sort-results-main .results-summary .summary-card .summary-number{font-size:32px;font-weight:700;color:var(--primary-color);margin:0}.card-sort-results-main .results-section{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:30px;box-shadow:0 1px #fff}.card-sort-results-main .results-section h3{font-size:18px;font-weight:600;color:#000;margin:0 0 30px;padding-bottom:7.5px;border-bottom:1px solid #e5e7eb}.card-sort-results-main .heatmap-container{overflow-x:auto}.card-sort-results-main .heatmap-container .heatmap-header{display:flex;margin-bottom:7.5px;min-width:600px}.card-sort-results-main .heatmap-container .heatmap-header .heatmap-card-label{width:150px;font-weight:600;color:#000;padding:7.5px}.card-sort-results-main .heatmap-container .heatmap-header .heatmap-groups{display:flex;flex:1}.card-sort-results-main .heatmap-container .heatmap-header .heatmap-groups .heatmap-group-label{flex:1;text-align:center;font-weight:600;color:#000;padding:7.5px;font-size:14px;min-width:80px}.card-sort-results-main .heatmap-container .heatmap-body .heatmap-row{display:flex;align-items:center;margin-bottom:7.5px;min-width:600px}.card-sort-results-main .heatmap-container .heatmap-body .heatmap-row .heatmap-card-name{width:150px;font-weight:500;color:#000;padding:7.5px;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:sticky;left:0;z-index:2;background:#fff;box-shadow:2px 0 4px -2px #0000000a}.card-sort-results-main .heatmap-container .heatmap-body .heatmap-row .heatmap-cells{display:flex;flex:1}.card-sort-results-main .heatmap-container .heatmap-body .heatmap-row .heatmap-cells .heatmap-cell{flex:1;text-align:center;padding:7.5px;font-weight:600;font-size:14px;border-radius:5px;margin:0 3.75px;min-width:60px;transition:transform .2s;border:1px solid transparent}.card-sort-results-main .heatmap-container .heatmap-body .heatmap-row .heatmap-cells .heatmap-cell:hover{border-color:#000;background-color:#fafafa!important;color:#000!important}.card-sort-results-main .heatmap-container .heatmap-body .heatmap-row .heatmap-cells .heatmap-cell.pool-cell{background-color:#9ca3af33;border:1px solid transparent}.card-sort-results-main .heatmap-container .heatmap-body .heatmap-row .heatmap-cells .heatmap-cell.pool-cell:hover{border-color:#000;box-shadow:0 0 12px -6px #000}.card-sort-results-main .heatmap-container .heatmap-body .heatmap-row:hover .heatmap-card-name{outline:1px dotted #000000;background-color:#fafafa;outline-offset:-1px;border-radius:5px}.card-sort-results-main .heatmap-container:has(.heatmap-body .heatmap-row .heatmap-cell:nth-child(1):hover) .heatmap-header .heatmap-groups .heatmap-group-label:nth-child(1){outline:1px dotted #000000;background-color:#fafafa;outline-offset:-1px;border-radius:5px}.card-sort-results-main .heatmap-container:has(.heatmap-body .heatmap-row .heatmap-cell:nth-child(2):hover) .heatmap-header .heatmap-groups .heatmap-group-label:nth-child(2){outline:1px dotted #000000;background-color:#fafafa;outline-offset:-1px;border-radius:5px}.card-sort-results-main .heatmap-container:has(.heatmap-body .heatmap-row .heatmap-cell:nth-child(3):hover) .heatmap-header .heatmap-groups .heatmap-group-label:nth-child(3){outline:1px dotted #000000;background-color:#fafafa;outline-offset:-1px;border-radius:5px}.card-sort-results-main .heatmap-container:has(.heatmap-body .heatmap-row .heatmap-cell:nth-child(4):hover) .heatmap-header .heatmap-groups .heatmap-group-label:nth-child(4){outline:1px dotted #000000;background-color:#fafafa;outline-offset:-1px;border-radius:5px}.card-sort-results-main .heatmap-container:has(.heatmap-body .heatmap-row .heatmap-cell:nth-child(5):hover) .heatmap-header .heatmap-groups .heatmap-group-label:nth-child(5){outline:1px dotted #000000;background-color:#fafafa;outline-offset:-1px;border-radius:5px}.card-sort-results-main .heatmap-container:has(.heatmap-body .heatmap-row .heatmap-cell:nth-child(6):hover) .heatmap-header .heatmap-groups .heatmap-group-label:nth-child(6){outline:1px dotted #000000;background-color:#fafafa;outline-offset:-1px;border-radius:5px}.card-sort-results-main .heatmap-container:has(.heatmap-body .heatmap-row .heatmap-cell:nth-child(7):hover) .heatmap-header .heatmap-groups .heatmap-group-label:nth-child(7){outline:1px dotted #000000;background-color:#fafafa;outline-offset:-1px;border-radius:5px}.card-sort-results-main .heatmap-container:has(.heatmap-body .heatmap-row .heatmap-cell:nth-child(8):hover) .heatmap-header .heatmap-groups .heatmap-group-label:nth-child(8){outline:1px dotted #000000;background-color:#fafafa;outline-offset:-1px;border-radius:5px}.card-sort-results-main .heatmap-container:has(.heatmap-body .heatmap-row .heatmap-cell:nth-child(9):hover) .heatmap-header .heatmap-groups .heatmap-group-label:nth-child(9){outline:1px dotted #000000;background-color:#fafafa;outline-offset:-1px;border-radius:5px}.card-sort-results-main .heatmap-container:has(.heatmap-body .heatmap-row .heatmap-cell:nth-child(10):hover) .heatmap-header .heatmap-groups .heatmap-group-label:nth-child(10){outline:1px dotted #000000;background-color:#fafafa;outline-offset:-1px;border-radius:5px}.card-sort-results-main .heatmap-container:has(.heatmap-body .heatmap-row .heatmap-cell:nth-child(11):hover) .heatmap-header .heatmap-groups .heatmap-group-label:nth-child(11){outline:1px dotted #000000;background-color:#fafafa;outline-offset:-1px;border-radius:5px}.card-sort-results-main .heatmap-container:has(.heatmap-body .heatmap-row .heatmap-cell:nth-child(12):hover) .heatmap-header .heatmap-groups .heatmap-group-label:nth-child(12){outline:1px dotted #000000;background-color:#fafafa;outline-offset:-1px;border-radius:5px}.card-sort-results-main .heatmap-container:has(.heatmap-body .heatmap-row .heatmap-cell:nth-child(13):hover) .heatmap-header .heatmap-groups .heatmap-group-label:nth-child(13){outline:1px dotted #000000;background-color:#fafafa;outline-offset:-1px;border-radius:5px}.card-sort-results-main .heatmap-container:has(.heatmap-body .heatmap-row .heatmap-cell:nth-child(14):hover) .heatmap-header .heatmap-groups .heatmap-group-label:nth-child(14){outline:1px dotted #000000;background-color:#fafafa;outline-offset:-1px;border-radius:5px}.card-sort-results-main .heatmap-container:has(.heatmap-body .heatmap-row .heatmap-cell:nth-child(15):hover) .heatmap-header .heatmap-groups .heatmap-group-label:nth-child(15){outline:1px dotted #000000;background-color:#fafafa;outline-offset:-1px;border-radius:5px}.card-sort-results-main .heatmap-container:has(.heatmap-body .heatmap-row .heatmap-cell:nth-child(16):hover) .heatmap-header .heatmap-groups .heatmap-group-label:nth-child(16){outline:1px dotted #000000;background-color:#fafafa;outline-offset:-1px;border-radius:5px}.card-sort-results-main .heatmap-container:has(.heatmap-body .heatmap-row .heatmap-cell:nth-child(17):hover) .heatmap-header .heatmap-groups .heatmap-group-label:nth-child(17){outline:1px dotted #000000;background-color:#fafafa;outline-offset:-1px;border-radius:5px}.card-sort-results-main .heatmap-container:has(.heatmap-body .heatmap-row .heatmap-cell:nth-child(18):hover) .heatmap-header .heatmap-groups .heatmap-group-label:nth-child(18){outline:1px dotted #000000;background-color:#fafafa;outline-offset:-1px;border-radius:5px}.card-sort-results-main .heatmap-container:has(.heatmap-body .heatmap-row .heatmap-cell:nth-child(19):hover) .heatmap-header .heatmap-groups .heatmap-group-label:nth-child(19){outline:1px dotted #000000;background-color:#fafafa;outline-offset:-1px;border-radius:5px}.card-sort-results-main .heatmap-container:has(.heatmap-body .heatmap-row .heatmap-cell:nth-child(20):hover) .heatmap-header .heatmap-groups .heatmap-group-label:nth-child(20){outline:1px dotted #000000;background-color:#fafafa;outline-offset:-1px;border-radius:5px}.card-sort-results-main .group-popularity-chart{display:flex;flex-direction:column;gap:15px}.card-sort-results-main .group-popularity-chart .group-popularity-item .group-popularity-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:7.5px}.card-sort-results-main .group-popularity-chart .group-popularity-item .group-popularity-label span:first-child{font-weight:500;color:#000}.card-sort-results-main .group-popularity-chart .group-popularity-item .group-popularity-label .group-popularity-count{font-size:14px;color:#0009;font-weight:500}.card-sort-results-main .group-popularity-chart .group-popularity-item .group-popularity-bar{height:10px;background:transparent;border-radius:5px;overflow:hidden;border:1px solid #e5e9ef;padding:1.5px 2px}.card-sort-results-main .group-popularity-chart .group-popularity-item .group-popularity-bar .group-popularity-fill{height:5px;background:#1667f3;border-radius:5px;transition:width .8s ease-out}.card-sort-results-main .results-table-container{overflow-x:auto}.card-sort-results-main .results-table-container .results-table{width:100%;border-collapse:separate;border-spacing:0;min-width:600px;border-radius:10px;overflow:hidden;background:#fff;border:1px solid #e5e7eb}.card-sort-results-main .results-table-container .results-table th,.card-sort-results-main .results-table-container .results-table td{padding:7.5px;text-align:left;border-top:1px solid transparent;border-bottom:1px solid #e5e7eb;border-left:none;border-right:none}.card-sort-results-main .results-table-container .results-table th{background:#f9fafb;font-weight:600;color:#000;font-size:14px;position:sticky;top:0;z-index:10;border-top:none;border-left:none;border-right:none;border-radius:0}.card-sort-results-main .results-table-container .results-table th:first-child{border-top-left-radius:10px}.card-sort-results-main .results-table-container .results-table th:last-child{border-top-right-radius:10px}.card-sort-results-main .results-table-container .results-table td{font-size:14px;color:#000;border-radius:0;border-top:1px solid transparent;border-bottom:1px solid transparent;transition:border-color .1s ease-in-out}.card-sort-results-main .results-table-container .results-table tbody tr td:first-child{border-left:1px solid transparent;transition:border-color .1s ease-in-out}.card-sort-results-main .results-table-container .results-table tbody tr td:last-child{border-right:1px solid transparent;transition:border-color .1s ease-in-out}.card-sort-results-main .results-table-container .results-table tr:last-child td{border-bottom:1px solid transparent}.card-sort-results-main .results-table-container .results-table tr:last-child td:first-child{border-bottom-left-radius:10px}.card-sort-results-main .results-table-container .results-table tr:last-child td:last-child{border-bottom-right-radius:10px}.card-sort-results-main .results-table-container .results-table .card-name{font-weight:500;color:#000;min-width:150px;position:sticky;left:0;z-index:2;background:#fff;box-shadow:2px 0 4px -2px #0000000a}.card-sort-results-main .results-table-container .results-table .count-cell{text-align:center;font-weight:600;min-width:60px}.card-sort-results-main .results-table-container .results-table .count-cell.pool-count{background:#f9fafb;color:#0009}.card-sort-results-main .results-table-container .results-table .total-cell{text-align:center;font-weight:700;color:var(--primary-color);background:var(--primary-color-light);min-width:60px}.card-sort-results-main .results-table-container .results-table tbody tr:hover{cursor:default}.card-sort-results-main .results-table-container .results-table tbody tr:hover td{border-top-color:var(--primary-color);border-bottom-color:var(--primary-color)}.card-sort-results-main .results-table-container .results-table tbody tr:hover td:first-child{border-left-color:var(--primary-color)}.card-sort-results-main .results-table-container .results-table tbody tr:hover td:last-child{border-right-color:var(--primary-color)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}html.dark-mode .card-sort-results-main{background:linear-gradient(#28292a,#1f1f1f);border-color:#2a2a2a}html.dark-mode .card-sort-results-main .results-header{border-bottom-color:#2a2a2a}html.dark-mode .card-sort-results-main .results-header h2{color:#fff}html.dark-mode .card-sort-results-main .results-header p{color:#a0a0a0}html.dark-mode .card-sort-results-main .error-state h3,html.dark-mode .card-sort-results-main .no-results h3{color:#fff}html.dark-mode .card-sort-results-main .error-state p,html.dark-mode .card-sort-results-main .no-results p{color:#a0a0a0}html.dark-mode .card-sort-results-main .results-section{background:#2a2a2a;border-color:#2a2a2a}html.dark-mode .card-sort-results-main .results-section h3{color:#fff;border-bottom-color:#2a2a2a}html.dark-mode .card-sort-results-main .summary-card{background:linear-gradient(#28292a,#1f1f1f);border-color:#2a2a2a}html.dark-mode .card-sort-results-main .summary-card h3{color:#a0a0a0}html.dark-mode .card-sort-results-main .heatmap-container .heatmap-header .heatmap-card-label,html.dark-mode .card-sort-results-main .heatmap-container .heatmap-header .heatmap-group-label,html.dark-mode .card-sort-results-main .heatmap-container .heatmap-body .heatmap-row .heatmap-card-name{color:#fff}html.dark-mode .card-sort-results-main .heatmap-container .heatmap-body .heatmap-row:hover .heatmap-card-name{outline:1px dotted var(--primary-color);outline-offset:-1px}html.dark-mode .card-sort-results-main .heatmap-container:has(.heatmap-body .heatmap-row .heatmap-cell:nth-child(1):hover) .heatmap-header .heatmap-groups .heatmap-group-label:nth-child(1){outline:1px dotted var(--primary-color);outline-offset:-1px}html.dark-mode .card-sort-results-main .heatmap-container:has(.heatmap-body .heatmap-row .heatmap-cell:nth-child(2):hover) .heatmap-header .heatmap-groups .heatmap-group-label:nth-child(2){outline:1px dotted var(--primary-color);outline-offset:-1px}html.dark-mode .card-sort-results-main .heatmap-container:has(.heatmap-body .heatmap-row .heatmap-cell:nth-child(3):hover) .heatmap-header .heatmap-groups .heatmap-group-label:nth-child(3){outline:1px dotted var(--primary-color);outline-offset:-1px}html.dark-mode .card-sort-results-main .heatmap-container:has(.heatmap-body .heatmap-row .heatmap-cell:nth-child(4):hover) .heatmap-header .heatmap-groups .heatmap-group-label:nth-child(4){outline:1px dotted var(--primary-color);outline-offset:-1px}html.dark-mode .card-sort-results-main .heatmap-container:has(.heatmap-body .heatmap-row .heatmap-cell:nth-child(5):hover) .heatmap-header .heatmap-groups .heatmap-group-label:nth-child(5){outline:1px dotted var(--primary-color);outline-offset:-1px}html.dark-mode .card-sort-results-main .heatmap-container:has(.heatmap-body .heatmap-row .heatmap-cell:nth-child(6):hover) .heatmap-header .heatmap-groups .heatmap-group-label:nth-child(6){outline:1px dotted var(--primary-color);outline-offset:-1px}html.dark-mode .card-sort-results-main .heatmap-container:has(.heatmap-body .heatmap-row .heatmap-cell:nth-child(7):hover) .heatmap-header .heatmap-groups .heatmap-group-label:nth-child(7){outline:1px dotted var(--primary-color);outline-offset:-1px}html.dark-mode .card-sort-results-main .heatmap-container:has(.heatmap-body .heatmap-row .heatmap-cell:nth-child(8):hover) .heatmap-header .heatmap-groups .heatmap-group-label:nth-child(8){outline:1px dotted var(--primary-color);outline-offset:-1px}html.dark-mode .card-sort-results-main .heatmap-container:has(.heatmap-body .heatmap-row .heatmap-cell:nth-child(9):hover) .heatmap-header .heatmap-groups .heatmap-group-label:nth-child(9){outline:1px dotted var(--primary-color);outline-offset:-1px}html.dark-mode .card-sort-results-main .heatmap-container:has(.heatmap-body .heatmap-row .heatmap-cell:nth-child(10):hover) .heatmap-header .heatmap-groups .heatmap-group-label:nth-child(10){outline:1px dotted var(--primary-color);outline-offset:-1px}html.dark-mode .card-sort-results-main .heatmap-container:has(.heatmap-body .heatmap-row .heatmap-cell:nth-child(11):hover) .heatmap-header .heatmap-groups .heatmap-group-label:nth-child(11){outline:1px dotted var(--primary-color);outline-offset:-1px}html.dark-mode .card-sort-results-main .heatmap-container:has(.heatmap-body .heatmap-row .heatmap-cell:nth-child(12):hover) .heatmap-header .heatmap-groups .heatmap-group-label:nth-child(12){outline:1px dotted var(--primary-color);outline-offset:-1px}html.dark-mode .card-sort-results-main .heatmap-container:has(.heatmap-body .heatmap-row .heatmap-cell:nth-child(13):hover) .heatmap-header .heatmap-groups .heatmap-group-label:nth-child(13){outline:1px dotted var(--primary-color);outline-offset:-1px}html.dark-mode .card-sort-results-main .heatmap-container:has(.heatmap-body .heatmap-row .heatmap-cell:nth-child(14):hover) .heatmap-header .heatmap-groups .heatmap-group-label:nth-child(14){outline:1px dotted var(--primary-color);outline-offset:-1px}html.dark-mode .card-sort-results-main .heatmap-container:has(.heatmap-body .heatmap-row .heatmap-cell:nth-child(15):hover) .heatmap-header .heatmap-groups .heatmap-group-label:nth-child(15){outline:1px dotted var(--primary-color);outline-offset:-1px}html.dark-mode .card-sort-results-main .heatmap-container:has(.heatmap-body .heatmap-row .heatmap-cell:nth-child(16):hover) .heatmap-header .heatmap-groups .heatmap-group-label:nth-child(16){outline:1px dotted var(--primary-color);outline-offset:-1px}html.dark-mode .card-sort-results-main .heatmap-container:has(.heatmap-body .heatmap-row .heatmap-cell:nth-child(17):hover) .heatmap-header .heatmap-groups .heatmap-group-label:nth-child(17){outline:1px dotted var(--primary-color);outline-offset:-1px}html.dark-mode .card-sort-results-main .heatmap-container:has(.heatmap-body .heatmap-row .heatmap-cell:nth-child(18):hover) .heatmap-header .heatmap-groups .heatmap-group-label:nth-child(18){outline:1px dotted var(--primary-color);outline-offset:-1px}html.dark-mode .card-sort-results-main .heatmap-container:has(.heatmap-body .heatmap-row .heatmap-cell:nth-child(19):hover) .heatmap-header .heatmap-groups .heatmap-group-label:nth-child(19){outline:1px dotted var(--primary-color);outline-offset:-1px}html.dark-mode .card-sort-results-main .heatmap-container:has(.heatmap-body .heatmap-row .heatmap-cell:nth-child(20):hover) .heatmap-header .heatmap-groups .heatmap-group-label:nth-child(20){outline:1px dotted var(--primary-color);outline-offset:-1px}html.dark-mode .card-sort-results-main .group-popularity-chart .group-popularity-item .group-popularity-label span:first-child{color:#fff}html.dark-mode .card-sort-results-main .group-popularity-chart .group-popularity-item .group-popularity-bar{background:#3a3a3a;border-color:#2a2a2a}html.dark-mode .card-sort-results-main .results-table{background:linear-gradient(#28292a,#1f1f1f);border:1px solid #2a2a2a}html.dark-mode .card-sort-results-main .results-table svg{stroke:#fff!important;fill:#fff!important}html.dark-mode .card-sort-results-main .results-table th{background:#3a3a3a;color:#fff;border-color:#2a2a2a}html.dark-mode .card-sort-results-main .results-table td{color:#fff;border-color:#2a2a2a;border-top:1px solid transparent;border-bottom:1px solid transparent;transition:border-color .1s ease-out}html.dark-mode .card-sort-results-main .results-table tbody tr td:first-child{border-left:1px solid transparent;transition:border-color .1s ease-in-out}html.dark-mode .card-sort-results-main .results-table tbody tr td:last-child{border-right:1px solid transparent;transition:border-color .1s ease-out}html.dark-mode .card-sort-results-main .results-table .card-name{color:#fff;background:linear-gradient(#28292a,#1f1f1f)}html.dark-mode .card-sort-results-main .results-table .count-cell.pool-count{background:#3a3a3a;color:#a0a0a0}html.dark-mode .card-sort-results-main .results-table .total-cell{background:#55009f;color:#fff}html.dark-mode .card-sort-results-main .results-table tbody tr:hover{background:#ffffff1a}html.dark-mode .card-sort-results-main .results-table tbody tr:hover td{border-top-color:var(--primary-color);border-bottom-color:var(--primary-color)}html.dark-mode .card-sort-results-main .results-table tbody tr:hover td:first-child{border-left-color:var(--primary-color)}html.dark-mode .card-sort-results-main .results-table tbody tr:hover td:last-child{border-right-color:var(--primary-color)}html.dark-mode .heatmap-card-name,html.dark-mode .results-table .card-name{background:linear-gradient(#28292a,#1f1f1f);box-shadow:2px 0 4px -2px #0000003d}.drop-indicator{height:3px;background:#2563eb;border-radius:2px;margin:0 0 2px;transition:background .2s}.card-group .card-items-row{display:flex;flex-wrap:wrap;grid-auto-flow:column;grid-auto-rows:minmax(120px,1fr);grid-template-rows:repeat(auto-fill,minmax(120px,1fr));width:max-content;gap:15px;align-items:start;max-width:100%;overflow:scroll;padding-top:15px;padding-bottom:15px}.card-group .card-item{aspect-ratio:5/6;width:120px;max-height:100%;margin-bottom:0}.card-item-small{width:80px!important;height:80px!important;font-size:11px!important;padding:8px!important}.card-group .card-item-small{width:80px!important;aspect-ratio:1/1!important}.questionnaire-test-builder .prototype-wrapper{display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden;background:linear-gradient(to bottom,#fff,#f8f8fb);border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 1px #fff}.questionnaire-test-builder .prototype-wrapper .questionnaire-main{display:flex;flex-direction:column;height:100%;padding:15px}.questionnaire-test-builder .prototype-wrapper .questionnaire-main .questionnaire-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.questionnaire-test-builder .prototype-wrapper .questionnaire-main .questionnaire-header h3{font-size:18px;font-weight:600;margin:0;color:#000}.questionnaire-test-builder .prototype-wrapper .questionnaire-main .questionnaire-header .question-info{font-size:12px;color:#6b7280;background:#f3f4f6;padding:4px 8px;border-radius:10px}.questionnaire-test-builder .prototype-wrapper .questionnaire-main .questionnaire-content{flex:1;overflow-y:auto;padding:15px}.questionnaire-test-builder .prototype-wrapper .questionnaire-main .questionnaire-content .no-question-selected{display:flex;align-items:center;justify-content:center;height:100%}.questionnaire-test-builder .prototype-wrapper .questionnaire-main .questionnaire-content .no-question-selected .placeholder-content{text-align:center;color:#6b7280}.questionnaire-test-builder .prototype-wrapper .questionnaire-main .questionnaire-content .no-question-selected .placeholder-content h4{font-size:18px;font-weight:600;margin:0 0 8px;color:#000}.questionnaire-test-builder .prototype-wrapper .questionnaire-main .questionnaire-content .no-question-selected .placeholder-content p{margin:0 0 4px;font-size:14px}.questionnaire-test-builder .prototype-wrapper .questionnaire-main .questionnaire-content .no-question-selected .placeholder-content p:last-child{margin-bottom:0;font-size:12px}.questionnaire-test-builder .warning-message{display:flex;align-items:center;gap:8px;padding:12px;background:#fef3cd;border:1px solid #fde68a;border-radius:10px;color:#92400e;font-size:14px;margin-bottom:15px}.questionnaire-test-builder .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.questionnaire-test-builder .section-header .question-count{font-size:11px;color:#000;background:#fafafa;padding:2px 7.5px;border-radius:10px;font-weight:500}.questionnaire-test-builder .sidebar-content .result-item{justify-content:space-between}.questionnaire-test-builder .sidebar-content .result-item p:last-child{margin-bottom:0;color:#c3c3c3;font-size:12px}.questionnaire-test-builder .sidebar-content:has(.result-item){gap:15px}.questionnaire-test-builder .empty-state{text-align:center}.questionnaire-test-builder .empty-state .empty-icon{font-size:48px;margin-bottom:16px;display:block}.questionnaire-test-builder .empty-state p{color:#000;margin:0 0 20px;font-size:14px}.questionnaire-test-builder .add-first-question-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.questionnaire-test-builder .add-first-question-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.questionnaire-test-builder .add-first-question-btn .btn-icon{font-size:16px;font-weight:700}.questionnaire-test-builder .question-list{display:flex;flex-direction:column;gap:8px}.questionnaire-test-builder .question-item{display:flex;align-items:center;gap:12px;padding:15px;background:#fff;border:1px solid #e5e9ef;border-radius:10px;cursor:pointer;transition:all .2s ease;position:relative}.questionnaire-test-builder .question-item.dragging{opacity:.5;transform:rotate(2deg);box-shadow:0 8px 24px #00000026;cursor:grabbing}.questionnaire-test-builder .question-item.editing{border-color:var(--primary-color)}.questionnaire-test-builder .question-drag-handle{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:#9ca3af;cursor:grab}.questionnaire-test-builder .question-drag-handle:hover{color:#6b7280}.questionnaire-test-builder .question-content{flex:1;display:flex;align-items:center;gap:15px}.questionnaire-test-builder .question-number{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:#000;color:#fff;border-radius:50%;font-size:12px;font-weight:600;flex-shrink:0}.questionnaire-test-builder .question-details{flex:1;min-width:0}.questionnaire-test-builder .question-text{font-size:14px;font-weight:500;color:#000;margin-bottom:4px;line-height:1.4}.questionnaire-test-builder .question-text .no-prompt{color:#9ca3af;font-style:italic}.questionnaire-test-builder .question-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.questionnaire-test-builder .question-type{font-size:12px;color:#6b7280;background:#f3f4f6;padding:2px 6px;border-radius:10px}.questionnaire-test-builder strong .required-badge,.questionnaire-test-builder .question-header .required-badge{margin-left:5px}.questionnaire-test-builder .options-count{font-size:11px;color:#059669;background:#f0fdf4;padding:2px 6px;border-radius:10px;font-weight:500}.questionnaire-test-builder .question-actions{display:flex;gap:4px;flex-shrink:0}.questionnaire-test-builder .action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #e5e7eb;background:#fff;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:14px}.questionnaire-test-builder .action-btn:hover{border-color:#d1d5db;background:#f9fafb}.questionnaire-test-builder .action-btn.edit-btn:hover{border-color:#667eea;background:#f0f4ff}.questionnaire-test-builder .action-btn.duplicate-btn:hover{border-color:#059669;background:#f0fdf4}.questionnaire-test-builder .action-btn.delete-btn:hover{border-color:#dc2626;background:#fef2f2}.questionnaire-test-builder .drop-indicator{height:2px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:1px;margin:4px 0}.questionnaire-test-builder .pinned-button-container{display:flex;flex-direction:row;border-top:1px solid #ffffff;padding:15px;gap:15px;box-shadow:0 -1px #eee}.questionnaire-test-builder .button-row{display:flex;gap:15px;width:100%}.questionnaire-test-builder .button-row button{flex-grow:1;width:100%}.questionnaire-test-builder .preview-section{background:#fff;border-radius:10px;padding:15px;box-shadow:0 1px 3px #0000001a;margin-top:15px}.questionnaire-test-builder .preview-section h3{font-size:18px;font-weight:600;color:#000;margin:0 0 15px}.questionnaire-test-builder .question-editor .image-preview{margin-top:15px}.questionnaire-test-builder .question-editor .image-preview img{max-width:200px;max-height:150px;border-radius:10px;border:1px solid #e5e7eb;object-fit:cover}.questionnaire-test-builder .question-editor .image-preview button{margin-top:15px}.required-badge{font-size:12px;color:#dc2626;background:#fef2f2;padding:2px 6px;border-radius:10px;font-weight:500}.questionnaire-builder-container{max-width:1200px;margin:0 auto;padding:2rem}.questionnaire-builder-container h2{font-size:1.875rem;font-weight:700;margin-bottom:1.5rem;color:var(--text-primary)}.questionnaire-builder-container .warning{background:#fef3c7;border:1px solid #f59e0b;color:#92400e;padding:.75rem 1rem;border-radius:.5rem;margin-bottom:1.5rem;font-weight:500}.questionnaire-builder-container .form-group .form-label{display:block;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.questionnaire-builder-container .form-group .share-url-container .form-input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.375rem;color:var(--text-primary)}.questionnaire-builder-container .form-group .share-url-container .form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.questionnaire-builder-container .form-group .share-url-container .copy-button{padding:.5rem;background:var(--primary-color);color:#fff;border:none;border-radius:.375rem;cursor:pointer;transition:background-color .2s}.questionnaire-builder-container .form-group .share-url-container .copy-button:hover{background:var(--primary-hover)}.questionnaire-builder-container .form-group .share-url-container .copy-button svg{width:1rem;height:1rem}.questionnaire-builder-container .question-list-section{margin-bottom:2rem}.questionnaire-builder-container .question-list-section .question-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.questionnaire-builder-container .question-list-section .question-list-header h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.questionnaire-builder-container .question-list-section .question-list-header .question-actions{display:flex;gap:.75rem}.questionnaire-builder-container .question-list-section .question-list-header .question-actions .add-question-btn{background:var(--primary-color);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.375rem;font-weight:500;cursor:pointer;transition:all .2s}.questionnaire-builder-container .question-list-section .question-list-header .question-actions .add-question-btn:hover:not(:disabled){background:var(--primary-hover)}.questionnaire-builder-container .question-list-section .question-list-header .question-actions .add-question-btn:disabled{background:var(--text-muted);cursor:not-allowed}.questionnaire-builder-container .question-list-section .question-list-header .question-actions .add-question-btn.secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.questionnaire-builder-container .question-list-section .question-list-header .question-actions .add-question-btn.secondary:hover:not(:disabled){background:var(--bg-muted)}.questionnaire-builder-container .question-list-section .empty-state{text-align:center;padding:3rem 2rem;background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:.75rem}.questionnaire-builder-container .question-list-section .empty-state .empty-icon{font-size:3rem;margin-bottom:1rem}.questionnaire-builder-container .question-list-section .empty-state h4{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.questionnaire-builder-container .question-list-section .empty-state p{color:var(--text-secondary);margin-bottom:1.5rem}.questionnaire-builder-container .question-list-section .empty-state .add-first-question-btn{background:var(--primary-color);color:#fff;border:none;padding:1rem 2rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:background-color .2s}.questionnaire-builder-container .question-list-section .empty-state .add-first-question-btn:hover{background:var(--primary-hover)}.questionnaire-builder-container .question-list-section .question-list{display:flex;flex-direction:column;gap:.75rem}.questionnaire-builder-container .question-list-section .question-list .question-item{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.75rem;transition:all .2s;cursor:grab}.questionnaire-builder-container .question-list-section .question-list .question-item:active{cursor:grabbing}.questionnaire-builder-container .question-list-section .question-list .question-item:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #0000001a}.questionnaire-builder-container .question-list-section .question-list .question-item.editing{border-color:var(--primary-color);background:var(--primary-bg);box-shadow:0 0 0 3px #3b82f61a}.questionnaire-builder-container .question-list-section .question-list .question-item .question-drag-handle{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;color:var(--text-muted);cursor:grab}.questionnaire-builder-container .question-list-section .question-list .question-item .question-drag-handle:active{cursor:grabbing}.questionnaire-builder-container .question-list-section .question-list .question-item .question-content{display:flex;align-items:center;gap:1rem;flex:1}.questionnaire-builder-container .question-list-section .question-list .question-item .question-content .question-number{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:var(--primary-color);color:#fff;border-radius:50%;font-weight:600;font-size:.875rem}.questionnaire-builder-container .question-list-section .question-list .question-item .question-content .question-details{flex:1}.questionnaire-builder-container .question-list-section .question-list .question-item .question-content .question-details .question-text{font-weight:500;color:var(--text-primary);margin-bottom:.25rem}.questionnaire-builder-container .question-list-section .question-list .question-item .question-content .question-details .question-text .no-prompt{color:var(--text-muted);font-style:italic}.questionnaire-builder-container .question-list-section .question-list .question-item .question-content .question-details .question-meta{display:flex;gap:.75rem;align-items:center}.questionnaire-builder-container .question-list-section .question-list .question-item .question-content .question-details .question-meta .question-type{color:var(--text-secondary);font-size:.875rem;background:var(--bg-muted);padding:.25rem .5rem;border-radius:.25rem}.questionnaire-builder-container .question-list-section .question-list .question-item .question-content .question-details .question-meta .required-badge{color:#ef4444;font-size:12px;background:#fef2f2;padding:.125rem .375rem;border-radius:.25rem}.questionnaire-builder-container .question-list-section .question-list .question-item .question-content .question-details .question-meta .options-count{color:var(--text-muted);font-size:12px}.questionnaire-builder-container .question-list-section .question-list .question-item .question-actions{display:flex;gap:.5rem}.questionnaire-builder-container .question-list-section .question-list .question-item .question-actions .action-btn{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:1px solid var(--border-color);border-radius:.375rem;background:var(--bg-primary);color:var(--text-primary);cursor:pointer;transition:all .2s;font-size:1rem}.questionnaire-builder-container .question-list-section .question-list .question-item .question-actions .action-btn:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.questionnaire-builder-container .question-list-section .question-list .question-item .question-actions .action-btn.edit-btn:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.questionnaire-builder-container .question-list-section .question-list .question-item .question-actions .action-btn.duplicate-btn:hover{background:#10b981;color:#fff;border-color:#10b981}.questionnaire-builder-container .question-list-section .question-list .question-item .question-actions .action-btn.delete-btn:hover{background:#ef4444;color:#fff;border-color:#ef4444}.questionnaire-builder-container .question-editor-section{margin-bottom:2rem}.questionnaire-builder-container .question-editor-section .question-editor{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.75rem;overflow:hidden}.questionnaire-builder-container .question-editor-section .question-editor .form-row{display:grid;grid-template-columns:1fr auto;gap:15px;align-items:end}.questionnaire-builder-container .question-editor-section .question-editor .form-row .form-group{margin-bottom:0}.questionnaire-builder-container .question-editor-section .question-editor .form-row .form-group:last-child{display:flex;align-items:center;min-height:38px}.questionnaire-builder-container .question-editor-section .question-editor .editor-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 0}.questionnaire-builder-container .question-editor-section .question-editor .editor-header h4{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.questionnaire-builder-container .question-editor-section .question-editor .editor-header .close-btn{background:none;border:none;font-size:1.5rem;color:var(--text-muted);cursor:pointer;padding:.25rem;border-radius:.25rem;transition:all .2s}.questionnaire-builder-container .question-editor-section .question-editor .editor-header .close-btn:hover{background:var(--bg-muted);color:var(--text-primary)}.questionnaire-builder-container .question-editor-section .question-editor .editor-content{padding:1.5rem}.questionnaire-builder-container .question-editor-section .question-editor .editor-content .form-group .form-label{display:block;font-weight:600;margin-bottom:.75rem;color:var(--text-primary)}.questionnaire-builder-container .question-editor-section .question-editor .editor-content .form-group .form-label .form-input,.questionnaire-builder-container .question-editor-section .question-editor .editor-content .form-group .form-label .form-select{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:.5rem;background:var(--bg-primary);color:var(--text-primary);font-size:1rem;transition:all .2s}.questionnaire-builder-container .question-editor-section .question-editor .editor-content .form-group .form-label .form-input:focus,.questionnaire-builder-container .question-editor-section .question-editor .editor-content .form-group .form-label .form-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.questionnaire-builder-container .question-editor-section .question-editor .editor-content .form-group .image-upload{position:relative;border:2px dashed var(--border-color);border-radius:.5rem;padding:2rem;text-align:center;transition:all .2s;cursor:pointer}.questionnaire-builder-container .question-editor-section .question-editor .editor-content .form-group .image-upload:hover{border-color:var(--primary-color);background:var(--primary-bg)}.questionnaire-builder-container .question-editor-section .question-editor .editor-content .form-group .image-upload .file-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.questionnaire-builder-container .question-editor-section .question-editor .editor-content .form-group .image-upload .upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--text-secondary)}.questionnaire-builder-container .question-editor-section .question-editor .editor-content .form-group .image-upload .upload-placeholder span:first-child{font-size:2rem}.questionnaire-builder-container .question-editor-section .question-editor .editor-content .form-group .image-preview{margin-top:1rem;position:relative;display:inline-block}.questionnaire-builder-container .question-editor-section .question-editor .editor-content .form-group .image-preview img{max-width:200px;max-height:150px;border-radius:.5rem;border:1px solid var(--border-color)}.questionnaire-builder-container .question-editor-section .question-editor .editor-content .form-group .image-preview .remove-image-btn{position:absolute;top:-.5rem;right:-.5rem;background:#ef4444;color:#fff;border:none;border-radius:50%;width:1.5rem;height:1.5rem;cursor:pointer;font-size:.75rem;display:flex;align-items:center;justify-content:center}.questionnaire-builder-container .question-editor-section .question-editor .editor-content .form-group .image-preview .remove-image-btn:hover{background:#dc2626}.questionnaire-builder-container .question-editor-section .question-editor .editor-content .form-group .checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer}.questionnaire-builder-container .question-editor-section .question-editor .editor-content .form-group .checkbox-label .checkbox-input{width:1.25rem;height:1.25rem;accent-color:var(--primary-color)}.questionnaire-builder-container .question-editor-section .question-editor .editor-content .form-group .checkbox-label .checkbox-text{font-weight:500;color:var(--text-primary)}.questionnaire-builder-container .question-editor-section .question-editor .editor-content .form-group .options-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.questionnaire-builder-container .question-editor-section .question-editor .editor-content .form-group .options-list .option-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:.5rem}.questionnaire-builder-container .question-editor-section .question-editor .editor-content .form-group .options-list .option-item .option-content{display:flex;align-items:center;gap:.75rem;flex:1}.questionnaire-builder-container .question-editor-section .question-editor .editor-content .form-group .options-list .option-item .option-content .option-input{flex:1;padding:.5rem;border:1px solid var(--border-color);border-radius:.375rem;background:var(--bg-secondary);color:var(--text-primary)}.questionnaire-builder-container .question-editor-section .question-editor .editor-content .form-group .options-list .option-item .option-content .option-input:focus{outline:none;border-color:var(--primary-color)}.questionnaire-builder-container .question-editor-section .question-editor .editor-content .form-group .options-list .option-item .option-content .option-image-upload{position:relative}.questionnaire-builder-container .question-editor-section .question-editor .editor-content .form-group .options-list .option-item .option-content .option-image-upload .file-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.questionnaire-builder-container .question-editor-section .question-editor .editor-content .form-group .options-list .option-item .option-content .option-image-upload .option-image-preview{position:relative;display:inline-block}.questionnaire-builder-container .question-editor-section .question-editor .editor-content .form-group .options-list .option-item .option-content .option-image-upload .option-image-preview img{width:60px;height:60px;object-fit:cover;border-radius:.25rem;border:1px solid var(--border-color)}.questionnaire-builder-container .question-editor-section .question-editor .editor-content .form-group .options-list .option-item .option-content .option-image-upload .option-image-preview .remove-option-image-btn{position:absolute;top:-.25rem;right:-.25rem;background:#ef4444;color:#fff;border:none;border-radius:50%;width:1rem;height:1rem;cursor:pointer;font-size:.5rem;display:flex;align-items:center;justify-content:center}.questionnaire-builder-container .question-editor-section .question-editor .editor-content .form-group .options-list .option-item .option-content .option-image-upload .option-image-preview .remove-option-image-btn:hover{background:#dc2626}.questionnaire-builder-container .question-editor-section .question-editor .editor-content .form-group .options-list .option-item .remove-option-btn{padding:.25rem .5rem;background:#ef4444;color:#fff;border:none;border-radius:.25rem;cursor:pointer;font-size:.75rem;transition:background-color .2s}.questionnaire-builder-container .question-editor-section .question-editor .editor-content .form-group .options-list .option-item .remove-option-btn:hover:not(:disabled){background:#dc2626}.questionnaire-builder-container .question-editor-section .question-editor .editor-content .form-group .options-list .option-item .remove-option-btn:disabled{background:var(--text-muted);cursor:not-allowed}.questionnaire-builder-container .question-editor-section .question-editor .editor-content .form-group .add-option-btn{background:var(--primary-color);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s}.questionnaire-builder-container .question-editor-section .question-editor .editor-content .form-group .add-option-btn:hover:not(:disabled){background:var(--primary-hover)}.questionnaire-builder-container .question-editor-section .question-editor .editor-content .form-group .add-option-btn:disabled{background:var(--text-muted);cursor:not-allowed}.questionnaire-builder-container .question-editor-section .question-editor .editor-content .form-group .rating-scale-info{padding:1rem;background:var(--bg-muted);border-radius:.5rem;color:var(--text-secondary);font-size:.875rem}.questionnaire-builder-container .question-editor-section .question-editor .editor-content .editor-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.questionnaire-builder-container .question-editor-section .question-editor .editor-content .editor-actions .cta{background:var(--primary-color);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:background-color .2s}.questionnaire-builder-container .question-editor-section .question-editor .editor-content .editor-actions .cta:hover{background:var(--primary-hover)}.questionnaire-builder-container .question-editor-section .question-editor .editor-content .editor-actions .secondary-btn{background:#f3f4f6;color:#374151;border:1px solid #d1d5db;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s}.questionnaire-builder-container .question-editor-section .question-editor .editor-content .editor-actions .secondary-btn:hover{background:#e5e7eb;border-color:#9ca3af}.questionnaire-builder-container .preview-section{margin-bottom:2rem}.questionnaire-builder-container .preview-section h3{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.questionnaire-builder-container .preview-section .question-preview{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem;padding:1.5rem}.questionnaire-builder-container .preview-section .question-preview strong{display:block;margin-bottom:1rem;color:var(--text-primary)}.questionnaire-builder-container .preview-section .question-preview .radio-options{display:flex;flex-direction:column;gap:.5rem}.questionnaire-builder-container .preview-section .question-preview .radio-options label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.questionnaire-builder-container .preview-section .question-preview .radio-options label input[type=radio]{cursor:pointer}.questionnaire-builder-container .preview-section .question-preview select{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:.375rem;background:var(--bg-primary);color:var(--text-primary)}.questionnaire-builder-container .preview-section .question-preview .rating-stars{display:flex;gap:.25rem;margin-bottom:.5rem}.questionnaire-builder-container .preview-section .question-preview .rating-stars span{font-size:1.5rem;color:#d1d5db;cursor:pointer}.questionnaire-builder-container .preview-section .question-preview .rating-stars span.filled{color:#f59e0b}.questionnaire-builder-container .preview-section .question-preview textarea{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:.375rem;background:var(--bg-primary);color:var(--text-primary);resize:vertical}.questionnaire-builder-container .preview-section .question-preview .image-options{display:flex;gap:1rem;flex-wrap:wrap}.questionnaire-builder-container .preview-section .question-preview .image-options label{display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer}.questionnaire-builder-container .preview-section .question-preview .image-options label img{max-width:80px;max-height:80px;border:1px solid var(--border-color);border-radius:.25rem}.questionnaire-builder-container .preview-section .question-preview .image-options label span{width:80px;height:80px;background:var(--bg-muted);border:1px solid var(--border-color);border-radius:.25rem;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.75rem}.questionnaire-builder-container .save-btn{background:var(--primary-color);color:#fff;border:none;padding:1rem 2rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:background-color .2s}.questionnaire-builder-container .save-btn:hover{background:var(--primary-hover)}.questionnaire-taker-container{max-width:800px;margin:0 auto;padding:2rem}.questionnaire-taker-container .questionnaire-header{text-align:center;margin-bottom:2rem}.questionnaire-taker-container .questionnaire-header h1{font-size:2rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary)}.questionnaire-taker-container .questionnaire-header .test-description{color:var(--text-secondary);font-size:1.125rem}.questionnaire-taker-container .questionnaire-progress{margin-bottom:2rem}.questionnaire-taker-container .questionnaire-progress .progress-bar{width:100%;height:.5rem;background:#e5e9ef;border-radius:.25rem;overflow:hidden;margin-bottom:.5rem}.questionnaire-taker-container .questionnaire-progress .progress-bar .progress-fill{height:100%;background:var(--primary-color);transition:width .3s ease}.questionnaire-taker-container .questionnaire-progress .progress-text{text-align:center;color:var(--text-secondary);font-size:.875rem}.questionnaire-taker-container .questionnaire-content{margin-bottom:2rem}.questionnaire-taker-container .questionnaire-content .question-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.75rem;padding:2rem}.questionnaire-taker-container .questionnaire-content .question-container .question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.questionnaire-taker-container .questionnaire-content .question-container .question-header .question-number{font-weight:600;color:var(--text-secondary)}.questionnaire-taker-container .questionnaire-content .question-container .question-header .required-indicator{color:#ef4444;font-weight:500}.questionnaire-taker-container .questionnaire-content .question-container .question-content .question-image{text-align:center;margin-bottom:1rem}.questionnaire-taker-container .questionnaire-content .question-container .question-content .question-image img{max-width:100%;max-height:300px;border-radius:.5rem}.questionnaire-taker-container .questionnaire-content .question-container .question-content .question-prompt{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;color:var(--text-primary);line-height:1.5}.questionnaire-taker-container .questionnaire-content .question-container .question-content .question-input .radio-options{display:flex;flex-direction:column;gap:.75rem}.questionnaire-taker-container .questionnaire-content .question-container .question-content .question-input .radio-options .radio-option{display:flex;align-items:center;gap:.75rem;padding:1rem;border:1px solid var(--border-color);border-radius:.5rem;cursor:pointer;transition:all .2s}.questionnaire-taker-container .questionnaire-content .question-container .question-content .question-input .radio-options .radio-option:hover{border-color:var(--primary-color);background:var(--primary-bg)}.questionnaire-taker-container .questionnaire-content .question-container .question-content .question-input .radio-options .radio-option input[type=radio]{cursor:pointer}.questionnaire-taker-container .questionnaire-content .question-container .question-content .question-input .radio-options .radio-option .radio-label{font-weight:500;color:var(--text-primary)}.questionnaire-taker-container .questionnaire-content .question-container .question-content .question-input .dropdown-select{width:100%;padding:1rem;border:1px solid var(--border-color);border-radius:.5rem;background:var(--bg-primary);color:var(--text-primary);font-size:1rem;cursor:pointer}.questionnaire-taker-container .questionnaire-content .question-container .question-content .question-input .dropdown-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.questionnaire-taker-container .questionnaire-content .question-container .question-content .question-input .rating-container{text-align:center}.questionnaire-taker-container .questionnaire-content .question-container .question-content .question-input .rating-container .rating-stars{display:flex;justify-content:center;gap:.5rem;margin-bottom:1rem}.questionnaire-taker-container .questionnaire-content .question-container .question-content .question-input .rating-container .rating-stars .rating-star{font-size:2rem;background:none;cursor:pointer;transition:color .2s}.questionnaire-taker-container .questionnaire-content .question-container .question-content .question-input .rating-container .rating-stars .rating-star:hover,.questionnaire-taker-container .questionnaire-content .question-container .question-content .question-input .rating-container .rating-stars .rating-star.filled{color:#ffc831}.questionnaire-taker-container .questionnaire-content .question-container .question-content .question-input .rating-container .rating-labels{display:flex;justify-content:space-between;color:var(--text-secondary);font-size:.875rem}.questionnaire-taker-container .questionnaire-content .question-container .question-content .question-input .text-input{width:100%;padding:1rem;border-radius:.5rem;color:var(--text-primary);font-size:1rem;resize:vertical}.questionnaire-taker-container .questionnaire-content .question-container .question-content .question-input .text-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.questionnaire-taker-container .questionnaire-content .question-container .question-content .question-input .image-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.questionnaire-taker-container .questionnaire-content .question-container .question-content .question-input .image-options .image-option{cursor:pointer}.questionnaire-taker-container .questionnaire-content .question-container .question-content .question-input .image-options .image-option input[type=radio]{display:none}.questionnaire-taker-container .questionnaire-content .question-container .question-content .question-input .image-options .image-option .image-option-content{border:2px solid var(--border-color);border-radius:.5rem;padding:1rem;text-align:center;transition:all .2s}.questionnaire-taker-container .questionnaire-content .question-container .question-content .question-input .image-options .image-option .image-option-content:hover{border-color:var(--primary-color)}.questionnaire-taker-container .questionnaire-content .question-container .question-content .question-input .image-options .image-option .image-option-content img{max-width:100%;max-height:120px;border-radius:.25rem;margin-bottom:.5rem}.questionnaire-taker-container .questionnaire-content .question-container .question-content .question-input .image-options .image-option .image-option-content .image-option-label{font-weight:500;color:var(--text-primary)}.questionnaire-taker-container .questionnaire-content .question-container .question-content .question-input .image-options .image-option input[type=radio]:checked+.image-option-content{border-color:var(--primary-color);background:var(--primary-bg)}.questionnaire-taker-container .questionnaire-content .question-container .question-content .error-message{color:#ef4444;font-size:.875rem;margin-top:.5rem}.questionnaire-taker-container .questionnaire-navigation{display:flex;justify-content:space-between;align-items:center}.questionnaire-taker-container .questionnaire-navigation .nav-button{padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s}.questionnaire-taker-container .questionnaire-navigation .nav-button.prev-button{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.questionnaire-taker-container .questionnaire-navigation .nav-button.prev-button:hover:not(:disabled){background:var(--bg-muted)}.questionnaire-taker-container .questionnaire-navigation .nav-button.prev-button:disabled{opacity:.5;cursor:not-allowed}.questionnaire-taker-container .questionnaire-navigation .nav-button.next-button,.questionnaire-taker-container .questionnaire-navigation .nav-button.submit-button{background:var(--primary-color);color:#fff}.questionnaire-taker-container .questionnaire-navigation .nav-button.next-button:hover:not(:disabled),.questionnaire-taker-container .questionnaire-navigation .nav-button.submit-button:hover:not(:disabled){background:var(--primary-hover)}.questionnaire-taker-container .questionnaire-navigation .nav-button.next-button:disabled,.questionnaire-taker-container .questionnaire-navigation .nav-button.submit-button:disabled{background:var(--text-muted);cursor:not-allowed}.questionnaire-taker-container .no-questions{text-align:center;padding:3rem}.questionnaire-taker-container .no-questions h2{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.questionnaire-taker-container .no-questions p{color:var(--text-secondary)}.questionnaire-results-main{padding:15px;height:100%;overflow-y:auto;background:linear-gradient(to bottom,#fff,#f8f8fb);border-radius:10px;box-shadow:var(--default-box-shadow)}.questionnaire-results-main .results-header{margin-bottom:30px}.questionnaire-results-main .results-header h2{font-size:24px;font-weight:600;color:#000;margin:0 0 7.5px}.questionnaire-results-main .results-header p{font-size:16px;color:#0009;margin:0}.questionnaire-results-main .results-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:30px}.questionnaire-results-main .results-summary .summary-card{background:linear-gradient(to bottom,#fff,#f8f8fb);border:1px solid #e5e7eb;border-radius:10px;padding:22.5px;text-align:center;box-shadow:0 1px #fff}.questionnaire-results-main .results-summary .summary-card h3{font-size:14px;font-weight:600;color:#000;margin:0 0 7.5px}.questionnaire-results-main .results-summary .summary-card .summary-number{font-size:32px;font-weight:700;color:var(--primary-color);margin:0}.questionnaire-results-main .results-content{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;overflow-y:auto;width:100%}.questionnaire-results-main .results-content .question-result{background:linear-gradient(to bottom,#fff,#f8f8fb);border:1px solid #e5e9ef;border-radius:10px;padding:15px;box-shadow:0 1px #fff;min-height:fit-content;width:100%}.questionnaire-results-main .results-content .question-result .question-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.questionnaire-results-main .results-content .question-result .question-header h3{font-size:18px;font-weight:600;color:#000;margin:0;flex:1}.questionnaire-results-main .results-content .question-result .question-header .response-count{font-size:12px;color:#6b7280;background:#f3f4f6;padding:4px 8px;border-radius:10px;white-space:nowrap}.questionnaire-results-main .results-content .question-result .question-prompt{font-size:14px;color:#000c;margin-bottom:15px;line-height:1.4}.questionnaire-results-main .results-content .question-result .result-content .group-popularity-chart{display:flex;flex-direction:column;gap:15px}.questionnaire-results-main .results-content .question-result .result-content .group-popularity-chart .group-popularity-item .group-popularity-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:7.5px}.questionnaire-results-main .results-content .question-result .result-content .group-popularity-chart .group-popularity-item .group-popularity-label span:first-child{font-weight:500;color:#000}.questionnaire-results-main .results-content .question-result .result-content .group-popularity-chart .group-popularity-item .group-popularity-label .group-popularity-count{font-size:14px;color:#0009;font-weight:500}.questionnaire-results-main .results-content .question-result .result-content .group-popularity-chart .group-popularity-item .group-popularity-bar{height:9px;background:#e5e7eb;border-radius:5px;overflow:hidden;padding:2px}.questionnaire-results-main .results-content .question-result .result-content .group-popularity-chart .group-popularity-item .group-popularity-bar .group-popularity-fill{height:5px;background:var(--primary-color);border-radius:5px;transition:width .8s ease-out}.questionnaire-results-main .results-content .question-result .result-content .rating-results .rating-summary{display:flex;align-items:center;gap:15px;margin-bottom:22.5px}.questionnaire-results-main .results-content .question-result .result-content .rating-results .rating-summary .average-rating{display:flex;flex-direction:column;align-items:center}.questionnaire-results-main .results-content .question-result .result-content .rating-results .rating-summary .average-rating .rating-number{font-size:32px;font-weight:700;color:var(--primary-color)}.questionnaire-results-main .results-content .question-result .result-content .rating-results .rating-summary .average-rating .rating-label{font-size:14px;color:#c3c3c3}.questionnaire-results-main .results-content .question-result .result-content .rating-results .rating-summary .rating-stars{display:flex;gap:4px}.questionnaire-results-main .results-content .question-result .result-content .rating-results .rating-summary .rating-stars .star{font-size:18px;color:#e6e9ed}.questionnaire-results-main .results-content .question-result .result-content .rating-results .rating-summary .rating-stars .star.filled{color:#ffd900;text-shadow:0 1px 1px color(srgb .62 .5394 0 / .42)}.questionnaire-results-main .results-content .question-result .result-content .text-results .text-summary{margin-bottom:15px}.questionnaire-results-main .results-content .question-result .result-content .text-results .text-summary p{color:#c3c3c3;font-size:14px}.questionnaire-results-main .results-content .question-result .result-content .text-results .text-responses{display:flex;flex-direction:column;gap:15px}.questionnaire-results-main .results-content .question-result .result-content .text-results .text-responses .text-response{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:15px;font-size:14px;line-height:1.5;color:#000}.questionnaire-results-main .results-footer{margin-top:30px;padding-top:15px;border-top:1px solid #e5e7eb;text-align:right}.questionnaire-results-main .results-footer .last-updated{font-size:12px;color:#6b7280}.questionnaire-results-main .loading,.questionnaire-results-main .no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;text-align:center}.questionnaire-results-main .loading h3,.questionnaire-results-main .no-results h3{font-size:20px;font-weight:600;color:#000;margin:0 0 7.5px}.questionnaire-results-main .loading p,.questionnaire-results-main .no-results p{font-size:16px;color:#0009;margin:0}[data-theme=dark] .questionnaire-builder-container .question-editor,[data-theme=dark] .questionnaire-builder-container .question-preview,[data-theme=dark] .questionnaire-builder-container .question-container,[data-theme=dark] .questionnaire-builder-container .question-result,[data-theme=dark] .questionnaire-taker-container .question-editor,[data-theme=dark] .questionnaire-taker-container .question-preview,[data-theme=dark] .questionnaire-taker-container .question-container,[data-theme=dark] .questionnaire-taker-container .question-result,[data-theme=dark] .questionnaire-results-main .question-editor,[data-theme=dark] .questionnaire-results-main .question-preview,[data-theme=dark] .questionnaire-results-main .question-container,[data-theme=dark] .questionnaire-results-main .question-result{background:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .questionnaire-builder-container .radio-option:hover,[data-theme=dark] .questionnaire-builder-container .image-option-content:hover,[data-theme=dark] .questionnaire-taker-container .radio-option:hover,[data-theme=dark] .questionnaire-taker-container .image-option-content:hover,[data-theme=dark] .questionnaire-results-main .radio-option:hover,[data-theme=dark] .questionnaire-results-main .image-option-content:hover{background:var(--primary-bg)}.options-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.options-header .form-label{margin:0;font-size:15px;font-weight:600;color:#000}.add-option-btn{background:var(--primary-color);color:#fff;border:none;border-radius:10px;font-size:13px;font-weight:500;padding:6px 14px;cursor:pointer;transition:background .2s,box-shadow .2s;box-shadow:0 1px 2px #0000000a}.add-option-btn:hover:not(:disabled){background:#2563eb}.add-option-btn:disabled{opacity:.5;cursor:not-allowed}.options-list{display:flex;flex-direction:column;gap:15px}.option-row{display:flex;align-items:center;gap:15px;margin-bottom:0}.option-row .option-content{flex:1;display:flex;align-items:center;gap:15px}.option-content.vertical{flex-direction:column;align-items:stretch;gap:7.5px}.option-image-upload{flex:1}.option-image-preview{margin-left:0;margin-top:4px}.option-image-preview img{max-width:40px;max-height:40px;border-radius:10px;border:1px solid #e5e9ef;object-fit:cover}.remove-option-btn{background:#f3f4f6;color:#b91c1c;border:none;border-radius:10px;font-size:18px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,color .2s;margin-left:4px}.remove-option-btn:hover:not(:disabled){background:#fee2e2;color:#dc2626}.remove-option-btn:disabled{opacity:.5;cursor:not-allowed}.question-editor-container{max-width:960px;margin:0 auto;width:100%;padding:15px 0}.editor-content{display:flex;flex-direction:column;gap:22.5px}.editor-content .form-group{margin-bottom:0}.editor-content .form-group .form-label{font-weight:600;color:#000;margin-bottom:8px;display:block}@media (max-width: 768px){.editor-content{gap:15px;padding:0 8px}}.close-test-section{background-color:#fc5e5e17;border:1px solid #fc5e5e;border-radius:10px;padding:15px;margin-bottom:15px}.close-test-section .warning-toggle{display:flex;color:#c13636;text-align:left;text-decoration:underline}.close-test-section .warning-toggle:hover{text-decoration:none}.close-test-section .warning-content{padding:12px 0 0}.close-test-section .warning-content p{margin:0;font-size:14px;color:#000;line-height:1.5}.display-options{display:flex;flex-direction:column;gap:15px}.display-options .form-group{margin-bottom:0}.display-options small{color:#6b7280;font-size:13px;margin-bottom:8px;display:block}.editor-row{display:flex;gap:30px;margin-bottom:22.5px;align-items:flex-start}.editor-row .form-group{flex:1;margin-bottom:0}@media (max-width: 700px){.editor-row{flex-direction:column;gap:15px}}.align-bottom{display:flex;align-items:flex-end;height:100%}.results-list .result-item-container{display:flex;align-items:center;justify-content:space-between}.results-list .loading-state,.results-list .error-state{padding:15px;border-radius:10px;margin-top:15px}.results-list .loading-state p,.results-list .error-state p{margin:0;font-size:14px}.results-list .loading-state{background:#f0f9ff;border:1px solid #bae6fd}.results-list .loading-state p{color:#0369a1}.results-list .error-state{background:#fef2f2;border:1px solid #fecaca}.results-list .error-state p{color:#dc2626}.rating-config{display:grid;grid-template-columns:1fr 1fr;gap:15px}.rating-config .form-group{margin-bottom:0}@media (max-width: 768px){.rating-config{grid-template-columns:1fr}}.rating-labels{display:flex;justify-content:space-between;color:#6b7280;font-size:.875rem;margin-top:8px;font-weight:500}.link-container{display:flex;flex-direction:column;gap:12px;margin-top:16px}.link-container .link-button{display:flex;align-items:center;gap:12px;padding:16px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-decoration:none;border-radius:8px;font-weight:600;font-size:16px;transition:all .2s ease;box-shadow:0 2px 8px #667eea4d}.link-container .link-button:hover{transform:translateY(-2px);box-shadow:0 4px 16px #667eea66;text-decoration:none;color:#fff}.link-container .link-button .link-icon{font-size:18px}.link-container .link-button .link-text{flex:1}.link-container .link-button .link-arrow{font-size:18px;transition:transform .2s ease}.link-container .link-button:hover .link-arrow{transform:translate(4px)}.link-container .link-url-preview{font-size:12px;color:#6b7280;background:#f3f4f6;padding:8px 12px;border-radius:6px;word-break:break-all;font-family:monospace}.link-container .active-indicator{width:8px;height:8px;background-color:#ef4444;border-radius:50%;position:relative;display:inline-block;margin-left:8px;flex-shrink:0}.link-container .active-indicator:before{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;background-color:#ef444475;border-radius:50%;transform:translate(-50%,-50%);animation:pulse-wave 4s infinite}.thank-you-container{display:flex;justify-content:center;align-items:center;height:100vh;font-family:Arial,sans-serif;position:relative;overflow:hidden}.preview-banner{position:fixed;top:0;left:0;width:100%;background-color:#ff9800;color:#fff;text-align:center;padding:10px;z-index:1000;box-shadow:0 2px 5px #0003}.thank-you-card{display:flex;flex-direction:column;background:linear-gradient(to bottom,#fff,#f8f8fb);padding:30px;border:1px solid #e6e6e6;border-radius:10px;text-align:center;width:35vw;min-width:450px;max-width:500px;z-index:2;box-shadow:0 1px #fff}.thank-you-card.custom-thank-you .logo-container{margin-bottom:20px}.thank-you-card.custom-thank-you .logo-container .brand-logo{max-height:50px;max-width:200px;object-fit:contain}.thank-you-card.custom-thank-you .image-container{margin-bottom:20px;overflow:hidden;border-radius:10px}.thank-you-card.custom-thank-you .image-container .brand-image{max-width:100%;height:auto;display:block;margin:0 auto}.thank-you-card.custom-thank-you .thank-you-message{margin-bottom:20px}.thank-you-card.custom-thank-you .custom-html-container{margin-top:20px;margin-bottom:20px;text-align:left}.thank-you-card.custom-thank-you .custom-html-container img{max-width:100%;height:auto}.thank-you-card.custom-thank-you .custom-html-container a{color:var(--primary-color);text-decoration:underline;font-size:unset}.thank-you-card.custom-thank-you .custom-html-container a:hover{opacity:.8}.light-copy{color:#0000004d}.thank-you-card h1{font-size:28px}.thank-you-card p{font-size:16px}.close-tab-button{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:16px;text-decoration:none;display:inline-block}.close-tab-button:hover{background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.close-tab-button:active{transform:translateY(0);box-shadow:0 2px 4px #3b82f64d}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:15px}.analytics-card{background:linear-gradient(to bottom,#fff,#fbfbfc);border:1px solid var(--border-color, #e1e5e9);border-radius:10px;padding:15px;box-shadow:0 1px #fff;transition:all .2s ease}.analytics-card.placeholder{background:var(--card-bg, rgba(255, 255, 255, .1882352941));border-style:dashed;border-color:var(--border-light, #ced4da);display:flex;align-items:center;justify-content:center;min-height:200px;box-shadow:unset}.analytics-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;flex-wrap:wrap;gap:12px}.analytics-header h3{font-size:18px;font-weight:600;color:var(--text-primary, #1a1a1a);margin:0}.filter-dropdown{display:flex;align-items:center}.analytics-select{padding:8px 32px 8px 12px;border:1px solid var(--border-color, #e1e5e9);background:var(--bg-secondary, #f8f9fa);color:var(--text-primary, #1a1a1a);border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:140px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;background-size:16px}.analytics-select:hover{background-color:var(--bg-hover, #e9ecef);border-color:var(--border-hover, #ced4da)}.analytics-select:focus{outline:none;border-color:var(--primary-color, #1667f4);box-shadow:0 0 0 2px #1667f41a}.chart-container{height:300px;margin:16px 0;position:relative}.chart-container canvas{max-height:100%}.analytics-summary{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-light, #f1f3f4);font-size:14px;font-weight:600;color:var(--text-primary, #1a1a1a)}.analytics-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px;padding:12px 0}.analytics-summary-grid .summary-stat{text-align:center;padding:16px;background:var(--bg-secondary, #f8f9fa);border-radius:8px;border:1px solid var(--border-light, #e1e5e9);transition:transform .2s ease,box-shadow .2s ease}.analytics-summary-grid .summary-stat .stat-value{font-size:28px;font-weight:700;color:var(--primary-color, #4f46e5);margin-bottom:8px;line-height:1.2}.analytics-summary-grid .summary-stat .stat-label{font-size:12px;font-weight:500;color:var(--text-secondary, #6c757d);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.analytics-summary-grid .summary-stat .stat-description{font-size:10px;font-weight:400;color:var(--text-muted, #9ca3af);text-transform:none;letter-spacing:0;margin-top:4px;line-height:1.3}.placeholder-content{text-align:center;color:var(--text-muted, #6c757d)}.placeholder-content h3{margin:0 0 8px;font-size:16px;font-weight:500}.placeholder-content p{margin:0;font-size:14px;opacity:.8}.loading-state{text-align:center;padding:48px 24px;color:var(--text-secondary, #6c757d)}[data-theme=dark] .analytics-card{background:var(--card-bg-dark, #2d3748);border-color:var(--border-color-dark, #4a5568)}[data-theme=dark] .analytics-card.placeholder{background:linear-gradient(135deg,var(--bg-secondary-dark, #4a5568) 0%,var(--bg-tertiary-dark, #5a6578) 100%);border-color:var(--border-light-dark, #5a6578)}[data-theme=dark] .analytics-header h3{color:var(--text-primary-dark, #f7fafc)}[data-theme=dark] .analytics-select{background:var(--bg-secondary-dark, #4a5568);color:var(--text-primary-dark, #f7fafc);border-color:var(--border-color-dark, #4a5568)}[data-theme=dark] .analytics-select:hover{background-color:var(--bg-hover-dark, #5a6578);border-color:var(--border-hover-dark, #5a6578)}[data-theme=dark] .analytics-summary{border-top-color:var(--border-light-dark, #4a5568);color:var(--text-primary-dark, #f7fafc)}[data-theme=dark] .analytics-summary-grid .summary-stat{background:var(--bg-secondary-dark, #4a5568);border-color:var(--border-light-dark, #5a6578)}[data-theme=dark] .analytics-summary-grid .summary-stat .stat-value{color:var(--primary-color-dark, #818cf8)}[data-theme=dark] .analytics-summary-grid .summary-stat .stat-label{color:var(--text-secondary-dark, #a0aec0)}[data-theme=dark] .analytics-summary-grid .summary-stat .stat-description{color:var(--text-muted-dark, #718096)}[data-theme=dark] .placeholder-content{color:var(--text-muted-dark, #a0aec0)}@media (max-width: 768px){.analytics-grid{grid-template-columns:1fr;gap:16px}.analytics-card{padding:20px}.analytics-header{flex-direction:column;align-items:stretch}.filter-dropdown{justify-content:center}.chart-container{height:250px}}@media (max-width: 480px){.analytics-card{padding:16px}.analytics-select{min-width:120px;font-size:12px;padding:6px 28px 6px 10px}.chart-container{height:200px}}.staging-auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f5f5f5;padding:20px}.staging-auth-box{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;width:100%;max-width:400px;text-align:center}.staging-auth-box h1{margin-bottom:1rem;color:#333}.staging-auth-box p{margin-bottom:1.5rem;color:#666}.staging-auth-box form{display:flex;flex-direction:column;gap:1rem}.staging-auth-box input{padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.staging-auth-box button{padding:.75rem;background-color:#1667f3;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .2s}.staging-auth-box button:hover{background-color:#0d4ab3}.staging-auth-box .error{color:#dc2626;font-size:.875rem;margin-top:.5rem}.avatar-container{display:inline-block;position:relative;width:23px;height:23px;flex-shrink:0}.card-avatar-container{display:inline-block;position:relative;width:18px;height:18px;flex-shrink:0}.user-with-avatar{display:flex;align-items:center;gap:12px}.user-avatar{width:23px;height:23px;border-radius:50%;object-fit:cover}.user-avatar-placeholder{width:23px;height:23px;border-radius:50%;background-color:#000;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:12px;text-transform:uppercase}.creator-image{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block!important}.creator-image-placeholder{width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:500}.creator-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-creator-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.role-badge,.status-badge{display:inline-block}.status-badge.active,.status-badge.pending,.status-badge.inactive{color:#000}.additional-detail{display:flex;justify-content:space-between;align-items:center;width:100%;flex-wrap:nowrap}.design-pill-container{flex:1;min-width:0;overflow:hidden;padding-bottom:1px;text-overflow:ellipsis;white-space:nowrap}.ellipse-container{display:inline-flex;position:relative;flex-shrink:0}.ellipse-button{background:none;border:none;padding:0;cursor:pointer;display:flex}.pill{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pill-copy{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}button,input,optgroup,select,textarea{font-size:14px!important}button{display:flex;align-items:center;gap:7.5px;color:#000;justify-content:center;padding:7.5px 15px!important;height:38px;border:1px solid transparent;border-radius:10px;cursor:pointer;transition:background-color .2s ease;border:1px solid #e5e7eb;white-space:nowrap;background:linear-gradient(180deg,#fff 64.82%,#f5f5f5 117.86%)!important;box-shadow:0 1px #fff;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease;user-select:none;-webkit-user-select:none;text-shadow:0 2px 0px rgba(0,0,0,.06);transition:text-shadow .15s ease-in-out}button span.monospace-type{font-family:monospace}button:hover{border-color:var(--primary-color);box-shadow:0 0 12px -6px var(--primary-color);transition:background-color .25s ease,border-color .15s ease,box-shadow .25s ease;transition:text-shadow .15s ease-in-out;cursor:pointer}button:active{box-shadow:0 2px 1px #00000026 inset;background-color:#dee0e7!important;text-shadow:0 3px 1.5px rgba(0,0,0,.12);transition:text-shadow .15s ease-in-out}button.negative{border-color:#ab22e3;background-color:#fff}button.negative:hover{border-color:#e90000!important;background-color:#fff}button:disabled,button.disabled{background-color:#0000000d!important;color:#0006!important;box-shadow:unset!important;cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none;text-shadow:none;border-color:#e5e7eb}button:disabled svg path,button.disabled svg path{stroke:#0006!important}button.appearance-button{height:140px;width:202px}button.appearance-button img{width:102%;height:102%;object-fit:cover;object-position:center}button.small{height:31px}button.cta{background:var(--primary-color)!important;color:#fff;border-color:transparent;box-shadow:0 5px 4px -5px var(--primary-color)!important;transition:background-color .25s ease,border-color .15s ease,box-shadow .25s ease}button.cta svg{stroke:#fff}button.cta:hover{background-color:var(--primary-color-dark)!important;background:unset;color:#fff;border-color:transparent;box-shadow:0 4px 4px -5px var(--primary-color)!important;transition:background-color .25s ease,border-color .15s ease,box-shadow .25s ease}button.cta:active{background-color:var(--primary-color-dark);border-color:transparent;color:#fff;box-shadow:0 1px 3px -6px var(--primary-color-dark);transition:background-color .25s ease,border-color .15s ease,box-shadow .25s ease;text-shadow:none}button.cta:disabled,button.cta.disabled{background-color:#0000000d!important;color:#0006!important;box-shadow:unset!important;cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none;text-shadow:none}button.cta.danger{background-color:#fc5e5e!important;color:#fff;border-color:transparent;box-shadow:0 5px 4px -5px #fc5e5e!important;transition:background-color .25s ease,border-color .15s ease,box-shadow .25s ease}button.cta.danger:hover{background-color:#c13636!important;background:unset;color:#fff;border-color:transparent;box-shadow:0 4px 4px -5px #fc5e5e!important;transition:background-color .25s ease,border-color .15s ease,box-shadow .25s ease}button.cta.danger:active{background-color:#c13636;border-color:transparent;color:#fff;box-shadow:0 1px 3px -6px #c13636;transition:background-color .25s ease,border-color .15s ease,box-shadow .25s ease;text-shadow:none}button.cta.danger:disabled,button.cta.danger.disabled{background-color:#0000000d!important;color:#0006!important;box-shadow:unset!important;cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none;text-shadow:none}button.ellipse-button{border-radius:100%;border:0;padding:0!important;min-height:unset;background-color:unset!important;z-index:2;text-shadow:none;margin-top:4px}button.ellipse-button:hover svg .outter{fill:var(--primary-color-light);stroke:var(--primary-color)}button.ellipse-button:hover svg .inner{fill:var(--primary-color)}button.ellipse-button.active{text-shadow:none}button.ellipse-button.active svg .outter{fill:var(--primary-color);stroke:var(--primary-color)}button.ellipse-button.active svg .inner{fill:#fff}button.selected{color:#fff;background-color:#fff;background:linear-gradient(180deg,var(--primary-color) 30%,var(--primary-color-dark) 125%)!important;box-shadow:unset;transition:background-color .25s ease,border-color .15s ease,box-shadow .25s ease;text-shadow:none}button.selected .chevron{stroke:#fff}button.selected:hover{border-color:#fff!important;box-shadow:unset}button.selected:hover .chevron{stroke:#fff}button>img{max-width:unset}.star-btn{border:none;cursor:pointer;padding:0}.star-btn[title=Unstar]{color:#f7c200;transition:color .15s ease}.star-btn[title=Star]{color:#d8d8d8;transition:color .15s ease}.star-btn:hover{color:#b1b1b1;transition:color .15s ease}.ellipse-menu{position:absolute;bottom:32px;right:0;flex-direction:column;background-color:#fbf9fc;padding:5px;border:1px solid #ffffff;border-radius:10px;box-shadow:var(--default-box-shadow);opacity:0;transform:translateY(2px);pointer-events:none;transition:opacity .3s ease,transform .3s ease;z-index:3}.ellipse-menu.active{opacity:1;transform:translateY(0);pointer-events:auto;transition:opacity .3s ease,transform .3s ease}.save-button{padding:.75rem;font-size:1rem;font-weight:600;text-align:center;color:#fff;background-color:var(--primary-color);border-radius:.375rem}.save-button:hover{background-color:var(--primary-color)}.test-detail-tools>.zoom-controls{width:140px;gap:unset!important}.zoom-controls .toolbar-button{height:38px;width:41px;font-weight:500}.zoom-controls .toolbar-button:first-of-type{border-top-right-radius:unset;border-bottom-right-radius:unset}.zoom-controls .toolbar-button:last-of-type{border-top-left-radius:unset;border-bottom-left-radius:unset}.zoom-controls .zoom-level-input{border-radius:unset;border-right:1px solid transparent;border-left:1px solid transparent;background:#fff;height:38px}.zoom-controls .zoom-level-input:focus{border-color:var(--primary-color)}.button-wrapper{display:flex;flex-direction:column;width:100%;gap:15px;overflow:visible}.login-with-google-btn{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:15px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;color:#000;background:#fff!important}.login-with-google-btn img{display:inline-block;height:16px}.login-with-apple-btn{-moz-appearance:none;appearance:none;-webkit-appearance:none}.login-with-apple-btn:focus{outline:none;box-shadow:0 0 0 2px var(--primary-color)}.login-with-figma-btn{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:15px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background:#000!important;color:#fff}.login-with-figma-btn img{display:inline-block;height:18px}.login-with-apple-btn.alt,.login-with-figma-btn.alt,.login-with-google-btn.alt,.login-with-github-btn.alt{background:linear-gradient(180deg,#fff 64.82%,#f5f5f5 117.86%)!important;color:#000!important;border:1px solid #e5e7eb!important;box-shadow:0 1px #fff!important;text-shadow:0 2px 0px rgba(0,0,0,.06)}.login-with-apple-btn.alt:hover,.login-with-figma-btn.alt:hover,.login-with-google-btn.alt:hover,.login-with-github-btn.alt:hover{border-color:var(--primary-color)!important;box-shadow:0 0 12px -6px var(--primary-color)!important}.login-with-figma-btn.alt{background:#000!important;color:#fff!important;border:1px solid transparent!important;box-shadow:0 5px 4px -5px #0000004d!important;text-shadow:none}.login-with-figma-btn.alt:hover{background-color:#000000e6!important;border-color:var(--primary-color)!important;box-shadow:0 0 12px -6px var(--primary-color)!important}.icon-button .outter{stroke:#000}.icon-button .inner{fill:#000}.icon-button:hover{cursor:pointer}.icon-button:hover .outter{fill:var(--primary-color-light);stroke:var(--primary-color)}.icon-button:hover .inner{fill:var(--primary-color)}.icon-button.remove-test-step{position:absolute;top:10px;right:15px}.icon-button.remove-test-step:hover{cursor:pointer}.icon-button.remove-test-step:hover .outter{fill:#ffd7d7;stroke:#fc5e5e}.icon-button.remove-test-step:hover .inner{fill:#fc5e5e}.icon-button.duplicate-test-step{position:absolute;top:10px;right:45px}input,textarea{width:100%;padding:7.5px!important;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 1px #fff;resize:none}input.directions-textarea,textarea.directions-textarea{resize:vertical}input:hover,textarea:hover{border-color:var(--primary-color)!important;box-shadow:0 0 12px -6px var(--primary-color);transition:background-color .25s ease,border-color .15s ease,box-shadow .25s ease;transition:text-shadow .15s ease-in-out}input:focus,textarea:focus{outline:none;box-shadow:0 0 12px -6px var(--primary-color);border-color:var(--primary-color)}.account-content input,.account-content textarea{border:1px solid #e5e7eb}.account-content input:focus,.account-content textarea:focus{border-color:var(--primary-color)}.figma-embed-container iframe{width:100%;height:450px;border:none;max-width:100%;border-radius:8px}.toggle-container{position:relative;display:flex;justify-content:space-between;background-color:#dcdde24d;border-radius:9999px;padding:3px;border:1px solid #e5e9ef;box-shadow:0 -1px #00000025,0 1px #fff;gap:7.5px;user-select:none;-webkit-user-select:none}.toggle-container .toggle-segment{flex:1;text-align:center;padding:7.5px 15px;font-size:14px;font-weight:500;border:1px solid transparent;border-radius:9999px;cursor:pointer;transition:background-color .1s ease-in-out,color .3s ease-in-out;z-index:2;white-space:nowrap}.toggle-container .toggle-segment:hover{background-color:transparent;border:1px solid var(--primary-color)}.toggle-container .toggle-segment img{width:16px;height:16px;display:inline-block;vertical-align:middle}.toggle-container .active-segment:hover{background-color:#ffffff40}.toggle-container .tab-pill{position:absolute;top:4px;left:4px;width:calc(33.3333333333% - 8px);height:calc(100% - 8px);background:linear-gradient(180deg,#fff 64.82%,#f5f5f5 117.86%);border-radius:9999px;box-shadow:0 4px 4px -4px #1e1e4861;transition:transform .3s cubic-bezier(.25,.46,.45,.94);z-index:1}.toggle-container .tab-pill.dashboard-position{width:calc(33.3333333333% - 8px);transform:translate(0)}.toggle-container .tab-pill.personas-position{width:calc(33.3333333333% - 8px);transform:translate(calc(33.3333333333% + 7.5px))}.toggle-container .tab-pill.settings-position{width:calc(33.3333333333% - 8px);transform:translate(calc(66.6666666667% + 15px))}.toggle-container .toggle-segment.details-segment:hover{background-color:unset;border-color:transparent}.toggle-container .toggle-segment.details-segment~.tab-pill{transform:translate(0)}.toggle-container .toggle-segment.test-segment:hover{background-color:unset;border-color:transparent}.toggle-container .toggle-segment.test-segment~.tab-pill{transform:translate(calc(100% + 7.5px))}.toggle-container .toggle-segment.results-segment:hover{background-color:unset;border-color:transparent}.toggle-container .toggle-segment.results-segment~.tab-pill{transform:translate(calc(200% + 16px))}.toggle-container .toggle-segment.dashboard-segment:hover{background-color:unset;border-color:transparent!important}.toggle-container .toggle-segment.dashboard-segment.active~.tab-pill{width:calc(33.3333333333% - 8px);transform:translate(0)}.toggle-container .toggle-segment.dashboard-segment.active~.tab-pill.pill-active-default{width:50%!important}.toggle-container .toggle-segment.personas-segment:hover{background-color:unset;border-color:transparent!important}.toggle-container .toggle-segment.personas-segment.active~.tab-pill{width:110px;transform:translate(100%)}.toggle-container .toggle-segment.settings-segment:hover{background-color:unset;border-color:transparent!important}.toggle-container .toggle-segment.settings-segment.active~.tab-pill{width:87px;transform:translate(calc(200% + 53px))}.toggle-container .toggle-segment.settings-segment.active~.tab-pill.pill-active-default{width:calc(50% - 18px);transform:translate(calc(100% + 27px))}.radio-group{display:flex;gap:15px}.radio-group label{display:flex;align-items:center;gap:5px}.radio-group label input{height:18px;width:18px;box-shadow:none}.radio-group label:hover{cursor:pointer}.sidebar-section-title{font-size:14px;margin:15px 0 7.5px}.slider-ticks{display:flex;justify-content:space-between;margin-top:2px;padding:0 13.5px;height:10px}.slider-tick{color:#000;font-size:6px;line-height:1;transition-duration:.1s}.slider-tick.active{color:var(--primary-color);font-size:10px}input[type=range]{height:15px;padding:0 4px!important;-webkit-appearance:none;background-color:unset!important;border-color:#e5e9ef}input[type=range]::-webkit-slider-runnable-track{width:100%;height:6px;background:#b4b4b4;border-radius:3px;box-shadow:0 1px #ffffff80,0 1px #00000040 inset;border:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;border:none;cursor:grab;background:linear-gradient(180deg,#fff 64.82%,#f5f5f5 117.86%);background-color:#fff;box-shadow:0 1px 2px #0003;margin-top:-8px;transition-duration:.25s}input[type=range]::-webkit-slider-thumb:active{cursor:grabbing;background:#fafafa;box-shadow:0 2px 4px #0000004d;transition-duration:.25s}input[type=range]::-moz-range-thumb{cursor:grab;background-color:var(--primary-color);border:none;border-radius:50%;width:20px;height:20px}input[type=range]::-moz-range-thumb:active{cursor:grabbing;background-color:var(--primary-color-dark)}input[type=range]::-ms-thumb{cursor:grab;background-color:var(--primary-color);border:none;border-radius:50%;width:20px;height:20px}input[type=range]::-ms-thumb:active{cursor:grabbing;background-color:var(--primary-color-dark)}.openai-group{width:-webkit-fill-available}.openai-api-key-input{font-family:monospace;font-weight:400}.openai-api-key-toggle{position:absolute;cursor:pointer;right:15px;z-index:2}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:14px;font-weight:500;color:#000;margin-bottom:0!important}.checkbox-label:hover .checkbox-input{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color),.1)}.checkbox-label:focus-within .checkbox-input{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color),.15)}.checkbox-input{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:18px;height:18px;border:1px solid #e5e9ef;border-radius:4px;background:#fff;cursor:pointer;position:relative;transition:all .2s ease;flex-shrink:0}.checkbox-input:checked{background:var(--primary-color);border-color:var(--primary-color)}.checkbox-input:checked:after{content:"";position:absolute;left:5px;top:2px;width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color),.15)}.checkbox-input:disabled{opacity:.5;cursor:not-allowed;background:#f3f4f6}.checkbox-text{font-size:14px;font-weight:500;color:#000;line-height:1.4}.file-input-wrapper{position:relative;display:inline-block;width:100%}.file-input{position:absolute;left:-9999px;opacity:0;width:0;height:0}.file-input:focus+.file-input-label{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color),.15)}.file-input-label{display:flex;align-items:center;gap:15px;padding:7.5px 15px;background:#fff;border:1px dashed #c3c3c3;border-radius:10px;cursor:pointer;transition:all .2s ease;color:#000;min-height:48px}.file-input-label .file-input-thumb{width:32px;height:32px;border-radius:8px;overflow:hidden;background:#f3f4f6;display:flex;align-items:center;justify-content:center;margin-right:8px}.file-input-label .file-input-thumb img{width:100%;height:100%;object-fit:cover;border-radius:8px}.file-input-label .file-input-icon{border-radius:10px;color:#000;flex-shrink:0}.file-input-label .file-input-text{flex:1;min-width:0}.file-input-label .file-input-text .file-input-placeholder{color:#9ca3af}.file-input-label .file-input-text .file-input-filename{color:#000;font-weight:500;word-break:break-all}.file-input-label .file-input-button{padding:7.5px 15px;background:var(--primary-color);color:#fff;border:none;border-radius:10px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;flex-shrink:0}.file-input-label .file-input-button:hover{background:var(--primary-color-dark)}.file-input-label.has-file{border:1px solid var(--primary-color);background:#f0f9ff}.file-input-label.has-file .file-input-icon{background:var(--primary-color);color:#fff}html.dark-mode input,html.dark-mode textarea{color:#fff;background-color:linear-gradient(to bottom,#202121,#181a1b);border:1px solid #000000;box-shadow:0 1px 4px #0000002e inset;transition:border-color .2s,box-shadow .2s}html.dark-mode input::placeholder,html.dark-mode textarea::placeholder{color:#c7c8d2!important;opacity:1}html.dark-mode input:focus,html.dark-mode textarea:focus{border-color:var(--primary-color)!important;box-shadow:0 0 0 2px rgba(var(--primary-color),.15)!important;outline:none}html.dark-mode .tab-pill{background:linear-gradient(180deg,#35373b 60%,#232429)!important;border:1px solid #444654!important;box-shadow:0 2px 8px #0000002e!important;transition:background .2s,border-color .2s,box-shadow .2s}html.dark-mode .checkbox-label,html.dark-mode .checkbox-label .checkbox-text{color:#fff}html.dark-mode .checkbox-input{background:#374151;border-color:#6b7280}html.dark-mode .checkbox-input:checked{background:var(--primary-color);border-color:var(--primary-color)}html.dark-mode .checkbox-input:disabled{background:#4b5563;opacity:.5}html.dark-mode .file-input-label{background:#374151;border-color:#6b7280;color:#d1d5db}html.dark-mode .file-input-label:hover{background:#4b5563;border-color:var(--primary-color)}html.dark-mode .file-input-label .file-input-icon{background:#4b5563;color:#d1d5db}html.dark-mode .file-input-label .file-input-text .file-input-placeholder{color:#9ca3af}html.dark-mode .file-input-label .file-input-text .file-input-filename{color:#fff}html.dark-mode .file-input.has-file .file-input-label{background:rgba(var(--primary-color),.1);border-color:var(--primary-color)}html.dark-mode .file-input.has-file .file-input-label .file-input-icon{background:var(--primary-color);color:#fff}.option-image-row{display:flex;align-items:center;gap:15px;margin-top:7.5px}.option-image-row .file-input-label{flex:1}.option-image-row button{align-self:center}*,*:before,*:after{box-sizing:border-box}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;padding:0 1em 0 0;margin:0;width:100%;cursor:inherit;line-height:inherit;z-index:1;outline:none}select::-ms-expand{display:none}.custom-select,.display-select{position:relative;display:inline-flex;grid-template-areas:"select";align-items:center;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;line-height:1.4;background:linear-gradient(180deg,#fff 64.82%,#f5f5f5 117.86%)!important;box-shadow:0 1px #fff;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.custom-select select,.custom-select:after,.display-select select,.display-select:after{grid-area:select}.custom-select:after,.display-select:after{position:absolute;display:inline-flex;content:"";right:15px;justify-self:end;width:10px;height:6px;background-color:#000;clip-path:polygon(100% 0%,0 0%,50% 100%);-webkit-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.custom-select select,.display-select select{padding:8px 40px 8px 15px;min-height:38px;box-sizing:border-box}.custom-select:hover,.display-select:hover{border-color:var(--primary-color);box-shadow:0 0 12px -6px var(--primary-color);transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.display-select{padding:8px 40px 8px 15px;color:#0000004d;cursor:no-drop}.display-select:after{background-color:#0000004d}.display-select:hover{border:1px solid #ffffff;box-shadow:var(--default-box-shadow)}select:focus+.focus{position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border:2px solid var(--primary-color);border-radius:inherit}select[multiple]{padding-right:0;height:6rem}select[multiple] option{white-space:normal;outline-color:var(--primary-color)}.custom-select--disabled{cursor:not-allowed;background-color:#eee;background-image:linear-gradient(to top,#ddd,#eee 33%)}label{font-weight:500}.custom-select+label{margin-top:2rem}html.dark-mode .custom-select,html.dark-mode .display-select{background:linear-gradient(to bottom,#202121,#181a1b)!important;border-color:#000!important;box-shadow:0 1px #23272a!important;color:#fff}small{font-size:11px!important;color:#00000080}small a{font-size:11px!important;color:#00000080;text-decoration:underline}.app-nav{position:sticky;top:0;display:flex;padding:15px 15px 16px;z-index:10;background-color:#f5f5f9d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);min-height:76px;border-bottom:1px solid #e5e7eb;box-shadow:0 1px #fff}.app-nav .nav-bar-button-group{display:flex;flex-direction:row;gap:15px}.export-buttons{display:flex;flex-direction:row;gap:15px;align-items:center}.export-button img{height:16px;width:16px;object-fit:contain;object-position:center}.sign-in-nav{position:absolute;top:0;left:0;width:100%;background-color:#fff;display:flex;align-items:center;justify-content:space-between;padding:10px 20px;border-bottom:1px solid #d3d3d3;z-index:10}nav{position:sticky;top:0;border-bottom:1px solid #d3d3d3;background-color:#fff;z-index:10}.tool-bar{display:flex;flex-direction:row;align-items:center;padding:15px 0;gap:30px}.tool-bar>div{display:flex;flex-direction:row;align-items:center;gap:15px}.tool-bar.dashboard-tools,.tool-bar.personas-tools{position:sticky;display:flex;flex-direction:row;top:76px;justify-content:space-between;min-height:72px;padding:0 15px;background-color:#f5f5f9d9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-bottom:1px solid #e5e7eb;box-shadow:0 1px #fff;gap:15px;z-index:5}.tool-bar.test-detail-tools{display:flex;top:17.5px;flex-direction:row;padding:0}body.admin-bar-visible .tool-bar.dashboard-tools,body.admin-bar-visible .tool-bar.personas-tools{top:118px}.help-menu{position:absolute;display:flex;flex-direction:column;top:15px;right:15px;bottom:15px;background:#f9f9fb;width:420px;height:calc(100vh - 30px);border:.5px solid #cccccc;border-radius:10px;box-shadow:0 15px 53px -17px #0c38854d;padding:0;overflow:hidden;z-index:15;animation:zoomIn .3s cubic-bezier(.4,0,.2,1) forwards}.help-menu.is-closing{animation:zoomOut .3s cubic-bezier(.4,0,.2,1) backwards}.help-menu .help-header-container{position:sticky;top:0;display:flex;flex-direction:row;align-content:center;justify-content:space-between;align-items:center;padding:15px;background:#f9f9fbe6}.help-menu .help-header-container h3{align-self:center}.help-menu .help-header-container .close-button{display:flex;width:auto;align-self:center;font-size:24px;font-weight:400;padding:0 5px 5px;cursor:pointer;border-radius:8px;line-height:1;height:32px;width:32px;align-items:center;justify-content:center}.help-menu .help-header-container .close-button:hover{background:#0000000d}.help-menu summary{font-size:14px;font-weight:700}.help-menu summary:hover{color:var(--primary-color)}.help-menu details>summary{list-style:none;position:relative;padding-left:24px;cursor:pointer}.help-menu details>summary::-webkit-details-marker{display:none}.help-menu details>summary:before{content:"▶";position:absolute;left:8px;top:50%;transform:translateY(-50%) rotate(0);transition:transform .2s ease,color .2s ease;color:#000;font-size:11px;line-height:1}.help-menu details[open]>summary:before{transform:translateY(-50%) rotate(90deg);color:var(--primary-color)}.help-menu details{padding:15px;border-radius:12px;border:1px solid #e5e7eb;background:#f5f6fb;box-shadow:0 1px #fff inset;transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease,background .2s ease;margin-bottom:15px}.help-menu details[open]{background:#eef2ff;border-color:#dbe3ff}.help-menu details[open] summary{color:var(--primary-color)}.help-menu li{font-size:14px}.help-menu .help-search-container{position:relative;padding:15px;background:#f9f9fbe6;border-bottom:1px solid #e5e7eb}.help-menu .help-search-input{width:100%;padding:12px 40px 12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background:#fff;transition:border-color .2s ease,box-shadow .2s ease}.help-menu .help-search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.help-menu .help-search-input::placeholder{color:#9ca3af}.help-menu .help-search-clear{position:absolute;right:24px;top:50%;transform:translateY(-50%);background:none!important;border:none;font-size:18px}.help-menu .help-search-highlight{background-color:#fef08a;color:#000;padding:2px 4px;border-radius:3px;font-weight:600}.help-menu .help-no-results{text-align:center;padding:30px;color:#6b7280}.help-menu .help-no-results p{margin:0 0 15px;font-size:16px}.help-menu .help-no-results .help-no-results-suggestion{font-size:14px;color:#9ca3af}.help-menu .simple-help-content{overflow-y:auto;padding:15px;height:calc(100% - 120px)}.help-menu img{border:1px solid #000000;margin:15px 0}.help-menu h2{font-size:20px}html.dark-mode .app-nav{background:linear-gradient(#28292a,#1f1f1f);border-bottom:1px solid #2a2a2a;color:#fff}html.dark-mode .tool-bar,html.dark-mode .tool-bar.dashboard-tools{border-bottom:1px solid #000000!important;border-top:1px solid #000000!important;color:#fff}html.dark-mode .help-menu{background:#202020f5;border-color:#2a2a2a;color:#fff;box-shadow:0 20px 50px #00000073}html.dark-mode .help-menu .help-header-container{background:#202020f5;border-bottom-color:#000}html.dark-mode .help-menu .help-search-container{background:#202020f5;border-bottom-color:#3a3a3a}html.dark-mode .help-menu .help-search-input{background:#2a2a2a;border-color:#3a3a3a;color:#fff}html.dark-mode .help-menu .help-search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f633}html.dark-mode .help-menu .help-search-input::placeholder{color:#6b7280}html.dark-mode .help-menu .help-search-clear{color:#9ca3af}html.dark-mode .help-menu .help-search-clear:hover{color:#d1d5db;background:#ffffff1a}html.dark-mode .help-menu .help-no-results{color:#9ca3af}html.dark-mode .help-menu .help-no-results .help-no-results-suggestion{color:#6b7280}html.dark-mode .help-menu details{background:#2a2a2a;border-color:#3a3a3a;box-shadow:none}html.dark-mode .help-menu details[open]{background:#23252e;border-color:#3a4a7a;box-shadow:0 6px 24px #0006}.table-wrapper{border-radius:10px;margin-top:15px;padding:0 15px 15px}.flexible-table{width:100%;border-collapse:separate;border-spacing:0;border-radius:10px;overflow:hidden;border:1px solid #e5e7eb;box-shadow:0 1px #fff;table-layout:fixed}.flexible-table th,.flexible-table td{overflow:hidden;text-overflow:ellipsis;min-width:50px;max-width:100%;table-layout:auto}.flexible-table .archived-label{display:inline-block;margin-right:15px;background-color:#8c8ca3;color:#fff;font-size:11px;padding:2px 6px;border-radius:10px;vertical-align:middle}.flexible-table .test-name-with-indicator{display:inline-flex;align-items:center;gap:8px;max-width:100%;min-width:0}.flexible-table .test-name-with-indicator .test-name-text{flex:1;min-width:0;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;white-space:normal}.flexible-table .test-name-with-indicator .active-indicator{width:8px;height:8px;background-color:#ef4444;border-radius:50%;position:relative;flex-shrink:0;min-width:8px}.flexible-table .test-name-with-indicator .active-indicator:before{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;background-color:#ef444475;border-radius:50%;transform:translate(-50%,-50%);animation:pulse-wave 4s infinite}.flexible-table .test-name-with-indicator .completed-indicator{width:12px;height:12px;background-color:#10b981;border-radius:50%;position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center;min-width:12px}.flexible-table .test-name-with-indicator .completed-indicator:before{content:"✓";color:#fff;font-size:8px;font-weight:700;line-height:1}.flexible-table .test-name-with-indicator .mostly-complete-indicator{width:12px;height:12px;background-color:var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;min-width:12px}.flexible-table .test-name-with-indicator .mostly-complete-indicator:before{content:"✓";color:#fff;font-size:8px;font-weight:700;line-height:1}.flexible-table tr{transition:background .2s ease-in-out}.flexible-table tr td{vertical-align:middle}.flexible-table tr th{position:relative;background-color:#fafafa;color:#000;text-align:left;padding:7.5px 15px;font-size:12px;font-weight:600;top:0;z-index:2;text-transform:capitalize;border-bottom:1px solid #f0f0f0}.flexible-table tr td{padding:5px 15px;font-size:14px;border-top:1px solid transparent;border-bottom:1px solid transparent}.flexible-table tr td:first-child{border-left:1px solid transparent}.flexible-table tr td:last-child{border-right:1px solid transparent;text-align:center}.flexible-table tr td .test-description-container{display:inline-flex}.flexible-table tr td .test-type-label{display:inline-block;padding:2px 8px;color:#000;border-radius:10px;font-size:10px;font-weight:500;box-shadow:0 1px #fff}.flexible-table tr td .test-type-label.card-sort{background:#ff19cd81}.flexible-table tr td .test-type-label.tree-test{background:#ffd11981}.flexible-table tr td .test-type-label.first-click{background:#d8d8d881}.flexible-table tr td .test-type-label.user-experience_score{background:#02ece881}.flexible-table tr td .test-type-label.questionnaire{background:#2e35ff60}.flexible-table tr td button{display:inline-block;padding:5px 10px!important;min-height:unset}.flexible-table tr td button:not(:last-of-type){margin-right:7.5px}.flexible-table tr td.feature-false{color:#c3c3c3}.flexible-table tr:nth-child(2n){background-color:#f9fbff}.flexible-table tr:nth-child(odd){background-color:#fff}.flexible-table tr:last-of-type td{border-bottom-color:transparent}.flexible-table tr:last-of-type td:first-child{border-bottom-left-radius:10px}.flexible-table tr:last-of-type td:last-child{border-bottom-right-radius:10px}.flexible-table tr:hover td{border-top-color:var(--primary-color);border-bottom-color:var(--primary-color);background-color:#fff;color:var(--primary-color)}.flexible-table tr:hover td:first-child{border-left-color:var(--primary-color)}.flexible-table tr:hover td:last-child button{color:#000}.flexible-table tr:hover td:last-child:not(button){border-right-color:var(--primary-color)}.flexible-table tbody tr:hover{cursor:pointer}.flexible-table .prototype-badge{display:inline-flex;align-items:center;padding:2.5px 15px;border-radius:20px;white-space:nowrap;width:auto;max-width:100%;overflow:hidden;text-overflow:ellipsis;background-color:#454f8814}.flexible-table .prototype-badge .pill-copy{color:#000;font-weight:400;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:10px!important}.flexible-table th{position:relative;padding-right:10px;white-space:nowrap;min-width:150px;flex-grow:1}.flexible-table th:not(:last-child) .resizer{position:absolute;right:0;top:0;width:6px;height:100%;cursor:col-resize;background-color:transparent;transition:background .2s;border-left:1px dotted #c3c3c3}.flexible-table th:not(:last-child) .resizer:hover{background-color:#ccc}html.dark-mode .flexible-table{border:1px solid #2d2d2d;background-color:#1e1e1e;box-shadow:var(--default-box-shadow)}html.dark-mode .flexible-table th{background-color:#2d2d2d;color:#fff;border-bottom:1px solid #1e1e1e}html.dark-mode .flexible-table td{color:#fff;background-color:#1e1e1e;border-top:1px solid #2d2d2d;border-bottom:1px solid #000000}html.dark-mode .flexible-table tr:nth-child(2n){background-color:#232729}html.dark-mode .flexible-table tr:nth-child(odd){background-color:#1a1a1a}html.dark-mode .flexible-table tr:hover td{background-color:#232729;color:var(--primary-color);border-color:var(--primary-color)}html.dark-mode .flexible-table .prototype-badge .pill-copy{color:#fff}html.dark-mode .test-type-label{box-shadow:0 1px #ffffff4d!important}.empty-table-row{text-align:center;color:#a4a4a4;background:none;border-bottom:1px solid rgb(42,42,42);width:100%;display:table-cell;table-layout:fixed}.flexible-table tbody tr:only-child td{width:100%;display:table-cell}.flexible-table .empty-state-row{display:table-row;width:100%}.flexible-table .empty-state-row td{padding:15px 0}.flexible-table .empty-state-row td:hover{border-color:transparent!important;cursor:default}.flexible-table .empty-state-row td{display:table-cell;width:100%;table-layout:fixed}.empty-state-content{display:flex;flex-direction:column;align-items:center;padding:15px 0;width:100%;justify-content:center}.empty-state-content img{width:120px;margin:7.5px 0}.empty-state-content h2{font-size:24px;font-weight:600;color:#000;margin-bottom:0}.empty-state-content small{font-size:14px}.card-grid .empty-state-content{display:flex;justify-content:center;align-items:center;min-height:300px;width:100%;flex-direction:column}html:not(.dark-mode) .empty-table-row{color:#000!important;border-bottom:1px solid #e0e0e0}.card-grid{display:flex;flex-wrap:wrap;align-items:stretch;gap:30px;max-height:100%;overflow:scroll;padding:16px 30px 90px}.no-content{display:flex;flex-direction:column;height:84vh;width:100%;justify-content:center;align-items:center}.test-tile{position:relative;display:flex;flex-direction:column;background:linear-gradient(to bottom,#fff,#f8f8fb);width:calc(33.3333333333% - 15px);padding:15px;border-radius:10px;border:1px solid #ffffff;box-shadow:var(--default-box-shadow);transition:border-color .4s ease}.test-tile:hover{border-color:var(--primary-color);box-shadow:0 0 12px -6px var(--primary-color);z-index:1;transition:border-color .4s ease}.test-tile:hover h3{color:var(--primary-color)}.test-tile.archived-test div:not(.archived-header),.test-tile.archived-test p{z-index:2}.test-tile.archived-test:hover{border-color:#c4c4e0;box-shadow:0 0 12px -6px #c4c4e0}.test-tile .test-tile-content{flex:1;display:flex;flex-direction:column}.test-tile .test-tile-content>p.text-sm{margin-top:auto;margin-bottom:0;font-weight:600;font-size:12px}.test-tile .test-tile-header{display:flex;gap:15px;margin-bottom:7.5px;align-items:flex-start}.test-tile .test-snapshot{flex-shrink:0;box-shadow:0 1px #fff;border:1px solid rgba(0,0,0,.05);transition:transform .2s ease,box-shadow .2s ease;-webkit-user-drag:none}.test-tile .card-status-indicator{position:absolute;top:20px;right:20px;z-index:10}.test-tile .card-status-indicator.active-indicator{width:8px;height:8px;background-color:#fc5e5e;border-radius:50%;flex-shrink:0}.test-tile .card-status-indicator.active-indicator:before{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;background-color:#ef444475;border-radius:50%;transform:translate(-50%,-50%);animation:pulse-wave 4s infinite}.test-tile .test-tile-text{flex:1;min-width:0}.test-tile .test-tile-text .card-title{margin:0 0 5px;font-size:18px;font-weight:600;line-height:1.3;position:relative;display:flex;align-items:center;gap:15px;padding-right:24px;min-width:0}.test-tile .test-tile-text .card-title .card-title-text{flex:1;min-width:0;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word}.test-tile .test-tile-text .test-card-detail{margin:0}.test-tile .archived-header{position:absolute;top:0;left:0;width:100%;height:60px;text-align:right;overflow:hidden;border-top-left-radius:10px;border-top-right-radius:10px}.test-tile .archived-header .archived-header-img{position:absolute;top:-20px;left:0;width:100%;height:60px;object-fit:fill;z-index:1}.test-tile .archived-header .archived-text{position:relative;display:inline-block;font-size:12px;font-weight:500;color:#8c8ca3;margin:20px 10px 0 0;z-index:1}.test-tile .archived-badge{position:absolute;top:0;right:0;color:#000;font-size:12px;padding:15px 10px 0 0;border-radius:0 10px;z-index:2}.test-tile .card-title{font-size:18px;font-weight:600}.test-tile .test-card-detail{display:block;overflow:visible;text-overflow:unset;word-wrap:break-word}.test-tile .test-card-detail.description{font-size:14px;color:#000}.test-tile .test-card-detail.created-date{margin:7.5px 0;font-size:10px;color:#00000080}.test-tile .creator-info{font-size:10px}.test-tile .additional-detail{position:relative}.test-tile .additional-detail .ellipse-container{position:relative;right:0;bottom:2px}.custom-context-menu{background:#f5f5f9d9;padding:7.5px;border-radius:10px;box-shadow:0 10px 24px #0000001a;border:1px solid #e5e9ef;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;overflow:hidden}.custom-context-menu div:not(.divider){font-size:14px;padding:5px 15px;cursor:pointer;color:#000!important;border-radius:10px}.custom-context-menu div:not(.divider):hover{transition-duration:.15s;background:var(--primary-color-light);box-shadow:0 1px #fff,0 1px #cfe1ff inset}.custom-context-menu div:not(.divider):last-child{color:#fc5e5e!important}.custom-context-menu div:not(.divider):last-child:hover{background:#ffd7d7!important;color:#fc5e5e!important;box-shadow:0 1px #fff,0 1px #ffc6c6 inset}.divider{display:flex;border-bottom:1px solid #e5e7eb;box-shadow:0 1px #fff}@media (width <= 47.999rem){.test-tile{width:100%}}@media (width >= 48rem){.test-tile{width:calc(50% - 15px)}}@media (width >= 80rem){.test-tile{width:calc(33% - 17px)}}@media (width >= 100rem){.test-tile{width:calc(25% - 23px)}}@media (width >= 120rem){.test-tile{width:calc(20% - 24px)}}@media (width >= 140rem){.test-tile{width:calc(16.6666666667% - 25px)}}html.dark-mode .test-tile{background:linear-gradient(#212222,#181819);border-color:#000!important;color:#a4a4a4;box-shadow:#ffffff1a 0 1px}html.dark-mode .test-tile:hover{border-color:var(--primary-color);box-shadow:0 0 16px rgba(var(--primary-color),.3)}html.dark-mode .test-tile .test-tile-text .card-title,html.dark-mode .test-tile .test-tile-text .test-card-detail.description{color:#a4a4a4}html.dark-mode .test-tile .test-snapshot{border-color:#2a2a2a;box-shadow:0 2px 4px #0000004d}html.dark-mode .test-tile .test-snapshot:hover{box-shadow:0 4px 8px #0006}html.dark-mode .test-tile .card-title,html.dark-mode .test-tile .test-card-detail.description{color:#a4a4a4}html.dark-mode .test-tile .test-card-detail.created-date,html.dark-mode .test-tile .archived-header .archived-text{color:#a0a0a0}html.dark-mode .test-tile .archived-badge{color:#fff;background:#3a3a3a}html.dark-mode .test-tile .creator-info{color:#a4a4a4}html.dark-mode .test-tile .additional-detail .ellipse-container .ellipse-button{background:linear-gradient(#212222,#181819)}html.dark-mode .test-tile .results-count,html.dark-mode .test-tile .test-card-detail,html.dark-mode .test-tile .results-label{color:#a4a4a4!important}html.dark-mode .divider{border-bottom:1px solid #2a2a2a;box-shadow:0 1px #ffffff0d}html.dark-mode .pill.test-type-pill,html.dark-mode .pill{box-shadow:0 1px #45494b!important}.pill.test-type-pill{box-shadow:0 1px #fff}.pill.test-type-pill.card_sort{background:linear-gradient(to right,#ff19cd81,#ff19cd81)}.pill.test-type-pill.tree_test{background:linear-gradient(to right,#ffd11981,#ffd11981)}.pill.test-type-pill.first_click{background:linear-gradient(to right,#d8d8d881,#d8d8d881)}.pill.test-type-pill.user_experience_score{background:linear-gradient(to right,#02ece881,#02ece881)}.pill.test-type-pill.questionnaire{background:linear-gradient(to right,#2e35ff60,#2e35ff60)}.design-pill-container{display:flex;flex-wrap:wrap;gap:7.5px;align-items:center}.design-pill-container .pill{display:flex;align-items:center;justify-content:flex-start;padding:2px 8px;max-width:100%;overflow:hidden;text-overflow:ellipsis;border-radius:10px}.design-pill-container .pill img{width:10px;height:10px}.design-pill-container .pill .pill-copy{font-size:10px}.design-pill-container .creator-info{display:flex;gap:5px}.design-pill-container .pill.test-type-pill,.design-pill-container .no-design-style{font-size:10px!important;padding:2px 8px;border-radius:10px}.card-sort-list-row{position:relative}.card-sort-list-row .drag-handle{position:absolute;left:-23px;opacity:0;transition:opacity .15s;cursor:grab;z-index:2}.card-sort-list-row:hover .drag-handle{opacity:1}.gradient-picker-popover{position:absolute;right:0;top:calc(100% + 5px);z-index:10;background:linear-gradient(to bottom,#fff,#f8f8fb);border:1px solid #e5e7eb;border-radius:10px;padding:15px;box-shadow:0 2px 8px #00000014}.gradient-picker-popover>div{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:15px}.gradient-picker-button{width:25px;height:25px;border:1px solid #e5e7eb;border-radius:50%;box-shadow:0 1px #fff;cursor:pointer;background-size:102% 102%;background-position:center;background-repeat:no-repeat}.gradient-picker-button:hover{border-color:var(--primary-color)}.gradient-picker-popover a{display:block;text-decoration:none}.editable-label{cursor:pointer;transition:color .15s,background .15s;border-radius:4px;padding:2px 4px}.editable-label:hover{color:var(--primary-color);background:#fafafa}.float-snapshot{float:right;margin-left:16px;margin-bottom:8px;border-radius:8px;display:block;shape-outside:inset(0 round 8px);max-width:90px;max-height:60px}@keyframes pulse-wave{0%{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(3);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:0}}.draggable-panel{position:absolute;top:0;right:60px;width:350px;background:linear-gradient(to bottom,#ffffffd8,#fafafad8);padding:15px;border-radius:10px;box-shadow:0 10px 24px #0000001a;border:1px solid #e5e7eb;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1}.draggable-panel .drag-message{padding:5px 15px;font-size:12px;text-align:center;border-radius:10px;background:#f5f5f9e6;margin-bottom:15px;border:1px solid #e5e7eb;box-shadow:0 1px #fff;cursor:grab;transition:background-color .25s ease,border-color .15s ease,box-shadow .25s ease}.draggable-panel .drag-message:hover{border-color:var(--primary-color);box-shadow:0 0 12px -6px var(--primary-color);transition:background-color .25s ease,border-color .15s ease,box-shadow .25s ease}.draggable-panel .drag-message:active{background-color:var(--primary-color-light);box-shadow:0 0 12px -6px var(--primary-color);cursor:grabbing}.draggable-panel .step-label{font-size:14px;font-weight:500;padding-bottom:3px}.draggable-panel .difficulty-rating{margin-top:16px}.draggable-panel .difficulty-rating .rating-options{display:flex;justify-content:space-between}.draggable-panel .difficulty-rating .rating-options button{flex:1;padding:8px;border:1px solid #e5e7eb;background:#fff!important;cursor:pointer;transition:.3s;font-size:12px!important;border-radius:unset;box-shadow:0 1px #fff}.draggable-panel .difficulty-rating .rating-options button:first-child{border-top-left-radius:10px;border-bottom-left-radius:10px;border-right:unset}.draggable-panel .difficulty-rating .rating-options button:nth-child(2),.draggable-panel .difficulty-rating .rating-options button:nth-child(3){border-right:unset}.draggable-panel .difficulty-rating .rating-options button:last-child{border-top-right-radius:10px;border-bottom-right-radius:10px}.draggable-panel .difficulty-rating .rating-options button:hover{background:var(--primary-color-light)}.draggable-panel .difficulty-rating .rating-options button.active{background:var(--primary-color)!important;color:#fff;border-color:var(--primary-color);box-shadow:0 1px 0 var(--primary-color-dark) inset}.draggable-panel .difficulty-rating .rating-options button.active+button{border-left-color:var(--primary-color)}.draggable-panel .additional-feedback{margin-top:15px}.draggable-panel .additional-feedback textarea{border-color:#e5e7eb}.draggable-panel .additional-feedback textarea:hover{border-color:var(--primary-color)}.draggable-panel .additional-feedback textarea:focus{border-color:var(--primary-color)}.draggable-panel .step-navigation{display:flex;justify-content:space-between;align-items:center;margin-top:15px;gap:15px}.draggable-panel .step-navigation .zoom-controls{display:flex;align-items:center;gap:15px;justify-content:space-between}.draggable-panel .step-navigation .zoom-controls .button-group{display:flex;align-items:center}.draggable-panel .step-navigation .zoom-controls .button-group button{padding:4px 8px;width:42px;height:32px;border-radius:10px;border:1px solid #e5e7eb;transition:border-color .2s ease}.draggable-panel .step-navigation .zoom-controls .button-group button:first-child{border-top-right-radius:0;border-bottom-right-radius:0;margin-right:-1px}.draggable-panel .step-navigation .zoom-controls .button-group button:first-child:hover{border-color:var(--primary-color)}.draggable-panel .step-navigation .zoom-controls .button-group button:first-child:hover+button{border-left-color:var(--primary-color)}.draggable-panel .step-navigation .zoom-controls .button-group button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.draggable-panel .step-navigation .zoom-controls .button-group button:hover{border-color:var(--primary-color)}.draggable-panel .step-navigation .zoom-controls .zoom-label{font-size:12px;color:#0009}.draggable-panel .step-navigation .next-button{min-width:80px}.toggle-switch{position:relative;display:inline-block;width:50px;height:20px}.toggle-switch input{opacity:0;width:0;height:0;position:absolute;z-index:1}.toggle-switch input:checked+.slider{background-color:var(--primary-color)}.toggle-switch input:checked+.slider:before{transform:translate(19px);transition:.25s}.toggle-switch input:disabled+.slider{opacity:.5;cursor:not-allowed}.toggle-switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#c3c3c3;transition:.25s;border-radius:14px;box-shadow:0 1px #fff;border:1px solid transparent}.toggle-switch .slider:before{position:absolute;content:"";height:16px;width:26px;left:2px;bottom:1px;background:linear-gradient(to bottom,#fff,#f4f4f6);border-radius:14px;transition:.25s;box-shadow:0 3px 2px -1px #00000040}.toggle-switch.disabled{opacity:.6;cursor:not-allowed}.toggle-switch.disabled .slider{cursor:not-allowed;opacity:.6}.toggle-switch .labels{position:absolute;top:50%;transform:translateY(-50%);width:100%;display:flex;justify-content:space-between;padding:0 5px;pointer-events:none}.toggle-switch .labels span{font-size:12px;color:var(--text-color);opacity:.7;text-transform:capitalize}html.dark-mode .toggle-switch .slider{background:#2d2d2d!important;box-shadow:0 1px #45494b!important;border:1px solid #000000}html.dark-mode .toggle-switch .slider:hover{border-color:var(--primary-color);box-shadow:0 0 12px -6px var(--primary-color)!important}html.dark-mode .toggle-switch .slider:before{background:linear-gradient(#28292a,#1f1f1f)!important;box-shadow:0 1px #45494b inset!important}html.dark-mode .toggle-switch input:checked+.slider{background:var(--primary-color)!important;border-color:var(--primary-color)}html.dark-mode .toggle-switch input:checked+.slider:before{box-shadow:0 1px #45494b!important}.theme-toggle-container{display:flex;align-items:center;justify-content:center}.tabbed-content-container{display:flex;gap:15px;font-family:sans-serif;max-width:900px;margin:2rem auto;padding:15px;border-radius:10px}.tabbed-content-container .tabs-sidebar{width:220px;background-color:transparent;display:flex;flex-direction:column;gap:7.5px;flex-shrink:0}.tabbed-content-container .tabs-sidebar .tab-item{display:flex;align-items:center;padding:7.5px 15px;cursor:pointer;color:#000;border:1px solid transparent;border-radius:10px;background-color:#f1f1f6;white-space:nowrap}.tabbed-content-container .tabs-sidebar .tab-item .tab-icon{width:20px;height:20px;margin-right:15px}.tabbed-content-container .tabs-sidebar .tab-item:hover{background:linear-gradient(to right,#f8f8fa,#f1f1f6);border:1px solid #f1f1f6}.tabbed-content-container .tabs-sidebar .tab-item.active{border-color:var(--primary-color);background:linear-gradient(to bottom,#fff,#fafafa);transition:unset;box-shadow:0 0 12px -6px var(--primary-color)}.tabbed-content-container .tab-content{padding:2rem;flex-grow:1;background:linear-gradient(to bottom,#fff,#fafafa);border-radius:12px;border:1px solid #e6e6e6;box-shadow:0 1px #fff}.tabbed-content-container .tab-content h3{margin-top:0;font-size:1.5rem}.loading-screen{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#f5f5f9;transition:all .3s ease-in-out}.loading-screen--dark{background:#1e1e1e;color:#e0e0e0}.loading-screen--fullscreen{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;background:#f5f5f9f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.loading-screen--fullscreen.loading-screen--dark{background:#1e1e1ef2}.loading-screen--minimal{background:transparent}.loading-screen--minimal .loading-screen__content{padding:15px}.loading-screen--small .loading-screen__content{padding:7.5px}.loading-screen--small .loading-screen__logo-img{width:32px;height:32px}.loading-screen--small .loading-screen__spinner{width:24px;height:24px}.loading-screen--small .loading-screen__message{font-size:12px}.loading-screen--small .loading-screen__dots{gap:4px}.loading-screen--small .loading-screen__dots .loading-screen__dot{width:6px;height:6px}.loading-screen--medium .loading-screen__content{padding:15px}.loading-screen--medium .loading-screen__logo-img{width:48px;height:48px}.loading-screen--medium .loading-screen__spinner{width:32px;height:32px}.loading-screen--medium .loading-screen__message{font-size:14px}.loading-screen--medium .loading-screen__dots{gap:6px}.loading-screen--medium .loading-screen__dots .loading-screen__dot{width:8px;height:8px}.loading-screen--large .loading-screen__content{padding:30px}.loading-screen--large .loading-screen__logo-img{width:64px;height:64px}.loading-screen--large .loading-screen__spinner{width:48px;height:48px}.loading-screen--large .loading-screen__message{font-size:16px}.loading-screen--large .loading-screen__dots{gap:8px}.loading-screen--large .loading-screen__dots .loading-screen__dot{width:12px;height:12px}.loading-screen__content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;text-align:center;animation:loading-fade-in .5s ease-out}.loading-screen__logo{margin-bottom:7.5px}.loading-screen__logo-img{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));transition:all .3s ease}.loading-screen--dark .loading-screen__logo-img{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.loading-screen__spinner{position:relative;display:flex;align-items:center;justify-content:center}.loading-screen__spinner-ring{position:absolute;border:2px solid transparent;border-radius:50%;animation:loading-spin 1.2s linear infinite}.loading-screen__spinner-ring:nth-child(1){width:100%;height:100%;border-top-color:var(--primary-color);animation-delay:0s}.loading-screen__spinner-ring:nth-child(2){width:75%;height:75%;border-right-color:var(--primary-color);animation-delay:-.4s}.loading-screen__spinner-ring:nth-child(3){width:50%;height:50%;border-bottom-color:var(--primary-color);animation-delay:-.8s}.loading-screen--dark .loading-screen__spinner-ring:nth-child(1){border-top-color:var(--primary-color)}.loading-screen--dark .loading-screen__spinner-ring:nth-child(2){border-right-color:var(--primary-color)}.loading-screen--dark .loading-screen__spinner-ring:nth-child(3){border-bottom-color:var(--primary-color)}.loading-screen__message{margin-top:7.5px}.loading-screen__message p{margin:0;font-weight:500;color:#000;opacity:.8}.loading-screen--dark .loading-screen__message p{color:#e0e0e0}.loading-screen__dots{display:flex;align-items:center;justify-content:center;margin-top:7.5px}.loading-screen__dots__dot{background:var(--primary-color);border-radius:50%;animation:loading-bounce 1.4s ease-in-out infinite both}.loading-screen__dots__dot:nth-child(1){animation-delay:-.32s}.loading-screen__dots__dot:nth-child(2){animation-delay:-.16s}.loading-screen__dots__dot:nth-child(3){animation-delay:0s}.loading-screen--dark .loading-screen__dots__dot{background:var(--primary-color)}.loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid rgba(var(--primary-color),.3);border-radius:50%;border-top-color:var(--primary-color);animation:loading-spin 1s ease-in-out infinite}.loading-spinner--small{width:16px;height:16px;border-width:1.5px}.loading-spinner--large{width:32px;height:32px;border-width:3px}.page-loading-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#f5f5f9e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:all .3s ease-in-out}.page-loading-overlay.show{opacity:1;visibility:visible}.dark-mode .page-loading-overlay{background:#1e1e1ee6}.loading-skeleton{background:linear-gradient(90deg,#d3d3d31a 25%,#d3d3d333,#d3d3d31a 75%);background-size:200% 100%;animation:loading-pulse 1.5s ease-in-out infinite;border-radius:10px}.dark-mode .loading-skeleton{background:linear-gradient(90deg,#3333334d 25%,#33333380,#3333334d 75%)}.loading-skeleton--text{height:1em;margin-bottom:.5em}.loading-skeleton--title{height:1.5em;margin-bottom:1em}.loading-skeleton--button{height:40px;width:120px}.loading-skeleton--card{height:200px;border-radius:10px}.default-theme{--current-box-shadow: -4px -4px 7px 1px #ffffff, 2px 3px 5px 3px #EAEBF7;--current-elevation: var(--shadow-elevation-medium)}.default-theme .account-content,.default-theme .account-sidebar,.default-theme .details-sidebar{background:linear-gradient(to bottom,#fff,#f8f8fb)}.default-theme.raised{box-shadow:var(--current-box-shadow)}.default-theme.elevation-low{box-shadow:var(--shadow-elevation-low)}.default-theme.elevation-medium{box-shadow:var(--shadow-elevation-medium)}.default-theme.elevation-high{box-shadow:var(--shadow-elevation-high)}.default-theme.dark{--current-box-shadow: var(--dark-box-shadow)}.glass-theme .account-content,.glass-theme .account-sidebar,.glass-theme .details-sidebar{border-color:#e5e7eb;background:linear-gradient(to bottom,#fff,#f8f8fb);box-shadow:0 1px #fff!important}.glass-theme .test-tile{border-color:#e5e7eb!important;box-shadow:0 1px #fff}.glass-theme .test-tile:hover{box-shadow:0 0 12px -6px var(--primary-color)!important;border-color:var(--primary-color)!important}.glass-theme input#EmbedCode{border-color:var(--primary-color)!important;background-color:var(--primary-color-light)!important}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.z-0{z-index:0}.mx-auto{margin-left:auto;margin-right:auto}.mb-4{margin-bottom:1rem}.mr-2{margin-right:.5rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.table-row{display:table-row}.grid{display:grid}.hidden{display:none}.h-4{height:1rem}.h-screen{height:100vh}.w-4{width:1rem}.w-full{width:100%}.max-w-6xl{max-width:72rem}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-12{gap:3rem}.gap-2{gap:.5rem}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.whitespace-pre-wrap{white-space:pre-wrap}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-red-500{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.bg-brand{--tw-bg-opacity: 1;background-color:rgb(22 103 243 / var(--tw-bg-opacity, 1))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-gray-900{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.bg-purple-50{--tw-bg-opacity: 1;background-color:rgb(250 245 255 / var(--tw-bg-opacity, 1))}.bg-red-100{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.bg-red-600{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-yellow-100{--tw-bg-opacity: 1;background-color:rgb(254 249 195 / var(--tw-bg-opacity, 1))}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-bold{font-weight:700}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.text-\[\#1E1E48\]{--tw-text-opacity: 1;color:rgb(30 30 72 / var(--tw-text-opacity, 1))}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.text-purple-700{--tw-text-opacity: 1;color:rgb(126 34 206 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-yellow-700{--tw-text-opacity: 1;color:rgb(161 98 7 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.welcome-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:10;animation:fadeIn .3s ease-out;background-color:#4561b90d;-webkit-backdrop-filter:grayscale(.8);backdrop-filter:grayscale(.8)}.welcome-popup{background:linear-gradient(to bottom,#f8f8fb,#f5f5f9);border-radius:10px;box-shadow:0 30px 50px -9px #0a284430,0 18px 14px -8px #3d0c7b21,0 0 172px 30px #230a4226;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;animation:slideIn .3s ease-out}.welcome-popup .welcome-header{display:flex;justify-content:space-between;align-items:center;padding:15px}.welcome-popup .welcome-header .welcome-header-content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.welcome-popup .welcome-header img{height:30px;margin-bottom:15px}.welcome-popup .welcome-header h2{margin:0;color:#000;text-align:left;width:100%}.welcome-popup .welcome-header .close-button{background:none;border:none;font-size:24px;color:#000;cursor:pointer;padding:0;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.welcome-popup .welcome-header .close-button:hover{color:var(--primary-color)}.welcome-popup .welcome-content{position:relative}.welcome-popup .welcome-content>p{margin-top:0;margin-bottom:15px;padding:0 15px}.welcome-popup .welcome-content .welcome-steps{display:flex;flex-direction:row;gap:15px;padding:15px;overflow-x:scroll}.welcome-popup .welcome-content .welcome-step{display:flex;flex-direction:column;padding:15px;border-radius:10px;gap:15px;border:1px solid #e6e6e6;background:linear-gradient(to bottom,#fff,#f8f8fb);box-shadow:0 1px #fff;width:fit-content;min-width:250px}.welcome-popup .welcome-content .welcome-step .step-number{display:flex}.welcome-popup .welcome-content .welcome-step .step-number img{height:26px}.welcome-popup .welcome-content .welcome-step .step-content h3{margin:0 0 8px}.welcome-popup .welcome-content .welcome-step .step-content p{margin:0;line-height:1.5}.welcome-popup .welcome-footer{padding:15px;display:flex;justify-content:flex-end}.welcome-popup .welcome-footer .primary-button{background-color:var(--primary-color);color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .2s}.welcome-popup .welcome-footer .primary-button:hover{background-color:var(--primary-color-dark)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.admin-bar{position:fixed;top:0;left:0;right:0;z-index:10;background:linear-gradient(to right,#9c4afd,#02ecbc);border-bottom:1px solid #ffffff;margin-bottom:15px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.admin-bar .admin-bar-content{display:flex;justify-content:space-between;align-items:center;padding:5px 15px;max-width:100%;margin:0 auto}.admin-bar .admin-status{display:flex;align-items:center;gap:8px}.admin-bar .admin-status .admin-badge{background:#333;color:#fff;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:700;letter-spacing:1px}.admin-bar .admin-status .admin-account-info{color:#fff;font-weight:500;font-size:14px}.admin-bar .teleport-notice{font-size:14px;color:#fff200;font-weight:800}.admin-bar .admin-controls{display:flex;align-items:center;gap:8px}.admin-bar .admin-controls .admin-return-btn{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:4px 12px;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s ease}.admin-bar .admin-controls .admin-return-btn:hover{background:#ffffff4d;border-color:#ffffff80}.admin-bar .admin-controls .admin-dropdown{position:relative}.admin-bar .admin-controls .admin-dropdown .admin-teleport-btn{background:#ffffffe6;border:1px solid rgba(0,0,0,.1);color:#333;padding:6px 12px;border-radius:4px;font-size:12px;cursor:pointer;font-weight:500;transition:all .2s ease}.admin-bar .admin-controls .admin-dropdown .admin-teleport-btn:hover{background:#fff;box-shadow:0 2px 4px #0000001a}.admin-bar .admin-controls .admin-dropdown .admin-dropdown-menu{position:absolute;top:100%;right:0;background:#fff;border:1px solid #ddd;border-radius:10px;box-shadow:0 4px 20px #00000026;width:480px;max-height:400px;overflow-y:auto;z-index:10;margin-top:4px}.admin-bar .admin-controls .admin-dropdown .admin-dropdown-menu .admin-dropdown-header{padding:12px 16px;background:#f8f9fa;border-bottom:1px solid #eee;font-size:13px;color:#333}.admin-bar .admin-controls .admin-dropdown .admin-dropdown-menu .admin-dropdown-list{max-height:300px;overflow-y:auto}.admin-bar .admin-controls .admin-dropdown .admin-dropdown-menu .admin-dropdown-list .admin-dropdown-item{display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:auto;width:100%;padding:15px;border:none;background:none;text-align:left;cursor:pointer;border-bottom:1px solid #f0f0f0;transition:background-color .2s ease;align-items:start!important;background:#fff!important;border-radius:0!important}.admin-bar .admin-controls .admin-dropdown .admin-dropdown-menu .admin-dropdown-list .admin-dropdown-item:hover:not(:disabled){background:var(--primary-color-light)!important;box-shadow:unset!important}.admin-bar .admin-controls .admin-dropdown .admin-dropdown-menu .admin-dropdown-list .admin-dropdown-item.current{background-color:#e3f2fd}.admin-bar .admin-controls .admin-dropdown .admin-dropdown-menu .admin-dropdown-list .admin-dropdown-item.current:hover{background-color:#bbdefb}.admin-bar .admin-controls .admin-dropdown .admin-dropdown-menu .admin-dropdown-list .admin-dropdown-item:disabled{cursor:not-allowed}.admin-bar .admin-controls .admin-dropdown .admin-dropdown-menu .admin-dropdown-list .admin-dropdown-item .account-details{text-align:left;font-size:12px;color:#000;line-height:1.4}.admin-bar .admin-controls .admin-dropdown .admin-dropdown-menu .admin-dropdown-list .admin-dropdown-item .account-details .original-badge{color:#4caf50;font-weight:500}.admin-bar .admin-controls .admin-dropdown .admin-dropdown-menu .admin-dropdown-list .admin-dropdown-item .account-details .current-badge{color:#2196f3;font-weight:500}.admin-bar .admin-controls .small{box-shadow:unset}.admin-bar-visible .app-nav{top:42px}:root{--primary-color: #1667f3}html{color-scheme:light;color:#000;background:#fff;background-color:#f5f5f9}html.dark-mode{color-scheme:dark;color:#fff;background:#1e1e1e}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;transition-duration:.25s;overflow-x:hidden}body p,body a{font-size:14px}body *:not(h1,h2,h3,h4,h5,h6,button,p,span,strong){transition:background-color .25s,color .25s,border-color .25s,box-shadow .25s}body.marketing-route{overflow-x:hidden}body.marketing-route p{font-size:16px}body.marketing-route h2.mktg-heading{font-size:2.5rem}.page-container{min-height:100vh;overflow:hidden}a{font-weight:400;color:#000;text-decoration:inherit;cursor:pointer}a:hover{color:var(--primary-color)}h1{font-size:3.2em;line-height:1.1}h1,h2,h3,h4{font-weight:700}ul li{list-style-type:disc;margin-left:15px}ul.issues{padding:15px;background-color:#2d2d2d;border-radius:10px;border:1px solid #000000}ul.issues li{list-style-type:unset;margin-left:unset;color:#fff;font-family:monospace;padding:0 15px;margin-bottom:7.5px}ul.issues li:before{content:"- "}ul.issues li:last-of-type{margin-bottom:0}.logo{cursor:pointer}.login-logo{height:5rem}.app-nav{z-index:6}.hover\:bg-red-700:hover{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1))}@media (min-width: 768px){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}:root{--primary-color-dark: color-mix(in srgb, var(--primary-color) 80%, black);--primary-color-light: color-mix(in srgb, var(--primary-color) 10%, white);--current-box-shadow: -4px -4px 7px 1px #ffffff, 2px 3px 5px 3px #EAEBF7;--dark-box-shadow: 0px 1px 0px rgba(255, 255, 255, .1);--default-box-shadow: var(--current-box-shadow);--shadow-color: 0deg 0% 63%;--dark-shadow-color: 0deg 0% 0%;--shadow-elevation-low: 0px .4px .3px hsl(var(--shadow-color) / .59), 0px .6px .5px -2.2px hsl(var(--shadow-color) / .42), 0px 1.8px 1.5px -4.3px hsl(var(--shadow-color) / .26);--shadow-elevation-medium: 0px .4px .3px hsl(var(--shadow-color) / .5), 0px .7px .6px -1.1px hsl(var(--shadow-color) / .41), 0px 1.7px 1.4px -2.2px hsl(var(--shadow-color) / .33), .1px 4.1px 3.5px -3.3px hsl(var(--shadow-color) / .24), .1px 8.8px 7.5px -4.3px hsl(var(--shadow-color) / .16);--shadow-elevation-high: 0px .4px .3px hsl(var(--shadow-color) / .46), 0px .9px .8px -.5px hsl(var(--shadow-color) / .42), 0px 1.6px 1.4px -1px hsl(var(--shadow-color) / .38), 0px 3px 2.5px -1.4px hsl(var(--shadow-color) / .34), .1px 5.3px 4.5px -1.9px hsl(var(--shadow-color) / .3), .1px 8.9px 7.5px -2.4px hsl(var(--shadow-color) / .27), .2px 14.2px 12px -2.9px hsl(var(--shadow-color) / .23), .3px 21.6px 18.3px -3.4px hsl(var(--shadow-color) / .19), .4px 31.3px 26.5px -3.9px hsl(var(--shadow-color) / .15), .6px 43.8px 37.1px -4.3px hsl(var(--shadow-color) / .11)}html.dark-mode{--current-box-shadow: var(--dark-box-shadow);--shadow-color: var(--dark-shadow-color)}.toggle-container{position:relative;display:flex;justify-content:space-between;background-color:#dcdde24d;border-radius:9999px;padding:3px 4px;border:1px solid #e5e9ef;box-shadow:0 -1px #00000025,0 1px #fff;gap:7.5px;user-select:none;-webkit-user-select:none;min-height:44px}.toggle-container .toggle-segment{flex:1;text-align:center;padding:7px 18px;font-size:14px;font-weight:500;border:1px solid transparent;border-radius:9999px;cursor:pointer;transition:background-color .1s,color .3s,border .2s;z-index:2;background:transparent;color:#222;white-space:nowrap}.toggle-container .toggle-segment:hover{background-color:transparent;border:1px solid var(--primary-color);box-shadow:0 0 12px -6px var(--primary-color)}.toggle-container .toggle-segment.active{background:transparent;color:#111;border:1px solid transparent;box-shadow:none;cursor:default}.toggle-container .tab-pill{position:absolute;top:3px;left:4px;height:calc(100% - 6px);background:linear-gradient(180deg,#fff 64.82%,#f5f5f5 117.86%);border-radius:9999px;box-shadow:0 4px 4px -4px #1e1e4861;transition:left .2s,width .2s;z-index:1;pointer-events:none}.page-transition-container{opacity:1;transition:opacity .4s ease-in-out;transition-property:opacity}.page-transition-container.transitioning{opacity:0}.no-transitions .page-transition-container{transition:none!important}.fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:opacity .3s ease-in-out}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity .3s ease-in-out}