.fade-out{animation:.1s ease-in forwards fadeOut}.fade-in{animation:.1s ease-in forwards fadeIn}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.survey-section.survey-first-enter .survey-step{animation:.52s cubic-bezier(.22,.61,.36,1) both surveyScaleIn}@keyframes surveyScaleIn{0%{opacity:0;transform:scale(.975)}to{opacity:1;transform:scale(1)}}.survey.survey-step.role-select,.survey.survey-step.questionnaire{flex-direction:column;justify-content:center;align-items:center;display:flex}.survey.survey-step.questionnaire{width:100%;min-height:100dvh;position:relative;overflow:clip}.role-select-shell{flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.survey.survey-step.role-select>.onboarding{flex-direction:column;align-items:center;display:flex}.user-flow{pointer-events:none;z-index:6;align-items:center;display:flex;top:0;bottom:0;left:0;right:0}.user-flow.questionnaire-active{width:100%;max-width:100vw;overflow:clip}.welcome-title-layer{pointer-events:none;z-index:5;justify-content:center;align-items:center;display:flex;position:relative}.welcome-text{opacity:.9}.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}.radio-button{justify-content:center;align-items:center;display:inline-flex}.lottie-skeleton{opacity:.35;border:2px solid;border-radius:999px;width:100%;height:100%}.radio-options{gap:var(--space-sm);flex-direction:column;display:flex}.input-part-inside.radio-option{border:1px solid var(--ui-border);background:var(--ui-bg-surface);border-radius:var(--radius-md);flex-direction:row;justify-content:space-between;align-items:center;display:flex}.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-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}.radio-option--inset,.input-part-inside.radio-option{padding:var(--input-padding);background:0 0;border:none;border-radius:0;transition:background-color .12s,transform 50ms}.input-part-inside.radio-option:not(.selected):hover,.radio-option--inset:not(.selected):hover{background:var(--inactive-accent-color-hover)!important}.input-part-inside.radio-option.selected:hover,.role-group-options>.input-part-inside.radio-option.selected:hover{background:var(--active-accent-color-hover);transform:scale(var(--btn-hover-scale-lg))}.input-part-inside.radio-option.selected,.role-group-options>.input-part-inside.radio-option.selected{background:var(--active-accent-color)!important;border-radius:var(--btn-radius)!important}.input-part-inside.radio-option{border-radius:var(--btn-radius) var(--btn-radius) calc(var(--btn-radius) * .3) calc(var(--btn-radius) * .3);background:var(--inactive-accent-color)}.input-part-inside.radio-option:first-child{border-radius:calc(var(--btn-radius) * .3);background:var(--inactive-accent-color)}.role-group-options>.input-part-inside.radio-option:nth-child(2){border-radius:calc(var(--btn-radius) * .3) calc(var(--btn-radius) * .3) var(--btn-radius) var(--btn-radius);background:var(--inactive-accent-color)}.button-wrap{justify-content:center;align-self:stretch;width:100%;display:flex}.role-label,.alot,.none{color:var(--ui-text-secondary);font-size:var(--type-label-size);line-height:var(--type-tight-line)}.input-part-inside.radio-option,.input-part-inside.radio-option *,.section-option,.section-option *{cursor:pointer}.error-container,.error-container h2,.error-container p{color:var(--ui-error);text-align:center;width:-webkit-fill-available;width:-moz-available;width:stretch}.survey.survey-step.section-select{flex-wrap:wrap;justify-content:center;align-items:center;padding:8px;display:flex;position:relative}.section-combobox{justify-content:space-between;align-items:center;gap:var(--space-md);background:var(--ui-bg-input);border-radius:var(--radius-lg);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(--ui-bg-input-hover)}.section-combobox.is-open{background:var(--ui-bg-surface);border:1px solid var(--ui-border);border-bottom-right-radius:0;border-bottom-left-radius:0}.section-option{color:var(--ui-text);align-items:center;gap:var(--space-md);-webkit-user-select:none;user-select:none;padding:1rem;transition:background .1s;display:flex}.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;padding:4px 12px 2px;display:block;position:sticky;top:0}.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)}.survey-actions{justify-content:center;align-items:center;display:flex}.answers-stack{flex-direction:column;display:flex}.answer-content{flex-direction:row;align-items:center;display:flex}.q-option-shape{display:flex}.answer-row{flex-direction:column;display:flex;position:relative}.slider-inner{gap:var(--space-md);flex-direction:row;align-items:center;min-height:1.2rem;display:flex}.questionnaire-title{opacity:1;transition:opacity .1s,transform .1s;transform:translateY(0)}.questionnaire-title.is-leaving{opacity:0;transform:translateY(-6px)}.questionnaire-title.is-entering{opacity:0;transform:translateY(6px)}.questionnaire-panel-enter{animation:.18s ease-in both fadeIn}.questionnaire-grid-header{z-index:2;text-align:center;pointer-events:none;position:absolute;top:clamp(20px,4.5dvh,56px);left:50%;transform:translate(-50%)}.questionnaire-read-banner{top:calc(1rem + env(safe-area-inset-top,0px));z-index:300;border:1px solid var(--hint-border);border-radius:var(--radius-lg);background:var(--hint-bg);width:max-content;max-width:min(92vw,420px);min-height:3.6rem;color:var(--hint-text);-webkit-backdrop-filter:blur(8px);opacity:0;pointer-events:none;align-items:center;gap:.75rem;padding:.85rem 1rem;transition:opacity .18s,transform .22s cubic-bezier(.22,.61,.36,1);display:inline-flex;position:fixed;left:50%;transform:translate(-50%)translateY(-8px)scale(.98);box-shadow:0 12px 36px #0000001f}.questionnaire-read-banner-copy{gap:var(--space-lg);font-family:var(--font-title);font-optical-sizing:auto;font-variation-settings:"wdth" 112.5, "GRAD" 0;font-size:var(--type-h4-size);line-height:var(--tyle-h4-line);text-align:left;flex-direction:column;font-weight:420;display:flex;color:var(--hint-text)!important}@media (min-width:768px){.questionnaire-read-banner-copy{flex-direction:row;gap:.35rem}}.questionnaire-read-banner-close{border:1px solid var(--hint-border);width:20px;height:20px;color:var(--hint-text);pointer-events:none;background:0 0;border-radius:4px;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}.questionnaire-read-banner-close:hover{background:var(--hint-bg-hover);color:var(--hint-text)}.questionnaire-read-banner-close svg [stroke]{stroke:var(--hint-svg)}.questionnaire-read-banner.is-visible{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)scale(1)}.questionnaire-read-banner.is-visible .questionnaire-read-banner-close{pointer-events:auto}.questionnaire-title{text-align:center;flex-flow:column wrap;place-content:center;align-items:center;display:flex}.questionnaire-grid-actions{justify-content:flex-end;align-items:center;display:flex}.questionnaire-grid-footer{z-index:2;pointer-events:none;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:absolute;bottom:clamp(20px,5dvh,56px);right:clamp(20px,4dvw,56px)}.questionnaire-grid-footer .q-step-indicator{text-align:right;margin:0}.questionnaire-grid-footer .survey-actions{pointer-events:auto}.button-questionnaire__canvas-layer{z-index:1;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0;overflow:clip}.button-questionnaire__slot{pointer-events:none;display:flex;position:absolute;transform:translateY(-50%)}.button-questionnaire__button{padding:var(--btn-secondary-padding);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--ui-bg-surface-glass) 85%, transparent);color:var(--ui-text);-webkit-backdrop-filter:blur(12px);border:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.button-questionnaire__grid .button-questionnaire__button{inline-size:100%;max-inline-size:none}.button-questionnaire__button:hover{background:color-mix(in srgb, var(--ui-bg-surface-glass) 100%, transparent);transform:translateY(-1px)}.button-questionnaire__button.is-active{background:var(--ui-bg-surface-selected);border-color:color-mix(in srgb, var(--active-accent-color) 78%, black 22%)}.button-questionnaire__button--placed{pointer-events:auto}.button-questionnaire__button-content{justify-content:center;align-items:center;gap:var(--space-sm);display:inline-flex}.button-questionnaire__button-icon{width:1.1rem;height:1.1rem;color:color-mix(in srgb, var(--ui-text) 82%, white 18%);flex-shrink:0;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-check-icon [fill]{fill:var(--btn-primary-icon)}.button-questionnaire__button.is-active .button-questionnaire__button-icon{color:var(--btn-primary-icon)}.button-questionnaire__button-label{font:inherit;white-space:nowrap;text-align:center;line-height:1.15;display:block}.button-questionnaire__grid{gap:12px;width:min(420px,100% - 32px);margin:0 auto;display:grid}.survey-section,.survey-step,.onboarding,.continue,.answer-question,.answer-part,.section-picker{width:100%}.questions{justify-content:center;align-items:baseline;gap:16px}.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-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-shell.drop-up{border-top:1px solid var(--ui-border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom:none}.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}.survey-flow::-webkit-scrollbar{width:6px}.answer-part::-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}.survey-flow::-webkit-scrollbar-track{background:var(--ui-bg-surface);background-clip:padding-box;border-top:12px solid #0000;border-bottom:12px solid #0000}.answer-part::-webkit-scrollbar-track{background:var(--ui-bg-page);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}.survey-flow::-webkit-scrollbar-thumb{background:var(--scroll-bar);border-radius:4px}.answer-part::-webkit-scrollbar-thumb{background:var(--scroll-bar);border-radius:4px}.section-listbox::-webkit-scrollbar-thumb:hover{background:var(--ui-text-secondary)}.survey-flow::-webkit-scrollbar-thumb:hover{background:var(--ui-text-secondary)}.answer-part::-webkit-scrollbar-thumb:hover{background:var(--ui-text-secondary)}.section-option.is-active{background:var(--ui-bg-surface-hover)}.section-option.is-selected{background:var(--ui-bg-surface-selected)}button.begin-button,button.next-button,button.section-continue-button,button.questionnaire,button.city-button,.q-option,.q-option input,.q-option-label,.questionnaire,.survey-flow,.answer-part,.survey-actions,.section-picker,.radio-options,.graph-picker,.email-tag{pointer-events:auto}.z-index-respective .survey-section-wrapper,.z-index-respective .survey-section-wrapper{pointer-events:none}.welcome-title,.questionnaire-question-title{animation:1.8s cubic-bezier(.16,1,.3,1) both titleWipe}.welcome-title{background:var(--ui-text-title);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.questionnaire-question-title{background:var(--ui-questionnaire-title);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}@keyframes titleWipe{0%{clip-path:inset(100% 0 0);opacity:0}15%{opacity:1}to{clip-path:inset(0% 0 0);opacity:1}}.welcome-text,.section-title,.q-count,.q-title,.section-label,.email-tag{color:var(--ui-text)}.q-step-indicator{color:var(--ui-text-secondary)}.q-slider{-webkit-appearance:none;appearance:none;background:var(--ui-border);border-radius:999px;outline:none;height:4px}.q-slider:hover{outline:1px solid var(--btn-primary-bg);outline-offset:3px}.q-slider:focus{outline:none}.q-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;box-sizing:content-box;border:2px solid var(--ui-bg-surface);background:var(--thumb-color,#999);opacity:.85;border-radius:3px;width:3px;height:20px}.q-slider::-moz-range-thumb{box-sizing:content-box;border:2px solid var(--ui-bg-surface);background:var(--thumb-color,#999);opacity:.85;border-radius:3px;width:3px;height:20px}.q-slider::-moz-range-track{background:0 0}.survey-actions{gap:var(--space-sm)}.onboarding,.continue{gap:var(--space-md)}@media (max-width:768px){.survey-section:has(.survey.survey-step.role-select){height:100%}.survey-section:has(.survey.survey-step.section-select){height:100%}.survey.survey-step.section-select{height:100%}.survey.survey-step.role-select .onboarding,.survey.survey-step.section-select .onboarding{min-width:320px;max-width:320px;padding:2.4rem 20px 3.2rem}.radio-button,.role-indicator-spacer{width:1.1rem;min-width:1.1rem;height:1.1rem;min-height:1.1rem}.welcome-title,.welcome-text,.section-title{text-align:center}.questionnaire-title{text-align:center;padding:0 8%;top:16%}.welcome-title{padding:2.4rem 0 3.2rem;position:relative;top:-52px}.button-questionnaire__button{font-size:.92rem}.onboarding-canvas{width:100%;height:640px;min-height:640px;max-height:640px;position:absolute;top:0;right:0;overflow:hidden}.welcome-title-layer{height:640px;top:-16px}.radio-group{width:90%}.continue{flex-direction:column;align-items:center;padding:2.4rem 0;display:flex}.section-group-header{padding:.9rem 0}.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}}@media (min-width:768px) and (max-width:1024px){.onboarding-canvas{width:100%;height:900px;position:absolute;top:0;right:0;overflow:hidden}.welcome-title-layer{height:860px;top:-4px}.role-indicator-spacer{width:16px;height:16px}}@media (min-width:1025px){.onboarding-canvas{width:100%;height:clamp(675px,2.8vw,860px);position:absolute;top:0;right:0;overflow:hidden}.welcome-title-layer{height:clamp(625px,2.8vw,860px);top:-16px}}@media (min-width:768px){.survey-section:has(.survey.survey-step.role-select){height:100%}.survey-section:has(.survey.survey-step.section-select){height:100%}.survey.survey-step.section-select{height:100%}.survey.survey-step.section-select .continue,.survey.survey-step.role-select .onboarding{min-width:360px;max-width:360px;padding:5.4rem 20px 3.2rem}.survey-section:has(.survey.survey-step.section-select){height:460px}.radio-button{width:1.1rem;min-width:1.1rem;height:1.1rem;min-height:1.1rem}.welcome-title,.welcome-text,.section-title{text-align:center}.welcome-title{white-space:nowrap;padding:2.4rem 0 3.2rem}.radio-group{width:90%}.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}.continue{flex-direction:column;display:flex}.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}.button-questionnaire__button{font-size:1rem}.section-empty{padding:1rem .9rem}.answer-row{gap:.4rem;padding:.6rem 1rem;overflow:visible}.answers-stack .q-count{font-size:var(--type-label-size);color:var(--ui-text-secondary);padding:0 1rem .2rem;display:block}.answers-stack{border-radius:var(--radius-hero);border:1px solid var(--ui-border);background:var(--ui-bg-surface-glass);-webkit-backdrop-filter:blur(12px);gap:.4rem;padding:1.6rem 0}.answer-part{padding:.6rem 0}.questionnaire-title{height:100dvh;top:-54px}.questionnaire-grid-header{width:min(860px,100% - 32px)}.continue{align-items:center;padding:1rem .9rem}.questionnaire{gap:var(--space-md);flex-direction:column;display:flex}.q-option{padding-left:.1rem}.survey.survey-step.questionnaire{max-width:100%}.user-flow{width:100%}}.option,.trigger,.trigger-chevron,.listbox,.listbox-shell,.picker{display:flex}.picker{width:100%;position:relative}.trigger{background:var(--ui-bg-input);border-radius:var(--radius-lg);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(--ui-bg-input-hover);padding:var(--input-padding-hover)}.trigger svg.ui-icon{transform:scale(1.1,.95)}.trigger.is-open{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;display:inline-block;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 svg.ui-icon{color:var(--ui-icon-subtle)}.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{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;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}.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}.back-icon{flex:none;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex}@media (max-width:768px){.picker{min-width:160px;max-width:160px}.picker:has(.trigger.is-open){min-width:280px}.listbox-shell{width:280px}.listbox{max-height:400px}.navigation.picker-open-mobile .left,.navigation.picker-open-mobile .right>:not(.graph-picker){opacity:0;pointer-events:none;transition:opacity .16s}}@media (min-width:768px) and (max-width:1024px){.picker{min-width:230px;max-width:230px}.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{max-height:400px}}@media (min-width:1025px){.picker{min-width:220px;max-width:220px}.picker:hover{min-width:230px;max-width:230px;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{max-height:390px}}.label,.count,.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}.widgets-popover-shell{z-index:2;opacity:0;pointer-events:none;grid-template-rows:0fr;width:min(320px,100vw - 3.2rem);transition:grid-template-rows .18s cubic-bezier(.22,.61,.36,1),opacity .12s;display:grid;position:absolute;bottom:0;left:0}.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);overflow:hidden}.widgets-list{flex-direction:column;gap:0;padding-bottom:.4rem;display:flex}.widgets-entry{flex-direction:column;display:flex}.widgets-entry--bar-graph.is-expanded .widgets-item{border-bottom-right-radius:0;border-bottom-left-radius:0}.widgets-entry:not(:last-child)>.widgets-item{box-shadow:inset 0 -1px 0 var(--ui-border)}.widgets-entry.is-expanded:not(:last-child)>.widgets-item{box-shadow:none}.widgets-entry.is-expanded:not(:last-child)>.widgets-expandable{box-shadow:inset 0 -1px 0 var(--ui-border)}.widgets-expandable{opacity:0;min-height:0;max-height:0;transition:min-height .28s cubic-bezier(.22,.61,.36,1),max-height .28s cubic-bezier(.22,.61,.36,1),opacity .18s;overflow:hidden}.widgets-expandable.is-expanded{opacity:1;max-height:440px}.widgets-item{width:100%;color:var(--ui-text);text-align:center;background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;padding:1rem;display:flex}.widgets-panel{flex-direction:column;display:flex}.widgets-panel.bar-graph{padding:0 .3rem .6rem}.widgets-panel.bar-graph .bar-graph-container{width:100%}.widgets-panel.bar-graph .bar-graph-bar{padding:0 .3rem}.bar-graph-label{text-align:center}.widgets-panel.radar-chart{padding:.8rem .6rem .4rem}.radar-chart-panel{flex-direction:column;align-items:stretch;gap:.35rem;display:flex}.radar-chart-svg{display:block;overflow:visible}.rc-ring{fill:none;stroke:var(--ui-border);stroke-width:1px}.rc-axis{stroke:var(--ui-border);stroke-width:1px}.rc-data{fill:var(--ui-bg-surface-selected);fill-opacity:.65;stroke:var(--ui-text);stroke-width:1.5px;stroke-linejoin:bevel}.rc-dot{fill:var(--ui-text)}.rc-label{fill:var(--ui-text-secondary);font-family:var(--font-body);font-size:9px}.rc-value{fill:var(--ui-text);font-family:var(--font-body);font-size:9px;font-weight:var(--fw-bold)}.radar-chart-caption{color:var(--ui-text-secondary);font-size:var(--type-label-size);line-height:var(--type-tight-line);text-align:center;margin:0;padding:0 .5rem}.radar-chart-footer{justify-content:space-between;align-items:center;gap:var(--space-sm);border-top:1px solid var(--ui-border);min-height:40px;padding:.75rem .35rem 0;display:flex}.radar-footer-section{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}.radar-footer-btn{color:var(--ui-text-muted);font-size:var(--type-label-size);cursor:pointer;border-radius:var(--radius-md);background:0 0;border:none;place-items:center;padding:0;line-height:1;transition:color .1s;display:inline-grid;position:relative}.radar-footer-btn:hover{color:var(--ui-text);background:0 0}.radar-footer-btn{justify-content:center;align-items:center;width:24px;height:24px;display:flex}.radar-footer-btn--pause{min-width:32px;min-height:24px}.widgets-close-strip{justify-content:flex-start;align-items:center;gap:var(--space-md);border:none;border-top:1px solid var(--ui-border);background:var(--ui-bg-surface);width:100%;color:var(--ui-text);font-size:var(--type-label-size);text-align:left;cursor:pointer;border-radius:0;padding:.75rem 1rem .75rem 1.2rem;transition:background .12s;display:flex}.widgets-close-strip:hover{background:var(--ui-bg-surface-hover)}.widgets-close-strip .ui-close{flex:none;width:18px;height:18px}.widgets-item:hover{background:var(--ui-bg-surface-hover)}@media (max-width:767px){.widgets-panel.bar-graph .bar-graph-container{height:400px;min-height:400px;max-height:400px}.radar-chart-caption{padding:.3rem 0}.widgets-popover-shell{width:min(320px,100vw - 3.2rem)}}@media (min-width:768px) and (max-width:1024px){.widgets-panel.bar-graph .bar-graph-container{height:300px;min-height:300px;max-height:300px}.radar-chart-caption{padding:.3rem 0}.widgets-popover-shell{width:calc(40dvw - 3.3rem)}}@media (min-width:1024px){.widgets-panel.bar-graph .bar-graph-container{height:320px;min-height:320px;max-height:320px}.radar-chart-caption{padding:.3rem 0}.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);border-bottom:1px solid var(--ui-border);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{font-size:var(--type-label-size);color:var(--ui-text-muted);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:hover{background:var(--ui-bg-surface-hover);color:var(--ui-text)}.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-surface);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);flex:auto;overflow-y:auto}.logs-table-wrap::-webkit-scrollbar{width:6px}.logs-table-wrap::-webkit-scrollbar-track{background:var(--ui-bg-surface);background-clip:padding-box;border-top:8px solid #0000;border-bottom:8px 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:collapse;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:1;padding:.55rem .75rem;position:sticky;top:0}.logs-th--num{text-align:left;width:52px}.logs-th--section{text-align:left;width:110px}.logs-th--qs{text-align:left}.logs-th--avg,.logs-th--rank{width:68px}.logs-row:hover{background:var(--ui-bg-surface-hover)}.logs-row--empty:hover{background:0 0}.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--num{text-align:left;color:var(--ui-text-muted)}.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)}.logs-td--rank{color:var(--ui-text-muted)}.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:.4rem;padding:0 .8rem;display:flex}.logs-page-label{font-size:var(--type-label-size);color:var(--ui-text);align-items:center;gap:.2rem;display:inline-flex}.logs-page-sep{color:var(--ui-text-muted);margin:0 .1rem}.logs-page-input{width:58px;height:32px;margin-left:var(--space-md);background:var(--ui-bg-surface);border:1px solid var(--ui-border);border-radius:var(--radius-lg);color:var(--ui-text);font-size:var(--type-label-size);text-align:center;-webkit-appearance:textfield;appearance:textfield;outline:none;padding:0 .4rem;font-family:inherit;transition:border-color .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{color:var(--ui-text-muted);cursor:pointer;background:0 0;border:none;align-items:center;padding:0 .1rem;transition:color .1s;display:inline-flex}.logs-page-arrow:hover{color:var(--ui-text)}.logs-page-arrow .ui-icon{width:14px;height:14px}.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:hover{background:var(--ui-bg-surface-hover)}.logs-close-btn .ui-close{flex:none;width:16px;height:16px}@media (max-width:767px){.logs-table-wrap{max-height:calc(100svh - 8.8rem);overflow-x:auto}.logs-table-wrap .logs-table{table-layout:auto;width:620px}.logs-th--section,.logs-td--section{min-width:120px;max-width:180px}.logs-popover-shell,.widgets-popover-shell{width:min(540px,100vw - 2.4rem)}}@media (min-width:768px) and (max-width:1023px){.logs-table-wrap{max-height:calc(90svh - 8rem);overflow-x:auto}.logs-table-wrap .logs-table{table-layout:auto;width:620px}.logs-th--section,.logs-td--section{min-width:120px;max-width:180px}.logs-popover-shell{width:60dvw}}@media (min-width:1024px){.logs-table-wrap{max-height:calc(100svh - 14.4rem)}.logs-popover-shell{width:min(540px,100vw - 3.2rem)}}:root{--logo-wrap-w-desktop:2.6rem;--logo-wrap-h-desktop:2.6rem;--logo-w-desktop:3.2rem;--logo-h-desktop:3.2rem;--nav-control-h-desktop:40px;--logo-wrap-w-tablet:2.6rem;--logo-wrap-h-tablet:2.6rem;--logo-h-tablet:3.2rem;--nav-control-h-tablet:40px;--logo-wrap-w-mobile:2.6rem;--logo-wrap-h-mobile:2.6rem;--logo-h-mobile:3.2rem;--nav-control-h-mobile:40px}.navigation{pointer-events:none;z-index:202;flex-direction:row;justify-content:space-between;align-items:center;gap:1rem;width:100%;display:flex;position:absolute;top:0;bottom:auto;left:0;right:0}.left.nav-first-enter,.right.nav-first-enter,.bottom-left.nav-first-enter>*,.bottom-center.nav-first-enter>*,.bottom-right.nav-first-enter>*{animation:.52s cubic-bezier(.22,.61,.36,1) both navScaleIn}@keyframes navScaleIn{0%{opacity:0;transform:scale(.975)}to{opacity:1;transform:scale(1)}}.graph-picker{transform:translateX(calc(-50% + var(--picker-offset,0px)));pointer-events:all;position:absolute;left:50vw}.auto-adjust{align-items:center;gap:var(--space-md);cursor:pointer;pointer-events:all;border-radius:var(--btn-radius);padding:var(--btn-secondary-padding);font-weight:var(--btn-font-weight);color:var(--btn-secondary-text);-webkit-user-select:none;user-select:none;background:0 0;border:none;transition:all .15s,color .15s;display:inline-flex}.auto-adjust:hover{background:var(--btn-tertiary-hover-bg)}.auto-adjust.is-on{color:var(--btn-primary-text)}.auto-adjust-thumb{background:var(--auto-adjust-off);border:var(--btn-border-width) solid var(--auto-adjust-border);border-radius:999px;flex-shrink:0;width:44px;height:28px;transition:background .15s;position:relative}.auto-adjust-thumb:after{content:"";background:var(--thumb);border-radius:50%;width:18px;height:18px;transition:transform .15s;position:absolute;top:5px;left:3.5px}.auto-adjust.is-on .auto-adjust-thumb{background:var(--auto-adjust-on);border:var(--btn-border-width) solid var(--auto-adjust-border)}.auto-adjust.is-on .auto-adjust-thumb:after{background:var(--thumb-after);transform:translate(17px)}.auto-adjust-wrap{flex-direction:column;align-items:center;display:inline-flex;position:relative}.auto-adjust-hint{white-space:nowrap;color:var(--hint-text);font-size:var(--type-label-size);line-height:var(--type-tight-line);border-radius:var(--radius-md);background:var(--hint-bg);border:1px solid var(--hint-border);pointer-events:none;opacity:0;z-index:100;align-items:center;padding:.6rem 1rem;transition:opacity .15s,transform .15s;display:flex;position:absolute;top:calc(8px - 100%);left:50%;transform:translate(-50%)translateY(-6px)}.auto-adjust-hint.visible{opacity:1;transform:translate(-50%)translateY(0)}.navigation.is-landing-centered{justify-content:center;gap:clamp(1rem,2vw,1.8rem)}.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,72px);height:var(--logo-wrap-h,72px);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,.nav-toggle,.system-color{pointer-events:all}.nav-toggle,.observe-results,.system-color{cursor:pointer}.nav-toggle.is-dark,.system-color.is-dark,.right.is-dark .nav-toggle{opacity:.95}.mode-toggle-wrap{pointer-events:all;-webkit-user-select:none;user-select:none;align-items:center;display:flex}.mode-toggle-switch{gap:var(--space-sm);outline:none;align-items:stretch;height:48px;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-boundary{z-index:100;width:max-content;max-width:92vw;transition:transform .22s cubic-bezier(.2,.8,.2,1),opacity .22s;position:fixed;top:0;left:50%;transform:translate(-50%,-5%)}.city-button-boundary.shown{opacity:1;pointer-events:auto}.city-button-boundary.hidden{opacity:0;pointer-events:none;transform:translate(-50%,-120%)}.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-button.open{gap:0}.city-button.open .city-chevron{transform:rotate(180deg)}.city-chevron{transition:transform .25s}.city-button-text{white-space:nowrap;opacity:1;transition:opacity .25s;display:inline-block;overflow:hidden}.city-button-text.hidden-text{opacity:0;width:0;margin:0}.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:202;justify-content:flex-end}.bottom-mobile-right{z-index:201;justify-content:flex-end;right:1.2rem}.bottom-right{right:1.8rem}.questionnaire-nav-stack{pointer-events:none;flex-direction:column;align-items:center;gap:10px;display:flex}.questionnaire-nav-progress{text-align:right;margin:0}.questionnaire-nav-stack .questionnaire{pointer-events:auto}.questionnaire-nav-action{pointer-events:auto;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;transition:opacity .18s,transform .22s cubic-bezier(.22,.61,.36,1);display:inline-flex;position:absolute;transform:translateY(-50%)translate(8px)scale(.98);box-shadow:0 12px 36px #0000001f}.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-boundary,.city-button,.city-button-text,.city-overlay,.city-canvas-host{color:var(--ui-text)}.city-overlay{background:var(--ui-bg-surface);border:1px solid var(--ui-border)}@media (max-width:767px){.navigation{padding:1rem 1.2rem}.right{height:36px}.logo-divider{width:var(--logo-wrap-w-mobile,76px);height:var(--logo-wrap-h-mobile,76px)}.logo-text{min-width:var(--logo-w-mobile,56px);min-height:var(--logo-h-mobile,56px)}.observe-results{margin-left:var(--space-sm)}.left{height:var(--logo-wrap-w-mobile,76px);width:var(--logo-wrap-h-mobile,76px)}.bottom-left{left:1.2rem}.bottom-right{right:1.2rem}.bottom{bottom:1rem}.nav-toggle,.system-color{height:var(--nav-control-h-mobile)}.city-button-boundary{transform:translate(-50%,-7%)}.city-button:hover{transform:translateY(3%)}.city-chevron{width:22px;height:22px}}@media (min-width:768px) and (max-width:1024px){.navigation{padding:1rem 2.4rem}.right{height:36px}.logo-divider{width:var(--logo-wrap-w-tablet,76px);height:var(--logo-wrap-h-tablet,76px)}.logo-text{min-width:var(--logo-w-tablet,56px);min-height:var(--logo-h-tablet,56px)}.observe-results{margin-left:var(--space-sm)}.left{height:var(--logo-wrap-w-tablet,76px);width:var(--logo-wrap-h-tablet,76px)}.bottom-mobile-right,.bottom-right{right:2.4rem}.bottom{bottom:1.6rem}.nav-toggle,.system-color{height:var(--nav-control-h-tablet)}.city-button-boundary{transform:translate(-50%,-7%)}.city-button:hover{transform:translateY(3%)}.city-chevron{width:22px;height:22px}}@media (min-width:1024px) and (pointer:coarse){.bottom{bottom:1.6rem!important}}@media (min-width:1024px){.bottom{bottom:1rem}}@media (min-width:768px){.navigation{padding:1rem 2.4rem}.right{height:36px}.logo-divider{width:var(--logo-wrap-w-desktop,76px);height:var(--logo-wrap-h-desktop,76px)}.logo-text{min-width:var(--logo-w-desktop,56px);min-height:var(--logo-h-desktop,56px)}.observe-results{margin-left:var(--space-sm)}.left{height:var(--logo-wrap-w-desktop,76px);width:var(--logo-wrap-h-desktop,76px)}.bottom-left{left:1.8rem}.nav-toggle,.system-color{height:var(--nav-control-h)}.city-button-boundary{transform:translate(-50%,-7%)}.city-button:hover{transform:translateY(3%)}.city-chevron{width:22px;height:22px}}.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}.green-dot-animation{animation:3.2s ease-in-out infinite greenDotPulse}.yellow-dot-animation{animation:3.2s ease-in-out infinite yellowDotPulse}.red-dot-animation{animation:3.2s ease-in-out infinite redDotPulse}@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 greenDotPulse{0%,to{background:radial-gradient(circle, rgba(var(--graph-green-hi-rgb), .92) 22%, rgba(var(--graph-green-lo-rgb), .5) 78%)}50%{background:radial-gradient(circle, rgba(var(--graph-green-lo-rgb), .96) 22%, rgba(var(--graph-green-hi-rgb), .42) 78%)}}@keyframes yellowDotPulse{0%,to{background:radial-gradient(circle, rgba(var(--graph-yellow-lo-rgb), .92) 22%, rgba(var(--graph-yellow-hi-rgb), .5) 78%)}50%{background:radial-gradient(circle, rgba(var(--graph-yellow-hi-rgb), .96) 22%, rgba(var(--graph-yellow-lo-rgb), .42) 78%)}}@keyframes redDotPulse{0%,to{background:radial-gradient(circle, rgba(var(--graph-red-hi-rgb), .92) 22%, rgba(var(--graph-red-lo-rgb), .5) 78%)}50%{background:radial-gradient(circle, rgba(var(--graph-red-lo-rgb), .96) 22%, rgba(var(--graph-red-hi-rgb), .42) 78%)}}@keyframes floaty{0%{transform:translateY(0)}50%{transform:translateY(-4px)}to{transform:translateY(0)}}.floaty{animation:3s ease-in-out infinite floaty}.graph-wrapper{opacity:0;pointer-events:none;z-index:2;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}.toggle-button,.toggle-icon,.graph-container,.bar-graph-divider,.bar-graph-container,.bar-graph-icons,.bar-graph-bar,.empty-card,.empty-card--canvas{display:flex}.toggle-button{z-index:10;pointer-events:all;cursor:pointer;justify-content:center;align-items:center;transition:transform .1s;position:relative}.toggle-button:hover{transform:none}.graph-container{z-index:4;position:relative}.graph-stars-canvas-host{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.graph-stars-canvas-host canvas{pointer-events:none;cursor:default;width:100%;height:100%;display:block}.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-icons{justify-content:space-around}.bar-graph-bar{flex-direction:column;justify-content:flex-end;align-items:center;height:100%;position:relative}.bar-graph-fill{border-radius:var(--radius-lg);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}.bar-graph-bar:first-child,.bar-graph-bar:nth-child(3){border-left:1px solid #0000;border-right:1px solid #0000;position:relative}.bar-graph-bar:first-child:after{content:"";background:linear-gradient(to bottom, transparent 0%, transparent 6%, var(--graph-divider) 15%, transparent 40%, transparent 100%);pointer-events:none;width:1px;position:absolute;top:0;bottom:0;right:-1px}.bar-graph-bar:nth-child(3):before{content:"";background:linear-gradient(to bottom, transparent 0%, transparent 6%, var(--graph-divider) 15%, transparent 40%, transparent 100%);width:1px;position:absolute;top:0;bottom:0;left:-1px}.bar-icon{filter:brightness(1.4)}.bar-icon:nth-child(3){filter:saturate()}.percentage-section,.percentage-indicator{pointer-events:none;position:absolute}.percentage-section{z-index:2;bottom:0;left:0;right:0;overflow:visible}.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}.percentage-indicator{border:1px solid var(--hint-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));box-shadow:0 12px 30px #00000024}.percentage-indicator:after{content:"";background:var(--hint-bg);border:1px solid var(--hint-border);width:12px;height:12px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)rotate(45deg)}.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}.empty-card--canvas{width:250%;margin-left:-75%}@media (prefers-reduced-motion:reduce){.green-animation,.yellow-animation,.red-animation,.green-dot-animation,.yellow-dot-animation,.red-dot-animation,.floaty{animation:none!important}}@media screen and (max-width:768px){.bar-graph-container{width:204px}.bar-graph-icons{width:88%}.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-icons{width:85%}.bar-graph-bar{width:26%}.toggle-button{width:56px;height:56px}}@media screen and (min-width:1025px){.bar-graph-container{width:265px}.bar-graph-icons{width:94%}.bar-graph-bar{width:33%}.toggle-button{width:40px;height:40px}}.toggle-button{background:var(--ui-bg-surface);border-radius:var(--radius-lg);color:var(--ui-text);border:none}.toggle-button:hover{background:var(--ui-bg-surface-hover)}.graph-container{background:var(--graph-bg)}.graph-container canvas{cursor:grab}.graph-stars-canvas-host canvas{cursor:default}.graph-container canvas.hovering-shape{cursor:pointer}.graph-container canvas.is-rotating{cursor:grabbing}.graph-loading{width:100%}.graph-loading-card{border-radius:var(--radius-lg);background:var(--ui-bg-surface-glass);min-height:48px;color:var(--ui-text);letter-spacing:.01em;white-space:nowrap;justify-content:center;align-items:center;gap:.1rem;padding:.85rem 1rem;display:inline-flex}.graph-loading-card.loading-dots{color:var(--ui-text-secondary)}.graph-loading-text{animation:1.6s ease-in-out infinite graphLoadingTint}.graph-loading-ellipsis{justify-content:flex-start;min-width:1.6em;display:inline-flex}.graph-loading-dot{opacity:0;animation:1.2s step-end infinite graphLoadingDotStep,1.2s ease-in-out infinite graphLoadingDotJump;transform:translateY(0)}.graph-loading-dot:nth-child(2){animation-delay:.2s}.graph-loading-dot:nth-child(3){animation-delay:.4s}@keyframes graphLoadingTint{0%,to{color:var(--ui-text-secondary)}50%{color:var(--ui-text)}}@keyframes graphLoadingDotStep{0%,to{opacity:0}25%,to{opacity:1}}@keyframes graphLoadingDotJump{0%,to{transform:translateY(0)}12%{transform:translateY(-.14rem)}24%{transform:translateY(0)}}@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-h1-size:clamp(3.2rem, 2.4rem + 3.2vw, 7.2rem);--type-h2-size:clamp(1.6rem, 1.25rem + 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-small-size:.94rem;--type-label-size:.9rem;--type-h-line:1.25;--type-h2-line:1.46;--type-h3-line:1.5;--type-body-line:1.4;--tyle-h4-line:1.4;--type-tight-line:1.25;--ui-bg-page:#f8f0ea;--ui-bg-onboarding:linear-gradient(120deg, #e8ecf2 10%, #f0f4f8 90%);--ui-bg-surface:#f8fafc;--ui-bg-surface-glass:#f8fafcb3;--ui-bg-surface-hover:#dfdfdf;--ui-bg-surface-selected:#bae39c99;--ui-bg-input:#c9c7c2;--ui-bg-input-hover:#b9ada4;--active-accent-color:#7fba7e;--active-accent-color-hover:#70a56f;--inactive-accent-color:#d3cac2e6;--inactive-accent-color-hover:#b9ada4;--ui-drop-shadow:#eff0fa99;--btn-drop-shadow:#fff;--ui-text-title:linear-gradient(120deg, #b1e5e8 0%, #8eb1d8 55%);--ui-questionnaire-title:#475a6c;--ui-text:#1f1f1e;--ui-text-secondary:#292827;--ui-text-muted:#4b5563;--welcome-indie:#6692c4;--welcome-sustainability:#549a54;--ui-gamification:#292827;--ui-border:#cbd5e1;--ui-border-strong:#879cba;--ui-icon:currentColor;--ui-icon-subtle:currentColor;--ui-icon-fill:var(--ui-icon);--ui-icon-stroke:var(--ui-icon);--ui-icon-subtle-fill:var(--ui-icon-subtle);--ui-icon-subtle-stroke:var(--ui-icon-subtle);--ui-close-fill:#3f3f3f;--ui-chooser-fill:#286c38;--ui-trigger-chevron-fill:#4f5551;--ui-check-fill:#286c38;--scroll-bar:#c3c3c3;--ui-error:#cb2418;--btn-font-weight:var(--fw-bold);--btn-hover-scale:1.01;--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;--auto-adjust-on:#b0edad;--auto-adjust-off:#e5e5e9e7;--thumb-after:#1f1f1fc0;--thumb:#1f1f1f90;--auto-adjust-border:#e5e5e9e7;--hint-bg:#333435;--hint-bg-hover:#35393d;--hint-text:#e7e7e7;--hint-border:#9396985d;--hint-svg:var(--hint-text);--graph-bg:#f8f3ef;--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;--graph-divider:#6c797a33}:root[data-theme=dark]{--ui-bg-page:#312c28;--ui-bg-onboarding:#161616;--ui-bg-surface:#544e48;--ui-bg-surface-glass:#2c2c2cb3;--ui-bg-surface-hover:#827e7d84;--ui-bg-surface-selected:#6d976cd9;--ui-bg-input:#665e5b;--ui-bg-input-hover:#847f7e;--active-accent-color:#6d976c;--active-accent-color-hover:#6d976c;--inactive-accent-color:#665e5b;--inactive-accent-color-hover:#847f7e;--ui-bg-surface-active:#474747;--ui-drop-shadow:#0006;--btn-drop-shadow:#0a0a0a;--panel-open-dropdown:0 8px 32px #171717;--ui-text:#ffffffe6;--ui-gamification:#f1efea;--ui-text-secondary:#ffffffd9;--ui-text-muted:#ffffffb3;--welcome-indie:#8fd2f1;--welcome-sustainability:#a8e4a7;--ui-border:#ffffff14;--ui-border-strong:#fff3;--ui-icon:#fff;--ui-icon-subtle:#a4a4a4;--ui-icon-fill:var(--ui-icon);--ui-icon-stroke:var(--ui-icon);--ui-icon-subtle-fill:var(--ui-icon-subtle);--ui-icon-subtle-stroke:var(--ui-icon-subtle);--ui-close-fill:#fff;--ui-chooser-fill:#286c38;--ui-trigger-chevron-fill:#4f5551;--ui-check-fill:#286c38;--scroll-bar:#c3c3c3;--ui-error:#ff8f8f;--btn-font-weight:var(--fw-bold);--btn-hover-scale:1.01;--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;--auto-adjust-on:#467552;--auto-adjust-off:#2c2c2c;--thumb-after:#ffffffd6;--thumb:#ffffff96;--auto-adjust-border:#474747;--hint-bg:#2c2c2c;--hint-bg-hover:#3a3a3a;--hint-text:#fff;--hint-border:#ffffff1a;--hint-svg:var(--hint-text);--graph-bg:#21201e;--inactive-accent-color-border:#1d1c1c;--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;--graph-divider:#a0aab91f}@media (max-width:768px){:root{--radius-md:6px;--radius-lg:8px;--radius-hero:16px;--btn-radius:10px;--space-sm:.3rem;--space-md:.6rem;--space-lg:.9rem;--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:.52rem .72rem;--btn-secondary-padding-hover:.47rem .82rem;--btn-secondary-padding-block:.52rem;--btn-secondary-padding-inline:.72rem;--btn-secondary-padding-hover-block:.47rem;--btn-secondary-padding-hover-inline:.82rem;--input-padding:.72rem .85rem;--input-padding-hover:.68rem .95rem}:root[data-theme=dark]{--ui-questionnaire-title:#f4ede4;--ui-text-title:linear-gradient(150deg, #f8f8f8 0%, #a8cfeb 50%, #546981 100%)}}@media (min-width:769px){:root{--radius-md:6px;--radius-lg:8px;--radius-hero:16px;--btn-radius:10px;--space-sm:.3rem;--space-md:.6rem;--space-lg:.9rem;--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-block:.95rem;--btn-secondary-padding-inline:.9rem;--btn-secondary-padding-hover-block:.85rem;--btn-secondary-padding-hover-inline:1.15rem;--input-padding:.9rem 1rem;--input-padding-hover:.75rem 1rem}:root[data-theme=dark]{--ui-questionnaire-title:linear-gradient(150deg, #ffffffd9 0%, #abbfef 60%, #ababffe6 100%);--ui-text-title:linear-gradient(150deg, #f8f8f8 0%, #a8cfeb 50%, #49596d 100%)}}.mock-read-banner svg [stroke]{stroke:var(--hint-svg)}@media (max-width:768px){.ui-icon{width:1.2rem!important;height:1.2rem!important}.role-check-icon,.switch-check-icon{width:16px!important;height:16px!important}}@media (min-width:769px) and (max-width:1024px){.ui-icon,.role-check-icon,.switch-check-icon{width:18px!important;height:18px!important}}@media (min-width:1025px){.ui-icon{width:1.05rem!important;height:1.05rem!important}.system-color svg.ui-icon{width:1.6rem!important;height:1.6rem!important}.ui-close{width:1rem!important;height:1rem!important}.chooser-icon svg.ui-icon,.back-icon svg.ui-icon{width:1em!important;height:1em!important}.trigger-chevron svg.ui-icon{width:1.3em!important;height:1.3em!important}.role-check-icon,.switch-check-icon,.role-indicator-spacer{width:1.2em!important;height:1.2em!important}}.ui-close{stroke:var(--ui-close-fill)}.ui-close [fill]{fill:var(--ui-close-fill)}.chooser-icon svg.ui-icon [fill],.back-icon svg.ui-icon [fill]{fill:var(--ui-chooser-fill)}.trigger-chevron svg.ui-icon{fill:var(--ui-icon)!important}.trigger-chevron svg.ui-icon [fill]{fill:var(--ui-trigger-chevron-fill)}.role-check-icon [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)}body{background:var(--ui-bg-page);color:var(--ui-text);font-family:var(--font-body)}#root,#butterfly-habits{background:var(--ui-bg-page)}::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}.radio-button svg [fill]{fill:var(--ui-radio-icon)!important}.radio-button svg [stroke]{stroke:var(--ui-radio-icon)!important}.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,.radial-background,.edge-cue,.edge-mode-hint{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:.02em;font-weight:500}h2{font-size:var(--type-h2-size);line-height:var(--type-h2-line);letter-spacing:.01rem;font-weight:300}h3{font-size:var(--type-h3-size);line-height:var(--type-h3-line);font-weight:300}h4{font-size:var(--type-h4-size);line-height:var(--tyle-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-general-copy,p.gam-general-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)}.mock-read-banner{top:calc(1rem + env(safe-area-inset-bottom,0px));z-index:1200;border:1px solid var(--hint-border);border-radius:var(--radius-lg);background:var(--hint-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);align-items:center;gap:.75rem;padding:.7rem 1rem;display:inline-flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 12px 36px #0000001f}.mock-read-banner span{color:var(--hint-text)!important}.mock-read-banner-close{border:1px solid var(--hint-border);color:var(--hint-text);background:0 0;border-radius:4px;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}.mock-read-banner-close:hover{background:var(--hint-bg-hover);color:var(--hint-text)}button.begin-button,button.next-button,button.questionnaire,button.section-continue-button{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--btn-radius);border:none;flex-direction:row-reverse;line-height:1;text-decoration:none;transition:background-color .12s,color .12s,transform 50ms;display:inline-flex}button.city-button,.observe-results,.logs-button,.widgets-button{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--btn-secondary-padding);border-radius:var(--btn-radius);font-weight:var(--btn-font-weight);border:none;flex-direction:row-reverse;line-height:1;text-decoration:none;transition:background-color .12s,color .12s,transform 50ms;display:inline-flex}button.city-button:hover,.logs-button:hover,.widgets-button:hover{transform:var(--btn-hover-scale);padding:var(--btn-secondary-padding-hover);position:relative;top:0;left:0}button{pointer-events:auto;cursor:pointer}.nav-toggle:hover{transform:none}.system-color{border-radius:50%}button.begin-button,button.next-button,button.questionnaire,button.section-continue-button{color:var(--btn-primary-text);border:none}button.questionnaire{background:0 0;place-items:center;padding:0;display:grid;position:relative}button.section-continue-button{background:0 0;place-items:center;padding:0;display:inline-grid;position:relative}button.questionnaire:before{visibility:hidden;white-space:nowrap;font:inherit;font-weight:inherit;content:attr(data-label);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;justify-content:center;align-items:center;line-height:1;display:inline-flex}button.questionnaire:hover{padding:0}button.section-continue-button:hover{background:0 0;padding:0}button.begin-button .ui-icon,button.next-button .ui-icon{color:var(--btn-primary-icon)}button.begin-button{background:0 0;place-items:center;padding:0;display:inline-grid;position:relative}button.begin-button:hover{background:0 0;padding:0}button.next-button{background:0 0;place-items:center;padding:0;display:inline-grid;position:relative}button.questionnaire{background:0 0}button.next-button:hover{background:0 0;padding:0}.questionnaire__ghost,.section-continue-button__ghost,.begin-button__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}.begin-button__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;transition:padding .12s,background-color .12s,box-shadow .12s;display:inline-flex}button.begin-button:hover .begin-button__inner{padding:var(--btn-primary-padding-hover);background:var(--btn-primary-hover-bg)}.next-button__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}.next-button__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;transition:padding .12s,background-color .12s,box-shadow .12s;display:inline-flex}button.next-button:hover .next-button__inner{padding:var(--btn-primary-padding-hover);background:var(--btn-primary-hover-bg);box-shadow:0 0 24px var(--btn-box-shadow)}.questionnaire__inner,.section-continue-button__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;transition:padding .12s,background-color .12s,box-shadow .12s;display:inline-flex}button.questionnaire:hover .questionnaire__inner{padding:var(--btn-primary-padding-hover);background:var(--btn-primary-hover-bg);box-shadow:0 0 24px var(--btn-box-shadow)}button.questionnaire:disabled,button.questionnaire.is-disabled,button.questionnaire[aria-disabled=true]{cursor:default}button.questionnaire:disabled .questionnaire__inner,button.questionnaire.is-disabled .questionnaire__inner,button.questionnaire[aria-disabled=true] .questionnaire__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{padding:var(--btn-primary-padding);background:color-mix(in srgb, var(--btn-primary-bg) 52%, black 48%);box-shadow:none}button.section-continue-button:hover .section-continue-button__inner{padding:var(--btn-primary-padding-hover);background:var(--btn-primary-hover-bg);box-shadow:0 0 24px var(--btn-box-shadow)}.observe-results,.city-button{color:var(--btn-secondary-text)}.observe-results:hover,button.city-button:hover{background:var(--btn-secondary-hover-bg)}.city-button{background:var(--btn-secondary-bg)}button.city-button{place-items:center;padding:0;display:inline-grid;position:relative}button.city-button:before{content:"";justify-content:center;align-items:center;gap:var(--space-sm);visibility:hidden;white-space:nowrap;padding:var(--btn-secondary-padding-hover);grid-area:1/1;line-height:1;display:inline-flex}.city-button__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;transition:padding .12s,background-color .12s;display:inline-flex}button.city-button:hover{background:0 0;padding:0}button.city-button:hover .city-button__inner{padding:var(--btn-secondary-padding-hover);background:var(--btn-secondary-hover-bg)}.observe-results{background:0 0;place-items:center;padding:0;display:inline-grid;position:relative}.observe-results__ghost{justify-content:center;place-self:center;align-items:center;gap:var(--space-sm);visibility:hidden;white-space:nowrap;padding:var(--btn-secondary-padding-hover);grid-area:1/1;line-height:1;display:inline-flex}.observe-results:hover{padding:0}.observe-results:hover .observe-results__inner{padding:var(--btn-secondary-padding-hover);background:var(--btn-secondary-hover-bg)}.logs-button,.widgets-button{color:var(--btn-secondary-text);background:0 0;place-items:center;padding:0;display:inline-grid;position:relative}.logs-button:before,.widgets-button:before{visibility:hidden;white-space:nowrap;padding:var(--btn-secondary-padding-hover);font:inherit;font-weight:inherit;content:attr(data-label);grid-area:1/1;justify-content:center;align-items:center;line-height:1;display:inline-flex}.logs-button:hover,.widgets-button:hover{background:0 0;padding:0}.logs-button__inner,.widgets-button__inner,.observe-results__inner{padding:var(--btn-secondary-padding);border-radius:inherit;background:var(--btn-secondary-bg);grid-area:1/1;justify-content:center;align-items:center;transition:padding .12s,background-color .12s;display:inline-flex}.logs-button:hover .logs-button__inner,.widgets-button:hover .widgets-button__inner{padding:var(--btn-secondary-padding-hover);background:var(--btn-secondary-hover-bg)}.logs-button,.widgets-button{color:var(--btn-secondary-text)}.system-color{background:var(--btn-tertiary-bg);color:var(--btn-tertiary-text);margin-right:calc(-1 * var(--space-md));border:none;justify-content:center;align-items:center;display:inline-flex}.system-color:hover{background:var(--btn-tertiary-hover-bg)}@media (max-width:767px){button.begin-button{box-sizing:border-box;width:-moz-fit-content;width:fit-content;margin:0 .4rem}.system-color{min-width:40px;max-width:40px;min-height:40px;max-height:40px}.mock-read-banner-close{width:20px!important;height:20px!important}}@media (min-width:768px) and (max-width:1023px){button.begin-button{box-sizing:border-box;width:-moz-fit-content;width:fit-content;margin:0 .4rem}.system-color{min-width:52px;max-width:52px;min-height:52px;max-height:52px}.mock-read-banner-close{width:20px!important;height:20px!important}}@media (min-width:1024px){button.begin-button{box-sizing:border-box;width:-moz-fit-content;width:fit-content;margin:0 .4rem}.system-color{min-width:48px;max-width:48px;min-height:48px;max-height:48px}.mock-read-banner-close{width:20px!important;height:20px!important}}