@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes surveyScaleIn{0%{opacity:0;transform:scale(.975)}to{opacity:1;transform:scale(1)}}@keyframes titleWipe{0%{clip-path:inset(100% 0 0);opacity:0}15%{opacity:1}to{clip-path:inset(0% 0 0);opacity:1}}@media (prefers-reduced-motion:no-preference){.fade-out{animation:.1s ease-in forwards fadeOut}.fade-in{animation:.1s ease-in forwards fadeIn}.survey-section.survey-first-enter .survey-step{animation:.52s cubic-bezier(.22,.61,.36,1) both surveyScaleIn}.welcome-title{animation:1.8s cubic-bezier(.16,1,.3,1) .7s both titleWipe}}@media (prefers-reduced-motion:reduce){.fade-out{opacity:0}.fade-in{opacity:1}}.survey-section,.survey-step,.onboarding{width:100%}.user-flow{pointer-events:none;z-index:6;align-items:center;width:100%;display:flex;top:0;bottom:0;left:0;right:0}.user-flow.questionnaire-active{max-width:100vw;overflow:clip}.button-wrap{justify-content:center;align-self:stretch;display:flex}.error-container,.error-container h2,.error-container p{color:var(--ui-error);text-align:center;width:100%}.welcome-title-layer{z-index:5;justify-content:center;align-items:flex-start;display:flex;position:relative}.welcome-title{background:var(--ui-text-title);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block;position:relative}.welcome-text{color:var(--ui-title);opacity:.9}.onboarding-canvas{width:100%;position:absolute;top:0;right:0;overflow:hidden}.survey.survey-step.role-select{flex-direction:column;justify-content:flex-start;align-items:center;height:100%;display:flex}.survey.survey-step.role-select>.onboarding{align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.radio-options{gap:var(--space-sm);pointer-events:auto;flex-direction:column;display:flex}.input-part-inside.radio-option,.input-part-inside.radio-option *{cursor:pointer}.input-part-inside.radio-option{border:1px solid var(--ui-border);background:var(--inactive-accent-color);border-radius:var(--btn-radius);padding:var(--input-padding);flex-direction:row;justify-content:space-between;align-items:center;transition:background-color .12s,transform 50ms;display:flex}.input-part-inside.radio-option:hover{background:var(--inactive-accent-color-hover)}.input-part-inside.radio-option.selected{background:var(--active-accent-color)}.input-part-inside.radio-option h4{text-align:center;flex:1}.role-tag{display:flex}.role-tag--center{justify-content:center}.role-tag--center .role-label{padding-left:0}.role-label{color:var(--ui-text-secondary);font-size:var(--type-label-size);line-height:var(--type-tight-line)}.role-separator{padding-top:var(--space-md);justify-content:center;display:flex}#role-picker-label{padding-top:var(--space-lg)}.role-group-options{flex-direction:column;gap:.4rem;display:flex}.role-check-icon,.role-indicator-spacer{width:1.2em!important;height:1.2em!important}.role-check-icon [fill]{fill:var(--btn-primary-icon);color:var(--btn-primary-icon)}.onboarding-info.canvas-info{flex-direction:row;gap:3.2rem;height:560px;padding:2.4rem 3.2rem 4.8rem;display:flex}.canvas-info__slider{flex-flow:column wrap;align-content:flex-end;width:55%;display:flex}.canvas-info__information{width:45%}.canvas-info-div{flex-direction:column;justify-content:center;gap:1.2rem;width:min(500px,100%);height:100%;display:flex;position:relative}.canvas-info__eyebrow{max-width:18ch}.canvas-info__copy{gap:var(--space-lg);max-width:42ch;color:var(--ui-text);flex-direction:column;margin:0;display:flex}.canvas-info__copy>span{display:block}.canvas-info__actions{align-items:center;margin-top:.4rem;display:flex}.canvas-info__spotlight-frame{width:min(650px,100%);height:100%;display:flex;position:relative}.canvas-info__spotlight-canvas{width:100%;height:100%;position:relative}.canvas-info__slider-controls{z-index:300;pointer-events:auto;justify-content:flex-end;position:absolute;bottom:.4rem;right:.4rem}.canvas-info__slider-button svg.ui-icon{width:1.6rem!important;height:1.6rem!important}.canvas-info__liveavg-control{box-sizing:border-box;border-radius:var(--radius-md);pointer-events:auto;background:0 0;flex:0 0 10rem;width:10rem;height:36px;margin:0 .25rem 0 0;transition:background .1s;position:relative}.canvas-info__liveavg-control:hover,.canvas-info__liveavg-control:active{background:var(--btn-tertiary-hover-bg)}.canvas-info__liveavg-control:focus-within{outline:2px solid var(--ui-focus-ring);outline-offset:2px}.canvas-info__liveavg-track{background:color-mix(in srgb, var(--ui-text) 34%, transparent);pointer-events:none;height:.35rem;position:absolute;top:50%;left:.75rem;right:.75rem;transform:translateY(-50%)}.canvas-info__liveavg-slider{-webkit-appearance:none;appearance:none;cursor:pointer;touch-action:none;background:0 0;width:calc(100% - 1.5rem);height:100%;margin:0;padding:0;position:absolute;top:0;left:.75rem}.canvas-info__liveavg-slider:focus-visible{outline:none}.canvas-info__liveavg-slider::-webkit-slider-runnable-track{background:0 0;border-radius:0;height:.35rem}.canvas-info__liveavg-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--btn-secondary-bg);border:0;border-radius:0;width:1.1rem;height:1.65rem;margin-top:-.65rem}.canvas-info__liveavg-slider::-moz-range-track{background:0 0;border-radius:0;height:.35rem}.canvas-info__liveavg-slider::-moz-range-thumb{background:var(--btn-secondary-bg);border:0;border-radius:0;width:1.1rem;height:1.65rem}@media (max-width:767px){.survey-section:has(.survey.survey-step.role-select){height:100%}.survey.survey-step.role-select .onboarding{min-width:320px;max-width:320px;padding:2.4rem 20px 3.2rem}.role-indicator-spacer{min-width:1.1rem;min-height:1.1rem;width:1.1rem!important;height:1.1rem!important}.welcome-title,.welcome-text{text-align:center}.welcome-title{padding:2.4rem;top:3.1rem}.onboarding-canvas,.welcome-title-layer{height:640px}.radio-group{width:90%}.onboarding-info.canvas-info{padding:1.6rem 1.2rem 3.2rem}.canvas-info__spotlight-frame{height:min(72vw,360px)}.canvas-info__slider-controls{bottom:.25rem;right:.25rem}}@media (min-width:768px) and (max-width:1024px){.onboarding-canvas{height:900px}.welcome-title-layer{height:900px;top:144px}.role-indicator-spacer{width:16px!important;height:16px!important}.onboarding-info.canvas-info{padding:1.6rem 2.4rem 4rem}.canvas-info__spotlight-frame{height:min(62vw,500px)}}@media (max-width:1024px){.onboarding-info.canvas-info{gap:calc(var(--space-lg) * 2);flex-direction:column;align-items:center;height:auto}.canvas-info__slider,.canvas-info__information{width:min(100%,720px)}.canvas-info__slider{align-content:center}.canvas-info__information{justify-content:center;display:flex}.canvas-info-div{width:min(100%,520px);height:auto;min-height:0}.canvas-info__copy{max-width:100%}.canvas-info__spotlight-frame{width:100%}}@media (min-width:1025px){.onboarding-canvas{height:clamp(675px,2.8vw,860px)}.welcome-title-layer{align-items:center;height:clamp(675px,2.8vw,860px)}.welcome-title{top:-148px}.onboarding-info.canvas-info{width:auto;margin-inline-start:4rem;margin-inline-end:4rem}}@media (min-width:768px){.survey-section:has(.survey.survey-step.role-select){height:100%}.survey.survey-step.role-select .onboarding{min-width:520px;max-width:520px;padding:3.2rem 0 2.4rem}.welcome-title,.welcome-text{text-align:center}.welcome-title{white-space:nowrap;padding:2.4rem 0 3.2rem}.radio-group{min-width:260px;max-width:260px}}.survey.survey-step.section-select{flex-wrap:wrap;justify-content:center;align-items:center;height:100%;padding:8px;display:flex;position:relative}.survey.survey-step.questionnaire{flex-direction:column;justify-content:flex-start;align-items:center;width:100%;max-width:100%;min-height:100dvh;display:flex;position:relative;overflow:clip}.onboarding-canvas.questionnaire-active{width:100dvw;position:fixed;top:0;bottom:0;left:0;right:0;overflow:clip;height:100dvh!important;min-height:100dvh!important;max-height:100dvh!important}.continue,.section-picker{width:100%}.continue{align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.questionnaire,.section-picker,.email-tag{pointer-events:auto}.section-title{color:var(--ui-title);text-align:center}.q-title,.section-label,.email-tag{color:var(--ui-text)}.section-combobox{justify-content:space-between;align-items:center;gap:var(--space-md);background:var(--inactive-accent-color);border-radius:var(--btn-radius);width:100%;color:var(--ui-text);font-family:var(--font-body);font-size:var(--type-p-size);cursor:pointer;border:none;outline:none;padding:0;display:flex;position:relative;overflow:visible}.section-combobox:hover{background:var(--inactive-accent-color-hover)}.section-combobox.is-open{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);background:var(--ui-bg-text-input);border:1px solid var(--ui-border);border-bottom-right-radius:0;border-bottom-left-radius:0}.section-combobox.is-open:hover{background:var(--ui-bg-text-input-hover)}.section-input{cursor:pointer;width:100%;min-width:0;max-width:100%;padding:var(--input-padding);color:var(--ui-text);background:0 0;border:none;outline:none;padding-right:calc(38px + 1rem)}.section-input::placeholder{color:var(--ui-text-muted)}.section-chevron{pointer-events:none;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.section-chevron-svg.ui-icon{opacity:.95;transform:scale(1.1,.95)}.section-chevron-svg.ui-icon [stroke]{stroke:var(--ui-trigger-chevron-fill)}.section-combobox.is-open .section-chevron{transform:translateY(-50%)rotate(180deg)}.section-listbox-shell{z-index:20;background:var(--ui-bg-surface);border:1px solid var(--ui-border);border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);opacity:0;pointer-events:none;border-top:none;grid-template-rows:0fr;width:100%;margin-top:0;transition:grid-template-rows .18s cubic-bezier(.22,.61,.36,1),opacity .12s;display:grid;position:static}.section-listbox-shell.is-open{opacity:1;pointer-events:auto;grid-template-rows:1fr}.section-listbox-clip{min-height:0;overflow:hidden}.section-listbox{min-height:0;padding:0 0 .4rem;overflow-y:scroll}.section-listbox::-webkit-scrollbar{width:6px}.section-listbox::-webkit-scrollbar-track{background:var(--ui-bg-surface);background-clip:padding-box;border-top:12px solid #0000;border-bottom:12px solid #0000}.section-listbox::-webkit-scrollbar-thumb{background:var(--scroll-bar);border-radius:4px}.section-listbox::-webkit-scrollbar-thumb:hover{background:var(--ui-text-secondary)}.section-group-header{z-index:1;background:var(--ui-bg-surface);font-size:var(--type-small-size);color:var(--ui-text-secondary);text-align:center;margin:0;display:block;position:sticky;top:0}.section-option,.section-option *{cursor:pointer}.section-option{color:var(--ui-text);align-items:center;gap:var(--space-md);-webkit-user-select:none;user-select:none;transition:background .1s;display:flex}.section-option.is-active{background:var(--ui-bg-surface-hover)}.section-option.is-selected{background:var(--ui-bg-surface-selected)}.questionnaire-title{text-align:center;opacity:1;flex-flow:column wrap;place-content:center;align-items:center;display:flex;transform:translateY(0)}.questionnaire-question-title{background:var(--ui-questionnaire-title);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.survey.survey-step.questionnaire.is-ui-delayed .questionnaire-title{opacity:0;transform:translateY(6px)}.survey.survey-step.questionnaire.is-ui-delayed .button-questionnaire__canvas-layer{opacity:0;pointer-events:none}.survey.survey-step.questionnaire.is-ui-ready .questionnaire-title{opacity:1;transform:translateY(0)}.survey.survey-step.questionnaire.is-ui-ready .button-questionnaire__canvas-layer{opacity:1}@media (prefers-reduced-motion:no-preference){.questionnaire-question-title{animation:1.8s cubic-bezier(.16,1,.3,1) both titleWipe}.survey.survey-step.questionnaire .questionnaire-title{transition:opacity .18s,transform .22s cubic-bezier(.22,.61,.36,1)}.survey.survey-step.questionnaire .button-questionnaire__canvas-layer{transition:opacity .18s}.button-questionnaire__button{animation:titleWipe 1s cubic-bezier(.16, 1, .3, 1) calc(var(--slot-index,0) * 80ms) both}}.button-questionnaire__slot{pointer-events:none;display:flex;position:absolute;transform:translateY(-50%)}.button-questionnaire__button-content{justify-content:center;align-items:center;gap:var(--space-sm);display:inline-flex}.button-questionnaire__button-icon{color:color-mix(in srgb, var(--ui-text) 82%, white 18%);justify-content:center;align-items:center;display:inline-flex}.button-questionnaire__button-plus-icon,.button-questionnaire__button-check-icon{width:100%;height:100%}.button-questionnaire__button-label{line-height:1.15}@media (max-width:767px){.survey-section:has(.survey.survey-step.section-select){height:100%}.survey.survey-step.section-select{height:100%}.continue{padding:2.4rem 0}.section-group-header{padding:.9rem 0}.section-option{padding:.8rem}.section-picker{justify-items:center;min-width:160px;max-width:160px;position:relative}.section-picker:hover{min-width:230px;max-width:230px;transition:all 50ms ease-in}.section-picker:has(.section-combobox.is-open){min-width:280px;max-width:280px}.section-listbox{min-height:320px;max-height:320px}.section-empty{padding:1rem .9rem}.questionnaire-title{text-align:center;width:100%;height:30dvh;padding:2.4rem 1.2rem;top:16%}.q-title{position:relative;top:3dvh}}@media (min-width:768px) and (max-width:1024px){.questionnaire-title{height:37dvh}}@media (min-width:1025px){.questionnaire-title{height:45dvh}}@media (min-width:768px){.survey-section:has(.survey.survey-step.section-select){height:460px}.survey.survey-step.section-select{height:100%}.survey.survey-step.section-select .continue{min-width:360px;max-width:360px;padding:2.6rem 0 3.2rem}.section-picker{justify-items:center;min-width:220px;max-width:220px;position:relative}.section-picker:hover{min-width:230px;max-width:230px;transition:all 50ms ease-in}.section-picker:has(.section-combobox.is-open){min-width:320px;max-width:320px}.section-listbox{min-height:320px;max-height:320px}.section-group-header{padding:1rem 0}.section-option,.section-empty{gap:var(--space-md);border-radius:0;padding:1rem}button.section-continue-button{min-width:200px;max-width:200px}.section-empty{padding:1rem .9rem}.survey.survey-step.questionnaire{gap:var(--space-md)}}.option,.trigger,.trigger-chevron,.listbox,.listbox-shell,.picker{display:flex}.picker{width:100%;position:relative}.trigger{background:var(--inactive-accent-color);border-radius:var(--btn-radius);width:100%;padding:var(--input-padding);color:var(--ui-text);z-index:600;font-family:var(--font-body);font-size:var(--type-p-size);cursor:pointer;-webkit-user-select:none;user-select:none;border:none;outline:none;justify-content:space-between;align-items:center;transition:background .12s,box-shadow .12s;display:flex;overflow:visible}.trigger:hover{background:var(--inactive-accent-color-hover);padding:var(--input-padding-hover)}.trigger svg.ui-icon{transform:scale(1.1,.95)}.trigger.is-open{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);background:var(--ui-bg-surface);border:1px solid var(--ui-border);padding:var(--input-padding);border-bottom-right-radius:0;border-bottom-left-radius:0}.trigger:focus-visible{box-shadow:0 0 0 2px var(--ui-border-strong)}.trigger-label{white-space:nowrap;text-overflow:ellipsis;max-width:calc(100% - 34px);font-weight:var(--fw-bold);flex:auto;align-items:center;gap:.35rem;display:inline-flex;overflow:hidden}.trigger-label h4{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.trigger-chevron{pointer-events:none;justify-content:center;align-items:center;width:28px;height:28px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.trigger-chevron .ui-icon{opacity:.95;color:var(--ui-trigger-chevron-fill)}.back-icon,.chooser-icon{width:1rem;height:1rem;color:var(--ui-text-muted);flex:none;justify-content:center;align-items:center;line-height:0;display:inline-flex}.back-icon .ui-icon,.chooser-icon .ui-icon{color:currentColor;stroke:currentColor}.option.is-active .back-icon,.option.is-active .chooser-icon{color:var(--ui-text)}.listbox-shell{z-index:210;background:var(--ui-bg-surface);border:1px solid var(--ui-border);border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);opacity:0;pointer-events:none;border-top:none;grid-template-rows:0fr;width:100%;transition:grid-template-rows .18s cubic-bezier(.22,.61,.36,1),opacity .12s;display:grid;position:absolute;left:50%;transform:translate(-50%)}.listbox-shell.is-open{opacity:1;pointer-events:auto;grid-template-rows:1fr}.listbox-shell.drop-down{top:100%}.listbox-shell.drop-up{border-top:1px solid var(--ui-border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom:none;bottom:calc(100% + 8px)}.listbox-clip{min-height:0;overflow:hidden}.listbox{scrollbar-color:var(--scroll-bar) transparent;flex-direction:column;width:100%;min-height:0;padding:0 0 .4rem;overflow-y:auto}.listbox::-webkit-scrollbar{width:6px}.listbox::-webkit-scrollbar-track{background:var(--ui-bg-surface);background-clip:padding-box;border-top:12px solid #0000;border-bottom:12px solid #0000}.listbox::-webkit-scrollbar-thumb{background:var(--scroll-bar);border-radius:4px}.listbox::-webkit-scrollbar-thumb:hover{background:var(--ui-text-secondary)}.option{gap:var(--space-md);color:var(--ui-text);-webkit-user-select:none;user-select:none;align-items:center;padding:1rem;transition:background .1s}.option--student-chooser,.option--staff-chooser{border-top:1px solid var(--ui-border)}.option--back{border-bottom:1px solid var(--ui-border);align-items:center;display:inline-flex}.option.is-active{background:var(--ui-bg-surface-hover)}.option.is-selected{background:var(--ui-bg-surface-selected)}.label{flex:auto;min-width:0}.option-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.picker-labels{flex:none;align-items:center;gap:.35rem;margin-left:auto;display:inline-flex}.picker-count,.picker-you{flex:none}.label-wrap{flex-direction:column;flex:auto;gap:.15rem;min-width:0;display:flex}.selected-child{font-size:var(--type-label-size);color:var(--ui-text-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (max-width:767px){.picker{min-width:160px;max-width:160px}.picker:has(.trigger.is-open){min-width:280px}.listbox-shell{width:280px}.listbox{max-height:400px}.option{padding:.8rem}}@media (min-width:768px) and (max-width:1024px){.picker{min-width:200px;max-width:200px}.picker:hover{min-width:260px;max-width:260px;transition:all 50ms ease-in}.picker:has(.trigger.is-open){min-width:320px;max-width:320px}.listbox-shell{width:320px}.listbox{min-height:360px;max-height:440px}}@media (min-width:1025px){.picker{min-width:200px;max-width:200px}.picker:hover{min-width:220px;max-width:220px;transition:all 50ms ease-in}.picker:has(.trigger.is-open){min-width:320px;max-width:320px}.listbox-shell{width:320px;min-width:320px;max-width:320px}.listbox{min-height:360px;max-height:440px}.option{padding:.8rem}}.explorer-emoji{flex-shrink:0;justify-content:center;align-items:center;width:1.5em;height:1.5em;margin-right:.3em;line-height:1;display:inline-flex;position:relative}.label,.trigger-label{color:var(--ui-text)}.trigger,.option{cursor:pointer}.widgets-button{justify-content:center;align-items:center;gap:0;display:inline-flex}.widgets-wrap{align-items:flex-start;gap:var(--space-md);pointer-events:all;flex-direction:column;transition:margin-left .2s;display:inline-flex;position:relative}.compact-tools-button{width:40px;height:40px;margin-left:var(--space-sm);border-radius:var(--btn-radius);background:var(--btn-secondary-bg);color:var(--btn-secondary-text);pointer-events:auto;border:none;flex:none;justify-content:center;align-items:center;padding:0;transition:background .12s;display:inline-flex}.compact-tools-button:focus-visible{outline:2px solid var(--ui-border-strong);outline-offset:3px}.compact-tools-close:focus-visible{outline:2px solid var(--ui-border-strong);outline-offset:3px}.compact-tools-icon{width:22px;height:22px}.widgets-popover-shell{z-index:2;opacity:0;pointer-events:none;grid-template-rows:0fr;width:min(320px,100vw - 3.2rem);display:grid;position:absolute;bottom:0;left:0}@media (prefers-reduced-motion:no-preference){.widgets-popover-shell{transition:grid-template-rows .18s cubic-bezier(.22,.61,.36,1),opacity .12s}}.widgets-popover-shell.is-open{opacity:1;pointer-events:auto;grid-template-rows:1fr}.widgets-popover-clip{flex-direction:column;justify-content:flex-end;min-height:0;display:flex;overflow:hidden}.widgets-popover{background:var(--ui-bg-surface);border:1px solid var(--ui-border);border-radius:var(--radius-lg);pointer-events:all;width:100%;box-shadow:12px 12px 42px var(--ui-drop-shadow);flex-direction:column;display:flex;overflow:hidden}.widgets-view{min-height:0}.widgets-tabs,.compact-tools-tabs{gap:var(--space-sm);border-top:1px solid var(--ui-border);background:var(--ui-bg-surface);scrollbar-width:none;display:flex;overflow-x:auto}.widgets-tabs{padding:.7rem 1rem}.widgets-tabs::-webkit-scrollbar{display:none}.compact-tools-tabs::-webkit-scrollbar{display:none}.widgets-panel{flex-direction:column;display:flex}.widgets-panel.bar-graph{padding:1rem .3rem 0}.widgets-panel.bar-graph .bar-graph-container{width:100%}.widgets-panel.bar-graph .bar-graph-empty{align-items:center;min-height:280px}.widgets-panel.bar-graph .bar-graph-bar{width:33%;padding:0 .3rem}.widgets-panel.bar-graph .bar-graph-fill{max-width:60px}.widgets-panel.bar-graph .bar-graph-fill-placeholder{background:var(--ui-border);border-color:var(--ui-border);opacity:.68}.widgets-panel.bar-graph .percentage-section{width:58px;left:50%;right:auto;transform:translate(-50%)}.bar-graph-nav{padding:.55rem .6rem .25rem .4rem}.bar-graph-label{text-align:center;margin-bottom:1rem}.bar-graph-label p{font-size:var(--type-label-size);font-weight:var(--fw-bold);margin:0}.bar-graph-percentile-caption{text-align:center;color:var(--ui-text-secondary);opacity:1;margin:0;padding:.5rem .75rem .25rem;transition:opacity .3s}.bar-graph-percentile-caption.caption-invisible{opacity:0;pointer-events:none}.bar-graph-percentile-caption strong{color:var(--ui-text);font-weight:var(--fw-bold)}.widgets-panel.q-scores{padding:0}.q-scores-panel{flex-direction:column;display:flex}.widget-section-nav{border-bottom:1px solid var(--ui-border)}.widget-section-nav-title{min-width:0;color:var(--ui-text);font-size:var(--type-label-size);text-align:center;white-space:nowrap;text-overflow:ellipsis;flex:auto;overflow:hidden}.widget-section-nav-btn--pause{width:26px;height:26px}.q-scores-list{flex-direction:column;padding:.75rem 0;display:flex}.q-scores-item{gap:var(--space-sm);cursor:pointer;border-radius:var(--radius-md);touch-action:manipulation;-webkit-user-select:none;user-select:none;flex-direction:column;padding:.75rem 1rem;transition:background .1s;display:flex;position:relative}.q-scores-item.is-active{background:var(--ui-bg-surface-hover)}@media (hover:hover){.q-scores-item:hover{background:var(--ui-bg-surface-hover)}}.q-scores-pct-tip{z-index:5;pointer-events:none;--hint-banner-hidden-transform:translateX(6px) translateY(-50%) scale(.88);--hint-banner-visible-transform:translateX(0) translateY(-50%);position:absolute;top:50%;right:0}.q-scores-item-head{justify-content:space-between;align-items:baseline;gap:var(--space-sm);display:flex}.q-scores-prompt{font-size:var(--type-label-size);line-height:var(--type-tight-line);color:var(--ui-text);min-width:0}.q-scores-track{background:var(--ui-border);width:100%;height:5px;overflow:hidden}.q-scores-fill{background:var(--ui-text-muted);height:100%;transition:width .5s}.widgets-footer{border-top:1px solid var(--ui-border);background:var(--ui-bg-surface);flex-shrink:0;align-items:center;display:flex}.widgets-close-strip{align-items:center;gap:var(--space-md);color:var(--ui-text);font-size:var(--type-label-size);cursor:pointer;background:0 0;border:none;border-radius:0;flex-shrink:0;padding:.75rem 1rem .75rem 1.2rem;transition:background .12s;display:inline-flex}.widgets-close-strip .ui-close{flex:none;width:16px;height:16px}.compact-tools-root{z-index:206;visibility:hidden;pointer-events:none;align-items:end;transition:visibility 0s linear .18s;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.compact-tools-root.is-open{visibility:visible;pointer-events:auto;transition:none}.compact-tools-overlay{opacity:0;background:#0000008c;border:none;padding:0;transition:opacity .12s;position:absolute;top:0;bottom:0;left:0;right:0}.compact-tools-root.is-open .compact-tools-overlay{opacity:1}.compact-tools-shell{z-index:1;grid-template-rows:0fr;width:100%;transition:grid-template-rows .18s cubic-bezier(.22,.61,.36,1);display:grid;position:relative}.compact-tools-root.is-open .compact-tools-shell{grid-template-rows:1fr}.compact-tools-modal{background:var(--ui-bg-surface);border:1px solid var(--ui-border);min-height:0;box-shadow:0 -18px 42px var(--ui-drop-shadow);border-bottom:none;border-radius:0;position:relative;overflow:hidden}.compact-tools-close{z-index:2;width:32px;height:32px;color:var(--ui-text);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:.8rem;right:.9rem}.compact-tools-close .ui-close{width:16px;height:16px}.compact-tools-content{padding-top:2.5rem}.compact-tools-modal .logs-popover{box-shadow:none;border:none;border-radius:0}.compact-tools-modal .logs-table-wrap{min-height:260px;max-height:min(56svh,480px)}.compact-tools-modal .widgets-panel.bar-graph{padding:.5rem .8rem .8rem}.compact-tools-modal .widgets-panel.bar-graph .bar-graph-container{height:min(44svh,360px);min-height:280px;max-height:360px}.compact-tools-modal .widgets-panel.bar-graph .bar-graph-empty{min-height:280px}.compact-tools-modal .widgets-panel.bar-graph .bar-graph-fill{max-width:88px}.compact-tools-modal .widgets-panel.bar-graph .percentage-section{width:88px}.compact-tools-widget-panel{min-height:0}.compact-tools-tabs{padding:.7rem 1rem calc(.7rem + env(safe-area-inset-bottom,0px))}@media (hover:hover) and (pointer:fine){.compact-tools-button:hover{background:var(--btn-secondary-hover-bg)}.widgets-close-strip:hover{background:var(--ui-bg-surface-hover)}.compact-tools-close:hover{background:var(--btn-tertiary-hover-bg)}}@media (max-width:768px){.compact-tools-modal .widgets-panel.bar-graph .bar-graph-fill{max-width:72px}}@media (min-width:768px) and (max-width:1024px){.widgets-panel.bar-graph .bar-graph-container{height:360px;min-height:360px;max-height:360px}.widgets-panel.bar-graph .bar-graph-empty{min-height:360px}.widgets-popover-clip{margin-left:-1px}.widgets-wrap{margin-left:-.2rem}.widgets-popover-shell{width:calc(45vw - 1.8rem)}}@media (min-width:1025px){.widgets-panel.bar-graph .bar-graph-container{height:360px;min-height:360px;max-height:360px}.widgets-panel.bar-graph .bar-graph-empty{min-height:360px}.widgets-popover-clip{margin-left:-1px}.widgets-wrap{margin-left:-.2rem}.widgets-popover-shell{width:min(290px,100vw - 6.4rem)}}.logs-button{flex-direction:row;justify-content:center;align-items:center;gap:0;display:inline-flex}.logs-wrap{pointer-events:all;flex-direction:column;align-items:flex-start;display:inline-flex;position:relative}.logs-popover-shell{z-index:2;opacity:0;pointer-events:none;grid-template-rows:0fr;transition:grid-template-rows .18s cubic-bezier(.22,.61,.36,1),opacity .12s;display:grid;position:absolute;bottom:0;left:0}.logs-popover-shell.is-open{opacity:1;pointer-events:auto;z-index:205;grid-template-rows:1fr}.logs-popover-clip{flex-direction:column;justify-content:flex-end;min-height:0;display:flex;overflow:hidden}.logs-popover{background:var(--ui-bg-surface);border:1px solid var(--ui-border);border-radius:var(--radius-lg);pointer-events:all;width:100%;box-shadow:0 18px 42px var(--ui-drop-shadow);flex-direction:column;display:flex;overflow:hidden}.logs-header{justify-content:space-between;align-items:center;gap:var(--space-md);flex-shrink:0;padding:.9rem 1rem .75rem;display:flex}.logs-title{font-size:var(--type-p-size);color:var(--ui-text);font-weight:var(--fw-bold)}.logs-header-tools{flex-shrink:0;justify-content:flex-end;align-items:center;gap:.65rem;display:inline-flex}.logs-entry-count{white-space:nowrap}.logs-filter-trigger{border:1px solid var(--ui-border);border-radius:var(--radius-md);background:var(--ui-bg-surface);width:36px;height:36px;color:var(--ui-text-muted);cursor:pointer;justify-content:center;align-items:center;padding:0;transition:border-color .12s,background .12s,color .12s;display:inline-flex}.logs-filter-trigger .ui-icon{stroke:currentColor;width:16px;height:16px}.logs-filter-field{align-items:center;gap:var(--space-sm);border:1px solid var(--ui-border);border-radius:var(--radius-md);background:var(--ui-bg-text-input);width:160px;height:36px;padding:0 .8rem;transition:border-color .12s,background .12s,box-shadow .12s;display:inline-flex}.logs-filter-field.is-focused,.logs-filter-field:focus-within{border-color:var(--ui-border-strong)}.logs-filter-field .ui-icon{stroke:var(--ui-text-muted);flex:none}.logs-filter-input{min-width:0;color:var(--ui-text);font-size:var(--type-label-size);background:0 0;border:none;outline:none;flex:auto;font-family:inherit}.logs-filter-input::placeholder{color:var(--ui-text-muted)}.logs-table-wrap{background:var(--ui-bg-surface);overscroll-behavior-y:contain;overscroll-behavior-x:none;touch-action:pan-y;-webkit-overflow-scrolling:auto;scrollbar-width:thin;scrollbar-color:var(--scroll-bar) transparent;flex:auto;min-height:220px;overflow-y:auto}.logs-table-wrap::-webkit-scrollbar{width:6px}.logs-table-wrap::-webkit-scrollbar-track{background:var(--ui-border);background-clip:padding-box;border-top:6px solid #0000;border-bottom:6px solid #0000}.logs-table-wrap::-webkit-scrollbar-thumb{background:var(--scroll-bar);border-radius:4px}.logs-table-wrap::-webkit-scrollbar-thumb:hover{background:var(--ui-text-secondary)}.logs-table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%}.logs-th{background:var(--ui-bg-surface);color:var(--ui-text-secondary);font-size:var(--type-label-size);font-weight:var(--fw-bold);text-align:right;white-space:nowrap;z-index:3;box-shadow:0 1px 0 var(--ui-border), 0 6px 14px color-mix(in srgb, var(--ui-bg-surface) 92%, transparent);background-clip:padding-box;padding:.55rem .75rem;position:sticky;top:0;transform:translateZ(0)}.logs-th--section,.logs-th--qs,.logs-th--avg,.logs-th--rank{text-align:left}.logs-td{font-size:var(--type-label-size);color:var(--ui-text);text-align:right;white-space:nowrap;text-overflow:ellipsis;padding:.7rem .75rem;overflow:hidden}.logs-td--section{text-align:left;color:var(--ui-text-secondary)}.logs-td--qs{text-align:left;color:var(--ui-text-muted);letter-spacing:.01em}.logs-td--avg{font-weight:var(--fw-bold);text-align:left}.logs-td--rank{color:var(--ui-text-muted);text-align:left}.logs-row{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.logs-row.is-active{background:var(--ui-bg-surface-hover)}.logs-row:focus-visible{outline:2px solid var(--ui-border-strong);outline-offset:-2px}.logs-empty{color:var(--ui-text-muted);font-size:var(--type-label-size);text-align:center;padding:1rem .75rem}.logs-highlight{color:inherit;text-underline-offset:.14em;background:0 0;padding:0;text-decoration:underline;text-decoration-thickness:1.5px}.logs-footer{justify-content:space-between;align-items:center;gap:var(--space-md);border-top:1px solid var(--ui-border);background:var(--ui-bg-surface);flex-shrink:0;padding:0;display:flex}.logs-pagination{align-items:center;gap:var(--space-sm);min-height:36px;padding:0 .8rem;display:flex}.logs-page-label{min-height:36px;color:var(--ui-text);font-size:var(--type-label-size);line-height:var(--type-tight-line);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:.28rem;display:inline-flex}.logs-page-sep{color:var(--ui-text-muted);margin:0}.logs-page-input{box-sizing:border-box;width:58px;height:36px;margin-left:var(--space-md);background:var(--ui-bg-text-input);border:1px solid var(--ui-border);border-radius:var(--radius-md);color:var(--ui-text);font-size:var(--type-label-size);line-height:var(--type-tight-line);text-align:center;-webkit-appearance:textfield;appearance:textfield;outline:none;padding:0 .4rem;font-family:inherit;transition:border-color .12s,background .12s}.logs-page-input::-webkit-outer-spin-button{-webkit-appearance:none}.logs-page-input::-webkit-inner-spin-button{-webkit-appearance:none}.logs-page-input:focus{border-color:var(--ui-border-strong)}.logs-page-input::placeholder{color:var(--ui-text-muted)}.logs-page-arrow{touch-action:manipulation;-webkit-tap-highlight-color:transparent;width:36px;height:36px}.logs-page-arrow--placeholder{visibility:hidden;pointer-events:none}.logs-page-arrow .ui-icon{color:currentColor;stroke:currentColor;width:24px;height:24px}.logs-close-btn{align-items:center;gap:var(--space-md);color:var(--ui-text);font-size:var(--type-label-size);cursor:pointer;background:0 0;border:none;border-radius:0;flex-shrink:0;padding:.75rem 1rem .75rem 1.2rem;transition:background .12s;display:inline-flex}.logs-close-btn .ui-close{flex:none;width:16px;height:16px}@media (hover:hover) and (pointer:fine){.logs-filter-trigger:hover{background:var(--ui-bg-surface-hover);color:var(--ui-text)}.logs-filter-field:hover{background:var(--ui-bg-text-input-hover)}.logs-row:hover{background:var(--ui-bg-surface-hover)}.logs-row--empty:hover{background:0 0}.logs-page-input:hover{background:var(--ui-bg-text-input-hover)}.logs-close-btn:hover{background:var(--ui-bg-surface-hover)}}@media (max-width:767px){.logs-footer{justify-content:flex-end;padding:.6rem 0}.compact-tools-modal .widgets-panel.bar-graph{padding:.9rem 1rem}.compact-tools-modal .widgets-panel.bar-graph .bar-graph-container{height:min(46svh,340px);min-height:320px;max-height:360px}.logs-th--section{width:30%}.logs-th--qs{width:40%}.logs-th--avg,.logs-th--rank{width:15%}}@media (min-width:768px) and (max-width:1024px){.logs-table-wrap{min-height:min(58svh,520px);max-height:min(58svh,520px)}.logs-popover-shell{width:calc(55vw - 1.8rem)}.logs-th--section{width:30%}.logs-th--qs{width:40%}.logs-th--avg,.logs-th--rank{width:15%}}@media (min-width:1025px){.logs-table-wrap{min-height:calc(100svh - 12.8rem);max-height:calc(100svh - 12.8rem)}.logs-popover-shell{width:min(540px,100vw - 3.2rem)}.logs-th--section{width:40%}.logs-th--qs{width:30%}.logs-th--avg,.logs-th--rank{width:12%}}:root{--logo-wrap-w:2.6rem;--logo-wrap-h:2.6rem;--logo-w:3.2rem;--logo-h:3.2rem;--nav-control-h:40px}.navigation{pointer-events:none;z-index:202;flex-direction:row;justify-content:space-between;align-items:center;width:100%;display:flex;position:absolute;top:0;bottom:auto;left:0;right:0}.graph-picker{transform:translateX(calc(-50% + var(--picker-offset,0px)));pointer-events:all;position:absolute;left:50vw}.navigation.is-landing-centered{justify-content:center}.left,.right,.graph-picker{display:flex}.left{z-index:15;align-items:center}.right{align-items:center;gap:var(--space-sm)}.right>*{flex-shrink:0}.logo-divider{width:var(--logo-wrap-w);height:var(--logo-wrap-h);cursor:pointer;pointer-events:all;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.logo-divider:focus-visible{outline:2px solid var(--ui-border-strong);outline-offset:4px;border-radius:12px}.logo-text{color:var(--ui-text);font-family:var(--font-title);letter-spacing:-.06em;text-transform:lowercase;justify-content:center;align-items:center;font-size:clamp(1.45rem,2vw,1.85rem);font-weight:700;line-height:1;display:inline-flex}.observe-results,.svg-lg{pointer-events:all;cursor:pointer}.system-color.is-dark{opacity:.95}.mode-toggle-wrap{pointer-events:all;-webkit-user-select:none;user-select:none;align-items:center;display:flex}.mode-toggle-switch{outline:none;align-items:stretch;display:flex}.mode-toggle-label{justify-content:center;align-items:center;gap:var(--space-sm);text-align:center;color:var(--ui-text);font-size:var(--type-h4-size);line-height:var(--type-tight-line);font-family:var(--font-title);font-optical-sizing:auto;font-variation-settings:"wdth" 112.5, "GRAD" 0;background:var(--inactive-accent-color);border-radius:var(--btn-radius);cursor:pointer;pointer-events:all;border:none;flex:1;padding:0 .9rem;transition:background .15s,color .15s,transform .15s;display:inline-flex}.mode-toggle-label:first-child{border-radius:var(--btn-radius) calc(var(--btn-radius) * .3) calc(var(--btn-radius) * .3) var(--btn-radius)}.mode-toggle-label:last-child{border-radius:calc(var(--btn-radius) * .3) var(--btn-radius) var(--btn-radius) calc(var(--btn-radius) * .3)}.mode-toggle-label.active{background:var(--active-accent-color)}.mode-toggle-label:not(.active):hover{background:var(--inactive-accent-color-hover)}.mode-toggle-label.active:hover{background:var(--active-accent-color-hover);transform:scale(var(--btn-hover-scale-lg))}.mode-toggle-check{flex-shrink:0;align-items:center;display:flex}.city-button{cursor:pointer;justify-content:center;align-items:center;gap:10px;transition:transform .22s cubic-bezier(.2,.8,.2,1);display:inline-flex}.city-button:hover{transform:translateY(3%)}.city-overlay{z-index:203;pointer-events:all;transition:transform .22s;position:fixed;top:0;bottom:0;left:0;right:0;transform:translateY(-100%)}.city-overlay.open{transform:translateY(0)}.city-canvas-host{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.bottom{pointer-events:none;flex-direction:row;align-items:center;display:flex;position:fixed}.bottom-center{z-index:201;left:50%;transform:translate(-50%)}.bottom-left{z-index:204}.bottom-right{z-index:205;justify-content:flex-end}.bottom-right.is-behind-city-canvas{z-index:202;pointer-events:none}.bottom-mobile-right{z-index:201;left:50%;transform:translate(-50%)}.bottom-right{right:1.8rem}.questionnaire-nav-stack{pointer-events:none;flex-direction:column;align-items:center;gap:10px;display:flex}.q-step-indicator{color:var(--ui-text-secondary);font-size:var(--type-h4-size);line-height:var(--type-h4-line)}.questionnaire-nav-progress{text-align:right;text-shadow:0 1px 10px #ffffffb3,0 0 20px #ffffff73;margin:0}:root[data-theme=dark] .questionnaire-nav-progress{text-shadow:0 1px 10px #000000d9,0 0 22px #0009}.questionnaire-nav-stack .questionnaire{pointer-events:auto;cursor:pointer}.questionnaire-nav-stack .questionnaire:before,.questionnaire-nav-stack .questionnaire__ghost,.questionnaire-nav-stack .questionnaire__inner{pointer-events:none}.questionnaire-nav-stack .questionnaire.is-disabled .questionnaire__inner,.questionnaire-nav-stack .questionnaire[aria-disabled=true] .questionnaire__inner,.questionnaire-nav-stack .questionnaire.is-disabled,.questionnaire-nav-stack .questionnaire[aria-disabled=true]{cursor:default}.questionnaire-nav-action{pointer-events:none;position:relative}.questionnaire-nav-hint{top:50%;right:calc(100% + var(--space-sm));border:1px solid var(--hint-border);border-radius:var(--radius-lg);background:var(--hint-bg);width:max-content;max-width:min(72vw,260px);color:var(--hint-text);-webkit-backdrop-filter:blur(8px);opacity:0;pointer-events:none;align-items:center;padding:.7rem 1rem;display:inline-flex;position:absolute;transform:translateY(-50%)translate(8px)scale(.98);box-shadow:0 12px 36px #0000001f}.questionnaire-nav-hint,.questionnaire-nav-hint *{pointer-events:none}@media (prefers-reduced-motion:no-preference){.questionnaire-nav-hint{transition:opacity .18s,transform .22s cubic-bezier(.22,.61,.36,1)}}.questionnaire-nav-hint span{font-size:var(--type-label-size);line-height:var(--type-tight-line);text-align:center;color:var(--hint-text)!important}.questionnaire-nav-hint.is-visible{opacity:1;transform:translateY(-50%)translate(0)scale(1)}.city-close-btn,.logs-button,.widgets-button{pointer-events:all}.city-button,.city-overlay,.city-canvas-host{color:var(--ui-text)}.city-overlay{background:var(--ui-bg-surface);border:0}.city-button{background:var(--ui-bg-surface)}@media (max-width:767px){.navigation{padding:1rem 1.2rem}.right{height:36px}.logo-divider{width:var(--logo-wrap-w);height:var(--logo-wrap-h)}.logo-text{min-width:var(--logo-w);min-height:var(--logo-h)}.observe-results{margin-left:var(--space-sm)}.left{height:var(--logo-wrap-h);width:var(--logo-wrap-w)}.bottom-left{gap:2px;left:1.2rem}.bottom-right{right:1.2rem}.bottom{bottom:1rem}.svg-lg{height:var(--nav-control-h)}.mode-toggle-switch{height:40px}.city-button:hover{transform:translateY(3%)}}@media (min-width:768px) and (max-width:1024px){.navigation{padding:1rem 2.4rem}.right{height:36px}.logo-divider{width:var(--logo-wrap-w);height:var(--logo-wrap-h)}.logo-text{min-width:var(--logo-w);min-height:var(--logo-h)}.observe-results{margin-left:var(--space-sm)}.left{height:var(--logo-wrap-h);width:var(--logo-wrap-w)}.bottom-right{right:2.4rem}.bottom{bottom:1.6rem}.svg-lg{height:var(--nav-control-h)}.city-button:hover{transform:translateY(3%)}}@media (min-width:768px) and (max-width:1024px) and (pointer:coarse){.bottom{bottom:1.6rem!important}}@media (min-width:1025px){.bottom{bottom:1rem}.navigation{gap:.3rem}}@media (min-width:768px){.navigation{padding:1rem 2.4rem}.mode-toggle-switch{height:48px}.right{height:36px}.logo-divider{width:var(--logo-wrap-w);height:var(--logo-wrap-h)}.logo-text{min-width:var(--logo-w);min-height:var(--logo-h)}.observe-results{margin-left:var(--space-sm)}.left{height:var(--logo-wrap-h);width:var(--logo-wrap-w)}.bottom-left{left:1.8rem}.svg-lg{height:var(--nav-control-h)}.city-button:hover{transform:translateY(3%)}}.graph-wrapper{opacity:0;pointer-events:none;z-index:2;background:var(--graph-bg);width:100%;min-height:100svh;transition:opacity .4s ease-in-out,transform .4s ease-in-out;position:relative}.graph-wrapper.visible{opacity:1;pointer-events:all;display:block}.graph-wrapper.hidden{display:none}@keyframes greenFluctuation{0%,to{background-color:rgb(var(--graph-green-lo-rgb))}50%{background-color:rgb(var(--graph-green-hi-rgb))}}@keyframes yellowFluctuation{0%,to{background-color:rgb(var(--graph-yellow-lo-rgb))}50%{background-color:rgb(var(--graph-yellow-hi-rgb))}}@keyframes redFluctuation{0%,to{background-color:rgb(var(--graph-red-lo-rgb))}50%{background-color:rgb(var(--graph-red-hi-rgb))}}@keyframes floaty{0%{transform:translateY(0)}50%{transform:translateY(-4px)}to{transform:translateY(0)}}@keyframes indicatorFadeIn{0%{opacity:0}to{opacity:1}}.green-animation{animation:3.6s ease-in-out infinite greenFluctuation}.yellow-animation{animation:3.6s ease-in-out infinite yellowFluctuation}.red-animation{animation:3.6s ease-in-out infinite redFluctuation}.floaty{animation:3s ease-in-out infinite floaty}@media (prefers-reduced-motion:reduce){.green-animation,.yellow-animation,.red-animation,.floaty{animation:none!important}}.toggle-button,.toggle-icon,.graph-container,.bar-graph-divider,.bar-graph-container,.bar-graph-bar,.empty-card{display:flex}.toggle-button{z-index:10;pointer-events:all;cursor:pointer;background:var(--ui-bg-surface);border-radius:var(--radius-lg);color:var(--ui-text);border:none;justify-content:center;align-items:center;transition:transform .1s;position:relative}.toggle-button:hover{background:var(--ui-bg-surface-hover);transform:none}.graph-container{z-index:4;background:var(--graph-bg);touch-action:none;overscroll-behavior:none;position:relative}.graph-container canvas{cursor:grab}.graph-container canvas.hovering-shape{cursor:pointer}.graph-container canvas.is-rotating{cursor:grabbing}.bar-graph-divider{justify-content:center;align-items:flex-end;width:100%;height:100%;position:relative;overflow:visible}.bar-graph-container{justify-content:center;align-items:flex-end;height:100%}.bar-graph-bar{flex-direction:column;justify-content:flex-end;align-items:center;height:100%;position:relative}.bar-graph-bar+.bar-graph-bar{border-left:1px solid var(--ui-border)}.bar-graph-fill{border-radius:var(--radius-md);border:.2px solid var(--graph-bar-border);width:100%;height:0;transition:height .1s;animation-duration:3.6s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media screen and (max-width:767px){.percentage-section{max-width:72px}.bar-graph-container{width:204px}.bar-graph-bar{width:24%}.toggle-button{width:36px;height:36px}}@media screen and (min-width:768px) and (max-width:1024px){.bar-graph-container{width:302px}.bar-graph-bar{width:26%}.toggle-button{width:56px;height:56px}}@media screen and (min-width:1025px){.bar-graph-container{width:265px}.bar-graph-bar{width:33%}.toggle-button{width:40px;height:40px}}.percentage-section,.percentage-indicator{pointer-events:none;position:absolute}.percentage-section{z-index:2;bottom:0;left:0;right:0;overflow:visible}@keyframes sectionExpand{0%{height:0%}}@media (prefers-reduced-motion:no-preference){.percentage-section{animation:.5s cubic-bezier(.22,.61,.36,1) both sectionExpand}.percentage-indicator{animation:.3s .25s both indicatorFadeIn}}.percentage-line{border-top:1px solid color-mix(in srgb, var(--hint-text) 28%, transparent);background:linear-gradient(#ffffff47 0%,#ffffff29 12%,#ffffff14 26%,#fff0 100%);position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:0 0 10px #ffffff0f}:root[data-theme=dark] .percentage-line{border-top:1px solid color-mix(in srgb, var(--hint-text) 55%, transparent);background:linear-gradient(#ffffff8c 0%,#ffffff47 12%,#ffffff1f 26%,#fff0 100%);box-shadow:0 0 14px #ffffff24}.percentage-indicator{border:1px solid var(--ui-border);border-radius:var(--radius-lg);background:var(--hint-bg);min-width:86px;max-width:112px;color:var(--hint-text);-webkit-backdrop-filter:blur(8px);text-align:center;white-space:nowrap;padding:.55rem .7rem;top:0;left:50%;transform:translate(-50%,calc(-100% - 12px))}.percentage-indicator:before{content:"";background:var(--ui-border);clip-path:polygon(0 0,100% 0,50% 100%);width:18px;height:9px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.percentage-indicator:after{content:"";background:var(--hint-bg);clip-path:polygon(0 0,100% 0,50% 100%);width:16px;height:8px;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)}.percentage-indicator p{color:var(--hint-text);margin:0}.percentage-indicator-title{font-size:var(--type-label-size);line-height:var(--type-tight-line);opacity:.86}.percentage-indicator-score{margin-top:.14rem;font-size:clamp(.86rem,1vw,.96rem);font-weight:700;line-height:1.1}.empty-center{justify-content:center;height:100%;display:flex}.empty-card{flex-direction:column;justify-content:center;align-items:center}.graph-loading{width:100%}.graph-loading-word,.stats-loading-word{animation:1.6s ease-in-out infinite bePulse}.graph-loading-word{color:var(--ui-text);margin:0;padding:.6rem .9rem}.stats-loading-word{color:inherit;padding:.1rem .25rem;display:inline-block}@font-face{font-family:Roboto;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(/assets/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBA-ccAYIvAh.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Roboto;font-style:italic;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(/assets/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkBnka-BZYj8CJm.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Libre Baskerville;font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/kmKnZrc3Hgbbcjq75U4uslyuy4kn0qNXaxMICA-D07agSQC.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Libre Baskerville;font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/kmKnZrc3Hgbbcjq75U4uslyuy4kn0qNZaxM-kU5d48Ec.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Libre Baskerville;font-style:italic;font-weight:400 700;font-display:swap;src:url(/assets/kmKhZrc3Hgbbcjq75U4uslyuy4kn0qNcWx8QDP2V-CnaWacb0.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Libre Baskerville;font-style:italic;font-weight:400 700;font-display:swap;src:url(/assets/kmKhZrc3Hgbbcjq75U4uslyuy4kn0qNcWxEQDA-B3uhfRya.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font-body:"Roboto", "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-title:"Libre Baskerville", Georgia, serif;--font-ui-weight:450;--fw-bold:500;--type-h2-size:clamp(1.6rem, 1rem + 1.2vw, 2.4rem);--type-h3-size:clamp(1.18rem, 1.1rem + .45vw, 1.6rem);--type-h4-size:clamp(.82rem, .9rem + .3vw, 1rem);--type-p-size:1rem;--type-h-line:1.3;--type-h2-line:1.4;--type-h3-line:1.52;--type-body-line:1.4;--type-h4-line:1.6;--type-tight-line:1.5;--ui-bg-page:#f8f3ef;--graph-bg:#f8f3ef;--ui-bg-surface:#f8fafc;--ui-bg-surface-glass:#f8fafcb3;--ui-bg-surface-hover:#ebebeb;--ui-bg-surface-selected:#bae39c99;--ui-bg-text-input:#fffaf6;--ui-bg-text-input-hover:#fff6ee;--active-accent-color:#7fba7e;--active-accent-color-hover:#70a56f;--inactive-accent-color:#d3cac2e6;--inactive-accent-color-hover:#b9ada4;--ui-drop-shadow:#eff0fa99;--ui-text-title:linear-gradient(120deg, #9ce7eb 0%, #759bc6 55%);--ui-questionnaire-title:linear-gradient(120deg, #656f72 0%, #444649 55%);--ui-text:#1f1f1e;--ui-title:#1f1f1e;--ui-text-secondary:#292827;--ui-text-muted:#4b5563;--ui-gamification:#292827;--gam-glow-light-base:var(--ui-bg-page);--gam-glow-dark-base:#21201e;--ui-border:#cbd5e1;--ui-border-strong:#879cba;--ui-icon:currentColor;--ui-icon-fill:var(--ui-icon);--ui-icon-stroke:var(--ui-icon);--ui-close-fill:#3f3f3f;--ui-trigger-chevron-fill:#4f5551;--scroll-bar:#c3c3c3;--ui-error:#cb2418;--btn-font-weight:var(--fw-bold);--btn-hover-scale-lg:1.01;--btn-primary-bg:#7ed37e;--btn-primary-hover-bg:#72c272;--btn-primary-text:#000;--btn-primary-icon:#406f4a;--btn-secondary-bg:#bf9dce;--btn-secondary-text:#000;--btn-secondary-hover-bg:#a687b6;--btn-tertiary-bg:transparent;--btn-tertiary-text:var(--ui-text);--btn-tertiary-hover-bg:#1f293714;--hint-bg:#f8fafc;--hint-bg-hover:#edf0f5;--hint-text:#1f1f1e;--hint-border:#64748b38;--hint-svg:var(--hint-text);--graph-green-hi-rgb:0, 220, 60;--graph-green-lo-rgb:140, 220, 110;--graph-yellow-hi-rgb:255, 203, 70;--graph-yellow-lo-rgb:245, 233, 70;--graph-red-hi-rgb:240, 108, 13;--graph-red-lo-rgb:211, 95, 93;--graph-bar-border:#d4d4d4cc;--space-sm:.3rem;--space-md:.6rem;--space-lg:.9rem;--radius-md:2px;--radius-lg:6px;--btn-radius:2px}:root[data-theme=dark]{--ui-bg-page:#222329;--graph-bg:#222329;--ui-bg-surface:#4b4845;--ui-bg-surface-glass:#2c2c2cb3;--ui-bg-surface-hover:#585654;--ui-bg-surface-selected:#6d976cd9;--ui-bg-text-input:#3c3733;--ui-bg-text-input-hover:#433e39;--active-accent-color:#6d976c;--active-accent-color-hover:#6d976c;--inactive-accent-color:#665e5b;--inactive-accent-color-hover:#847f7e;--ui-drop-shadow:#0006;--ui-text:#fff;--ui-title:#fff;--ui-gamification:#f1efea;--gam-glow-dark-base:var(--ui-bg-page);--ui-text-secondary:#ffffffd9;--ui-text-muted:#ffffffb3;--ui-border:#ffffff14;--ui-border-strong:#fff3;--ui-icon:#fff;--ui-icon-fill:var(--ui-icon);--ui-icon-stroke:var(--ui-icon);--ui-close-fill:#fff;--ui-trigger-chevron-fill:#ffffffbf;--scroll-bar:#c3c3c3;--ui-error:#ff8f8f;--btn-font-weight:var(--fw-bold);--btn-hover-scale-lg:1.01;--btn-primary-bg:#4e915d;--btn-primary-hover-bg:#5c9d6a;--btn-primary-text:#ecf5ef;--btn-primary-icon:#c4eacb;--btn-secondary-bg:#845f87;--btn-secondary-text:#fff;--btn-secondary-hover-bg:#83678e;--btn-tertiary-bg:transparent;--btn-tertiary-text:var(--ui-text);--btn-tertiary-hover-bg:#ffffff14;--hint-bg:#2c2c2c;--hint-bg-hover:#3a3a3a;--hint-text:#fff;--hint-border:#ffffff1a;--hint-svg:var(--hint-text);--graph-green-hi-rgb:35, 195, 115;--graph-green-lo-rgb:70, 178, 135;--graph-yellow-hi-rgb:195, 188, 90;--graph-yellow-lo-rgb:178, 195, 105;--graph-red-hi-rgb:205, 78, 88;--graph-red-lo-rgb:178, 60, 108;--graph-bar-border:#464b5ab3}@media (max-width:767px){:root{--btn-primary-padding:.9rem 1rem;--btn-primary-padding-hover:.72rem 1.1rem;--btn-primary-padding-reserve-block:.95rem;--btn-primary-padding-reserve-inline:1.1rem;--btn-secondary-padding:.55rem .72rem;--btn-secondary-padding-hover:.47rem .82rem;--btn-secondary-padding-reserve-block:.55rem;--btn-secondary-padding-reserve-inline:.82rem;--input-padding:.72rem .85rem;--input-padding-hover:.68rem .95rem;--type-small-size:1rem;--type-label-size:1rem;--type-h1-size:clamp(2.6rem, 1.6rem + 2.4vw, 4.8rem)}:root[data-theme=dark]{--ui-questionnaire-title:linear-gradient(150deg, #f0f0f0, #ffffffb5);--ui-text-title:linear-gradient(150deg, #f5f5f5, #ffffffac)}}@media (min-width:768px){:root{--btn-primary-padding:1rem 1.35rem;--btn-primary-padding-hover:.95rem 1.65rem;--btn-primary-padding-reserve-block:1rem;--btn-primary-padding-reserve-inline:1.45rem;--btn-secondary-padding:.75rem .9rem;--btn-secondary-padding-hover:.7rem 1.15rem;--btn-secondary-padding-reserve-block:.75rem;--btn-secondary-padding-reserve-inline:1.15rem;--input-padding:.9rem 1rem;--input-padding-hover:.75rem 1rem;--type-small-size:.94rem;--type-label-size:.98rem;--type-h1-size:clamp(2.4rem, 1.6rem + 2.8vw, 7.2rem)}:root[data-theme=dark]{--ui-questionnaire-title:linear-gradient(150deg, #f5f5f5, #ffffffdb);--ui-text-title:linear-gradient(150deg, #f5f5f5, #ffffffac)}}.svg-lg svg.ui-icon{width:1.6rem!important;height:1.6rem!important}.ui-close{width:1rem!important;height:1rem!important}.trigger-chevron svg.ui-icon{width:1.3em!important;height:1.3em!important}.ui-icon,.switch-check-icon{width:1.2em!important;height:1.2em!important}.ui-close{stroke:var(--ui-close-fill)}.ui-close [fill]{fill:var(--ui-close-fill)}.trigger-chevron svg.ui-icon{fill:var(--ui-icon)!important}.trigger-chevron svg.ui-icon [fill]{fill:var(--ui-trigger-chevron-fill)}.switch-check-icon [fill]{fill:var(--btn-primary-icon);color:var(--btn-primary-icon)}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}html{background:var(--ui-bg-page);scrollbar-gutter:stable;scrollbar-color:var(--scroll-bar) transparent;scrollbar-width:thin}body{background:var(--ui-bg-page);color:var(--ui-text);font-family:var(--font-body);line-height:var(--type-body-line)}#root,#butterfly-habits,html[data-theme],html[data-theme] body{background:var(--ui-bg-page)}html.theme-switching,html.theme-switching *,html.theme-switching :before,html.theme-switching :after{transition-duration:0s!important;transition-delay:0s!important}::selection{background:var(--btn-primary-bg);color:var(--btn-primary-text)}::selection{background:var(--btn-primary-bg);color:var(--btn-primary-text)}canvas{touch-action:none!important}html::-webkit-scrollbar{width:8px}html::-webkit-scrollbar-track{background:0 0}html::-webkit-scrollbar-thumb{background:var(--scroll-bar);background-clip:padding-box;border:2px solid #0000;border-radius:0}html::-webkit-scrollbar-thumb:hover{background:var(--ui-text-secondary);background-clip:padding-box}.ui-icon [fill]{fill:var(--ui-icon-fill)}.ui-icon [stroke]{stroke:var(--ui-icon-stroke)}#butterfly-habits{flex-direction:column;width:100%;display:flex}#decoy-container,#decoy-container canvas{pointer-events:none!important}.graph-wrapper:not(.visible){pointer-events:none}h1,h2,h3,h4{font-family:var(--font-title);font-optical-sizing:auto;font-variation-settings:"wdth" 112.5, "GRAD" 0;color:var(--ui-text);margin:0}h1{font-size:var(--type-h1-size);line-height:var(--type-h-line);letter-spacing:.04em;font-weight:500}h2{font-size:var(--type-h2-size);line-height:var(--type-h2-line);letter-spacing:.03rem;color:var(--ui-title);font-weight:400}h3{font-size:var(--type-h3-size);line-height:var(--type-h3-line);letter-spacing:.03rem;font-weight:400}h4{font-size:var(--type-h4-size);line-height:var(--type-h4-line);letter-spacing:.02rem;font-weight:420}p,li,label,input,select,textarea{font-family:var(--font-body);font-size:var(--type-p-size);line-height:var(--type-body-line);font-weight:var(--font-ui-weight);color:var(--ui-text)}p.gam-copy,p.gam-copy span,h4.gam-subline{color:var(--ui-gamification)!important}label{font-family:var(--font-body);font-size:var(--type-label-size);line-height:var(--type-tight-line);font-weight:var(--font-ui-weight);color:var(--ui-text)}button:not(.mode-toggle-label){font-family:var(--font-body);font-size:var(--type-p-size);line-height:var(--type-body-line);color:var(--btn-secondary-text);font-weight:var(--fw-bold)!important}a{text-decoration:none}small{font-size:var(--type-small-size);line-height:var(--type-tight-line)}p span,li span,label span{font-family:var(--font-body);font-size:var(--type-p-size);line-height:var(--type-body-line);font-weight:var(--font-ui-weight);color:var(--ui-text)}.ui-label{border:1px solid var(--hint-border);border-radius:var(--radius-md);min-height:1.45rem;color:var(--hint-text);font-family:var(--font-body);font-size:var(--type-label-size);font-weight:var(--fw-bold);line-height:var(--type-tight-line);white-space:nowrap;background:0 0;justify-content:center;align-items:center;padding:.18rem .45rem;display:inline-flex}.ui-toggle-option{border:1px solid var(--ui-border);border-radius:var(--radius-md);background:var(--ui-bg-surface);color:var(--ui-text-secondary);font-family:var(--font-body);font-size:var(--type-label-size);font-weight:var(--fw-bold);line-height:var(--type-tight-line);flex:none;justify-content:center;align-items:center;padding:.55rem .85rem;transition:color .12s,background .12s,border-color .12s;display:inline-flex}.ui-toggle-option.is-active{background:var(--ui-bg-surface-selected);color:var(--ui-text)}@media (hover:hover) and (pointer:fine){.ui-toggle-option:hover{background:var(--ui-bg-surface-hover);color:var(--ui-text)}.ui-toggle-option.is-active:hover{background:var(--ui-bg-surface-selected);color:var(--ui-text)}}.ui-icon-nav{align-items:center;gap:var(--space-md);padding:.9rem .6rem .75rem;display:flex}.ui-icon-nav-button{border-radius:var(--radius-md);width:36px;height:36px;color:var(--ui-text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;line-height:0;transition:color .1s,background .1s;display:flex}.ui-icon-nav-button:hover{color:var(--ui-text);background:var(--btn-tertiary-hover-bg)}.ui-icon-nav-button:focus-visible{outline:2px solid var(--ui-border-strong);outline-offset:3px}.ui-icon-nav-button .ui-icon{color:currentColor;stroke:currentColor;display:block}.hint-banner{border:1px solid var(--hint-border);border-radius:var(--radius-lg);background:var(--hint-bg);width:max-content;max-width:min(92vw,420px);color:var(--hint-text);-webkit-backdrop-filter:blur(8px);opacity:0;pointer-events:none;transform:var(--hint-banner-hidden-transform,translateY(-8px) scale(.98));align-items:center;gap:.75rem;padding:.7rem 1rem;display:inline-flex;box-shadow:0 12px 36px #0000001f}@media (prefers-reduced-motion:no-preference){.hint-banner{transition:opacity .18s,transform .22s cubic-bezier(.22,.61,.36,1)}}.hint-banner.is-visible{opacity:1;transform:var(--hint-banner-visible-transform,translateY(0) scale(1))}.hint-banner.is-visible.is-dismissible{pointer-events:auto}.hint-banner-copy{color:var(--hint-text)!important}.hint-banner-close{border:1px solid var(--hint-border);width:20px;height:20px;color:var(--hint-text);background:0 0;border-radius:4px;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}.hint-banner-close:hover{background:var(--hint-bg-hover);color:var(--hint-text)}.hint-banner-close svg [stroke]{stroke:var(--hint-svg)}.mock-read-banner{top:calc(1rem + env(safe-area-inset-bottom,0px));z-index:1200;--hint-banner-hidden-transform:translateX(-50%) translateY(8px) scale(.98);--hint-banner-visible-transform:translateX(-50%) translateY(0) scale(1);position:fixed;left:50%}.rate-limit-banner{top:calc(1rem + env(safe-area-inset-bottom,0px));z-index:1240;--hint-banner-hidden-transform:translateX(-50%) translateY(8px) scale(.98);--hint-banner-visible-transform:translateX(-50%) translateY(0) scale(1);position:fixed;left:50%}.rate-limit-retry-banner{left:50%;bottom:calc(1rem + env(safe-area-inset-bottom,0px));z-index:1260;--hint-banner-hidden-transform:translateX(-50%) translateY(8px) scale(.98);--hint-banner-visible-transform:translateX(-50%) translateY(0) scale(1);position:fixed}.duplicate-survey-banner{left:50%;bottom:calc(1rem + env(safe-area-inset-bottom,0px));z-index:1250;--hint-banner-hidden-transform:translateX(-50%) translateY(8px) scale(.98);--hint-banner-visible-transform:translateX(-50%) translateY(0) scale(1);position:fixed}button{pointer-events:auto;cursor:pointer}button.begin-button,button.questionnaire,button.section-continue-button,button.solo-message-save,button.city-button,.observe-results,.logs-button,.widgets-button,.canvas-engine-link{border-radius:var(--btn-radius);font-family:var(--font-body);font-size:var(--type-p-size);font-weight:var(--fw-bold);pointer-events:auto;cursor:pointer;background:0 0;border:none;place-items:center;padding:0;line-height:1;text-decoration:none;transition:background-color .12s,color .12s,transform 50ms;display:inline-grid;position:relative}button.begin-button:hover,button.questionnaire:hover,button.section-continue-button:hover,button.solo-message-save:hover,button.city-button:hover,.observe-results:hover,.canvas-engine-link:hover{background:0 0;padding:0}@media (hover:hover) and (pointer:fine){.logs-button:hover,.widgets-button:hover{background:0 0;padding:0}}button.begin-button,button.questionnaire,button.section-continue-button,button.solo-message-save{color:var(--btn-primary-text)}button.begin-button .ui-icon{color:var(--btn-primary-icon)}button.city-button,.observe-results,.logs-button,.widgets-button,.canvas-engine-link{color:var(--btn-secondary-text);font-weight:var(--btn-font-weight)}.begin-button__ghost,.questionnaire__ghost,.section-continue-button__ghost,.solo-message-save__ghost{justify-content:center;align-items:center;gap:var(--space-sm);visibility:hidden;white-space:nowrap;padding-block:var(--btn-primary-padding-reserve-block);padding-inline:var(--btn-primary-padding-reserve-inline);grid-area:1/1;line-height:1;display:inline-flex}button.questionnaire:before{content:attr(data-label);visibility:hidden;white-space:nowrap;font:inherit;font-weight:inherit;padding:var(--btn-primary-padding-hover);grid-area:1/1;justify-content:center;align-items:center;line-height:1;display:inline-flex}button.section-continue-button:before{content:"";visibility:hidden;white-space:nowrap;font:inherit;font-weight:inherit;padding:var(--btn-primary-padding-hover);grid-area:1/1;line-height:1;display:inline-flex}.begin-button__inner,.questionnaire__inner,.section-continue-button__inner,.solo-message-save__inner{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:inherit;padding:var(--btn-primary-padding);background:var(--btn-primary-bg);grid-area:1/1;line-height:1;transition:padding .12s,background-color .12s,box-shadow .12s;display:inline-flex}button.begin-button:hover .begin-button__inner,button.questionnaire:hover .questionnaire__inner,button.section-continue-button:hover .section-continue-button__inner,button.solo-message-save:not(:disabled):hover .solo-message-save__inner{padding:var(--btn-primary-padding-hover);background:var(--btn-primary-hover-bg)}button.questionnaire:disabled,button.questionnaire.is-disabled,button.questionnaire[aria-disabled=true],button.solo-message-save:disabled{cursor:default}button.questionnaire:disabled .questionnaire__inner,button.questionnaire.is-disabled .questionnaire__inner,button.questionnaire[aria-disabled=true] .questionnaire__inner,button.solo-message-save:disabled .solo-message-save__inner{background:color-mix(in srgb, var(--btn-primary-bg) 52%, black 48%);box-shadow:none;opacity:.58}button.questionnaire:disabled:hover .questionnaire__inner,button.questionnaire.is-disabled:hover .questionnaire__inner,button.questionnaire[aria-disabled=true]:hover .questionnaire__inner,button.solo-message-save:disabled:hover .solo-message-save__inner{padding:var(--btn-primary-padding);background:color-mix(in srgb, var(--btn-primary-bg) 52%, black 48%);box-shadow:none}button.city-button:before{content:attr(data-label);justify-content:center;align-items:center;gap:var(--space-sm);visibility:hidden;white-space:nowrap;padding-block:var(--btn-secondary-padding-reserve-block);padding-inline:var(--btn-secondary-padding-reserve-inline);font:inherit;font-weight:inherit;grid-area:1/1;line-height:1;display:inline-flex}.logs-button:before,.widgets-button:before{content:attr(data-label);visibility:hidden;white-space:nowrap;padding-block:var(--btn-secondary-padding-reserve-block);padding-inline:var(--btn-secondary-padding-reserve-inline);font:inherit;font-weight:inherit;grid-area:1/1;justify-content:center;align-items:center;line-height:1;display:inline-flex}.observe-results__ghost,.canvas-engine-link__ghost{justify-content:center;place-self:center;align-items:center;gap:var(--space-sm);visibility:hidden;white-space:nowrap;padding-block:var(--btn-secondary-padding-reserve-block);padding-inline:var(--btn-secondary-padding-reserve-inline);grid-area:1/1;line-height:1;display:inline-flex}.city-button__inner,.observe-results__inner,.logs-button__inner,.widgets-button__inner,.canvas-engine-link__inner{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--btn-secondary-padding);border-radius:inherit;background:var(--btn-secondary-bg);grid-area:1/1;line-height:1;transition:padding .12s,background-color .12s;display:inline-flex}button.city-button:hover .city-button__inner,.observe-results:hover .observe-results__inner,.canvas-engine-link:hover .canvas-engine-link__inner{padding:var(--btn-secondary-padding-hover);background:var(--btn-secondary-hover-bg)}@media (hover:hover) and (pointer:fine){.logs-button:hover .logs-button__inner,.widgets-button:hover .widgets-button__inner{padding:var(--btn-secondary-padding-hover);background:var(--btn-secondary-hover-bg)}}.svg-lg{background:var(--btn-tertiary-bg);color:var(--btn-tertiary-text);margin-right:calc(-1 * var(--space-md));border:none;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.system-color:hover{background:var(--btn-tertiary-hover-bg)}button.begin-button{box-sizing:border-box;width:-moz-fit-content;width:fit-content;margin:0 .4rem}.hint-banner-close{width:20px!important;height:20px!important}@media (max-width:767px){.svg-lg{min-width:40px;max-width:40px;min-height:40px;max-height:40px}}@media (min-width:768px) and (max-width:1024px){.svg-lg{min-width:52px;max-width:52px;min-height:52px;max-height:52px}}@media (min-width:1025px){.svg-lg{min-width:48px;max-width:48px;min-height:48px;max-height:48px}}button.begin-button:focus-visible .begin-button__inner{outline:2px solid var(--btn-primary-bg);outline-offset:3px;border-radius:inherit}button.questionnaire:focus-visible .questionnaire__inner{outline:2px solid var(--btn-primary-bg);outline-offset:3px;border-radius:inherit}button.section-continue-button:focus-visible .section-continue-button__inner{outline:2px solid var(--btn-primary-bg);outline-offset:3px;border-radius:inherit}button.solo-message-save:focus-visible .solo-message-save__inner{outline:2px solid var(--btn-primary-bg);outline-offset:3px;border-radius:inherit}button.city-button:focus-visible .city-button__inner{outline:2px solid var(--ui-border-strong);outline-offset:3px;border-radius:inherit}.logs-button:focus-visible .logs-button__inner{outline:2px solid var(--ui-border-strong);outline-offset:3px;border-radius:inherit}.widgets-button:focus-visible .widgets-button__inner{outline:2px solid var(--ui-border-strong);outline-offset:3px;border-radius:inherit}.canvas-engine-link:focus-visible .canvas-engine-link__inner{outline:2px solid var(--ui-border-strong);outline-offset:3px;border-radius:inherit}.system-color:focus-visible{outline:2px solid var(--ui-border-strong);outline-offset:3px}.hint-banner-close:focus-visible{outline:2px solid var(--ui-border-strong);outline-offset:3px}.ui-toggle-option:focus-visible{outline:2px solid var(--ui-border-strong);outline-offset:2px}.widgets-close-strip:focus-visible{outline:2px solid var(--ui-border-strong);outline-offset:2px}