:root{--sp-color-primary: #f78b00;--sp-color-primary-dark-1: hsl(34, 100%, 38%);--sp-color-primary-light-1: hsl(34, 100%, 54%);--sp-color-primary-light-2: hsl(34, 100%, 62%);--sp-color-primary-light-3: hsl(34, 100%, 70%);--sp-color-secondary: #151515;--sp-color-secondary-hover: #333;--sp-color-secondary-text: #f2f2f2;--sp-color-background: #151515;--sp-color-border: #444;--sp-color-box-shadow: rgba(255, 255, 255, 0.4);--sp-color-button: #3c3c3c;--sp-color-button-hover: #5c5c5c;--sp-color-card: #2b2b2b;--sp-color-text: #f0f0f0;--sp-color-text-muted: #a0a0a0;--sp-color-text-on-primary: #151515;--sp-color-surface: #202020;--sp-color-background-light: #ffffff;--sp-color-border-light: #ddd;--sp-color-box-shadow-light: rgba(0, 0, 0, 0.4);--sp-color-button-light: #f1f1f1;--sp-color-button-hover-light: #ddd;--sp-color-card-light: #eaeaea;--sp-color-surface-light: #f5f5f5;--sp-color-text-light: #1c1c1c;--sp-color-text-muted-light: #555;--sp-color-focus: var(--sp-color-primary);--sp-color-error-background: #fcebe0;--sp-color-error-text: #cc1000;--sp-color-error-border: #ff6660;--sp-color-success-background: #e0f8e0;--sp-color-success-text: #008000;--sp-color-success-border: #66cc66;--sp-color-warning-background: #ffea8f;--sp-color-warning-text: #755004;--sp-color-warning-border: #ffbe00;--sp-color-info-background: #e0efff;--sp-color-info-text: #004085;--sp-color-info-border: #99ccff;--sp-size-page-width: 860px;--sp-size-page-width-wide: 1164px;--sp-spacing-xs: 0.25rem;--sp-spacing-s: 0.5rem;--sp-spacing-m: 1rem;--sp-spacing-l: 1.5rem;--sp-spacing-xl: 2.5rem;--sp-spacing-xxl: 4rem;--sp-spacing-clamp-xs: clamp(0.125rem, 0.327vw + 0.04rem, 0.25rem);--sp-spacing-clamp-s: clamp(0.25rem, 0.654vw + 0.082rem, 0.5rem);--sp-spacing-clamp-m: clamp(0.5rem, 1.308vw + 0.163rem, 1rem);--sp-spacing-clamp-l: clamp(0.75rem, 1.961vw + 0.245rem, 1.5rem);--sp-spacing-clamp-xl: clamp(1.25rem, 3.268vw + 0.41rem, 2.5rem);--sp-radius-medium: 0.5rem;--sp-radius-large: 12px;--sp-font-family-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--sp-font-family-heading: "Inter", Sans-Serif;--sp-fade-in-out-time: 0.3s}.light-theme{--sp-color-background: var(--sp-color-background-light);--sp-color-border: var(--sp-color-border-light);--sp-color-box-shadow: var(--sp-color-box-shadow-light);--sp-color-button: var(--sp-color-button-light);--sp-color-button-hover: var(--sp-color-button-hover-light);--sp-color-card: var(--sp-color-card-light);--sp-color-surface: var(--sp-color-surface-light);--sp-color-text: var(--sp-color-text-light);--sp-color-text-muted: var(--sp-color-text-muted-light)}.accordion-container{max-width:800px;margin:2rem auto 0}.accordion-item{border-bottom:1px solid var(--sp-color-border)}.accordion-item:first-of-type{border-top:1px solid var(--sp-color-border)}.accordion-button{background-color:rgba(0,0,0,0);color:var(--sp-color-text);cursor:pointer;padding:1.5rem 1rem;width:100%;text-align:left;border:none;outline:none;font-size:1.2rem;font-weight:600;display:flex;justify-content:space-between;align-items:center;transition:background-color .2s ease}.accordion-button:hover{background-color:var(--sp-color-surface)}.accordion-button::after{content:"+";font-size:2rem;color:var(--sp-color-primary);font-weight:300;transition:transform .3s ease}.accordion-button.active::after{content:"−";transform:rotate(180deg)}.accordion-panel{padding:0 1.5rem;max-height:0;overflow:hidden;transition:max-height .3s ease-out}.accordion-panel p{padding-bottom:1.5rem;margin:0;color:var(--sp-color-text-muted)}.sidebar-info{display:flex;flex-direction:column;gap:var(--sp-spacing-l)}.info-box{background-color:var(--sp-color-card);padding:var(--sp-spacing-l);border-radius:var(--sp-radius-medium)}.info-box h3{margin-bottom:var(--sp-spacing-s);font-size:1.1rem}.info-box p{font-size:.9rem}.info-box a{font-weight:600}.info-box p:last-child{margin-bottom:0}.info-box address{font-style:normal}@media(min-width: 768px){.info-box address p{margin-bottom:0}}.info-icon{display:inline-flex;align-items:center;justify-content:center;width:1.5em;height:1.5em;border-radius:50%;background-color:var(--sp-color-text-muted);color:var(--sp-color-background);font-weight:700;line-height:1;user-select:none;flex-shrink:0}.modal{visibility:hidden;opacity:0;transition:opacity var(--sp-fade-in-out-time, 0.3s) ease-in-out,visibility 0s linear var(--sp-fade-in-out-time, 0.3s);display:grid;place-items:center;position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;overflow-y:auto;background-color:rgba(0,0,0,.8);backdrop-filter:blur(8px);padding:2rem;box-sizing:border-box}.modal.is-visible{visibility:visible;opacity:1;transition:opacity var(--sp-fade-in-out-time, 0.3s) ease-out}.modal-content{width:100%;position:relative;margin:auto;background-color:var(--sp-color-surface);border-radius:16px}.light-theme .modal-content{background-color:var(--sp-color-background)}.modal-content--prompt{width:fit-content;height:fit-content;max-width:90vw;text-align:center;padding:2rem;width:100%;box-sizing:border-box}.modal-content--prompt input[type=text]{box-sizing:border-box;width:100%;padding:.75rem 1rem;margin-top:1rem;margin-bottom:1rem;font-size:1rem}.modal-content--prompt h3{font-size:1.17em;margin-top:0}.modal-content--structured{padding:0}.modal-content__header{padding:2.5rem 2.5rem 2rem;border-bottom:1px solid var(--sp-color-border)}.modal-content__header>*{margin:0}.modal-content__body{padding:2.5rem}.modal-content--medium{max-width:600px}.modal-content--wide{max-width:820px}.close-button{position:absolute;top:-1rem;right:-1rem;font-size:2rem;width:2.4rem;height:2.4rem;padding:0;cursor:pointer;transition:.3s;border-radius:50%;z-index:10;display:flex;align-items:center;justify-content:center;color:var(--sp-color-text-muted);background:var(--sp-color-background);border:2px solid var(--sp-color-border)}.close-button:hover{color:var(--sp-color-text);background-color:var(--sp-color-card);border-color:var(--sp-color-text-border)}.modal--lightbox{--sp-fade-in-out-time: 0.15s}.modal--lightbox .modal-content{background:none;pointer-events:none;margin:auto;position:relative;width:100%;max-width:1200px}.modal--lightbox .modal-content>*{pointer-events:auto}.modal--lightbox .lightbox-content{display:block;background-color:var(--sp-color-surface);padding:8px;box-sizing:border-box;max-width:100%;height:auto}@media(min-width: 768px){.modal--lightbox .modal-content{width:90%}.modal--lightbox .lightbox-content{padding:16px;border-radius:var(--sp-radius-large)}}.tooltip{position:relative;display:inline-block;cursor:help}.tooltip__box{background-color:var(--sp-color-background);border:1px solid var(--sp-color-border);box-shadow:0 15px 35px rgba(0,0,0,.5);border-radius:var(--sp-radius-medium);padding:1.25rem;width:19rem;text-align:left;font-size:.85rem;font-weight:normal;white-space:normal;letter-spacing:normal;line-height:1.4;position:absolute;z-index:100000000;max-width:calc(100vw - 2rem);margin-left:0;top:150%;left:50%;transform:translateX(-50%);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility 0s linear .2s}.tooltip__box h3,.tooltip__box h4{font-size:1em}.tooltip__box h4{margin-top:1em;font-weight:700}.tooltip__box h4:has(strong,em){font-weight:400}.tooltip__box p{margin:0 0 1rem 0;color:var(--sp-color-text)}.tooltip__box p:last-child{margin-bottom:0}.tooltip__box ul:only-child{padding-inline-start:1.25rem}.tooltip.is-visible .tooltip__box{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}.btn .tooltip__indicator:hover~.tooltip__box{opacity:1;visibility:visible;pointer-events:auto}.tooltip--icon{display:inline-flex;align-items:center;gap:1em}.tooltip--icon .tooltip__box{width:300px;padding:1.5rem;max-width:calc(100vw - 2rem);top:150%;left:50%;transform:translateX(-50%);margin-left:0}.tooltip--icon .tooltip__box h4{color:var(--sp-color-primary);font-size:1rem;text-transform:none}.tooltip--constrained .tooltip__box{left:0;transform:translateX(0)}.tooltip__indicator{position:absolute;top:0;right:0;width:24px;height:24px;border:none;background-color:rgba(0,0,0,0);cursor:help}.tooltip__indicator::after{content:"";position:absolute;top:6px;right:6px;width:0;height:0;border-left:.3rem solid rgba(0,0,0,0);border-top:.3rem solid var(--sp-color-text);pointer-events:none}.btn--secondary .tooltip__indicator::after{border-top-color:var(--sp-color-text-on-primary)}.light-theme .tooltip__indicator::after{border-top-color:var(--sp-color-text-light)}.tooltip-note{background-color:var(--sp-color-surface);padding:1rem;margin-top:1.5rem;border-radius:6px;border-left:3px solid var(--sp-color-primary)}.light-theme .tooltip-note{background-color:var(--sp-color-surface-light)}.light-theme .tooltip-note p{color:var(--sp-color-text-light)}.guide-tooltip{position:absolute;z-index:100;background:var(--sp-color-background, white);border:1px solid var(--sp-color-border, #ccc);box-shadow:0 4px 12px rgba(0,0,0,.15);border-radius:8px;padding:1.5rem;width:400px;max-width:90vw;visibility:hidden;opacity:0;transition:opacity .2s ease,visibility .2s ease}.guide-tooltip.is-visible{visibility:visible;opacity:1}.guide-tooltip h4{margin-top:0}.guide-tooltip .close-button{position:absolute;top:.5rem;right:.5rem}@media(min-width: 646px){.tooltip .tooltip__box{top:50%;left:100%;margin-left:10px;transform:translateY(-50%);max-width:19rem}.tooltip--constrained .tooltip__box{top:0;transform:translateY(0)}}.category-comparison{max-height:0;overflow-y:hidden;overflow-x:visible;transition:max-height .5s ease-in-out,padding-top .5s ease-in-out,padding-bottom .5s ease-in-out,margin-bottom .5s ease-in-out;padding-top:0;padding-bottom:0;background-color:var(--sp-color-surface);margin-bottom:0}.category-comparison.visible{max-height:700px;padding-top:1.5rem;padding-bottom:1.5rem;margin-bottom:3rem;margin-inline:auto;border-radius:1rem}.comparison-table-container{background-color:var(--sp-color-background);border-radius:8px;padding:1.5rem;margin:0 auto;max-width:900px}.comparison-table-wrapper{overflow-x:auto}@media(min-width: 768px){.category-comparison.visible{padding-inline:clamp(1rem,4vw,2.5rem)}}.comparison-table-caption{font-size:clamp(.9rem,2.5vw,1.1rem);font-weight:600;margin-bottom:2.5rem;text-align:center;color:var(--sp-color-text-muted);text-transform:uppercase;letter-spacing:1px}.comparison-table{width:100%;border-collapse:collapse;margin:0;font-size:clamp(.8rem,2vw,.9rem)}.comparison-table thead th{text-align:left;padding:1rem clamp(.5rem,2vw,1.5rem);border-bottom:2px solid var(--sp-color-primary);color:var(--sp-color-text);font-weight:600}.comparison-table tbody th,.comparison-table tbody td{padding:1.5rem clamp(.5rem,2vw,1.5rem);text-align:left;vertical-align:top;border-bottom:1px solid var(--sp-color-border);white-space:nowrap;color:var(--sp-color-text-muted)}.comparison-table tbody tr:last-child th,.comparison-table tbody tr:last-child td{border-bottom:none}.comparison-table tbody tr:hover{background-color:var(--sp-color-surface)}.comparison-table tbody th{color:var(--sp-color-text);font-weight:600}.comparison-table thead th:first-child,.comparison-table tbody th{position:sticky;left:0;z-index:1}.comparison-table thead th:first-child{background-color:var(--sp-color-background)}.comparison-table tbody th{background-color:var(--sp-color-background)}.comparison-table tbody tr:hover th{background-color:var(--sp-color-surface)}.category-menu{display:flex;background-color:var(--sp-color-surface);border-radius:999px;padding:var(--sp-spacing-xs);margin-bottom:var(--sp-spacing-xl);border:1px solid var(--sp-color-border)}.menu-button{background-color:rgba(0,0,0,0);border:none;color:var(--sp-color-text-muted);padding:var(--sp-spacing-s) var(--sp-spacing-l);border-radius:999px;cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .3s ease;text-align:center;flex-grow:1}.menu-button.active{background-color:var(--sp-color-primary);color:var(--sp-color-text-on-primary)}.category-content{display:none}.category-content.active{display:block}.category-header{display:flex;align-items:baseline;gap:var(--sp-spacing-m);margin-bottom:var(--sp-spacing-l)}@media(max-width: 768px){.category-menu{flex-direction:column;border-radius:var(--border-radius)}.menu-button{border-radius:var(--border-radius)}}.option-scroller{display:flex;align-items:center;gap:var(--sp-spacing-s)}.scroll-button{background:var(--sp-color-surface);border:1px solid var(--sp-color-border);color:var(--sp-color-text);width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .2s ease;flex-shrink:0}.scroll-button:hover{background-color:var(--sp-color-border)}.scroll-button svg{width:20px;height:20px}.options-window{height:clamp(60px,15vw,90px);overflow:hidden;position:relative;background-color:var(--sp-color-surface);border-radius:var(--border-radius);mask-image:linear-gradient(to bottom, transparent, black 25%, black 75%, transparent)}.options-list{list-style:none;padding:0;margin:0;transition:transform .3s ease-in-out}.options-list li{height:30px;display:flex;justify-content:center;align-items:center;color:var(--sp-color-text-muted);font-weight:400;transition:color .3s ease,font-weight .3s ease;padding:0 var(--sp-spacing-m);font-size:1em;white-space:nowrap}.options-list li.active{color:var(--sp-color-primary);font-weight:600}.options-list li.placeholder{height:30px}.question-row{background-color:var(--sp-color-card);border-radius:var(--sp-radius-medium);padding:var(--sp-spacing-m);margin-bottom:var(--sp-spacing-m);border:1px solid var(--sp-color-border);transition:box-shadow .3s ease}.question-row:hover{box-shadow:0 0 15px rgba(247,139,0,.1)}.question-text{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-spacing-s) var(--sp-spacing-m);font-size:clamp(.85rem,2.5vw,.9rem)}.static-text{color:var(--sp-color-text-muted)}.copy-btn{background-color:rgba(0,0,0,0);border:1px solid var(--sp-color-border);color:var(--sp-color-text-muted);padding:var(--sp-spacing-s) var(--sp-spacing-m);border-radius:var(--sp-radius-medium);cursor:pointer;font-family:inherit;font-size:.9rem;display:flex;align-items:center;gap:var(--sp-spacing-s);transition:all .3s ease;margin-left:auto}.copy-btn:hover{border-color:var(--sp-color-primary);color:var(--sp-color-primary)}.copy-btn.copied{background-color:var(--sp-color-primary);color:var(--sp-color-text-on-primary);border-color:var(--sp-color-primary)}.copy-btn svg{width:16px;height:16px;fill:currentColor}.copy-btn .copy-text{display:none}@media(min-width: 768px){.copy-btn .copy-text{display:inline}}.question-builder-container{margin:0 auto;margin-bottom:var(--sp-spacing-xxl)}.control-btn{background:none;border:1px solid var(--sp-color-border);color:var(--sp-color-text-muted);padding:var(--sp-spacing-s) var(--sp-spacing-m);border-radius:var(--border-radius);cursor:pointer;display:flex;align-items:center;gap:var(--sp-spacing-s);transition:all .2s ease;white-space:nowrap}.control-btn:hover{color:var(--sp-color-text);border-color:var(--sp-color-text)}.control-btn svg{width:18px;height:18px;transition:transform .3s ease}.control-btn.active svg{transform:rotate(180deg)}.question-builder-container svg{overflow:visible}.info-icon svg{width:20px;height:20px;color:var(--color-text-muted)}.help-modal-main h3,.help-modal-main h4{color:var(--sp-color-primary);padding-left:1rem;border-left:3px solid var(--sp-color-primary);margin-bottom:1rem}.help-modal-main p{margin-bottom:1.5rem;color:var(--sp-color-text-muted)}