@import "https://fonts.googleapis.com/css2?family=Noto+Color+Emoji&family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap";*,:before,:after{box-sizing:border-box}:not(dialog){margin:0}@media (prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}body{-webkit-font-smoothing:antialiased;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}:root{--color-accent-color:AccentColor;--color-accent-color-text:AccentColorText;--color-active-text:ActiveText;--color-button-border:ButtonBorder;--color-button-face:ButtonFace;--color-button-text:ButtonText;--color-canvas:Canvas;--color-canvas-text:CanvasText;--color-field:Field;--color-field-text:FieldText;--color-gray-text:GrayText;--color-highlight:Highlight;--color-highlight-text:HighlightText;--color-link-text:LinkText;--color-mark:Mark;--color-mark-text:MarkText;--color-selected-item:SelectedItem;--color-selected-item-text:SelectedItemText;--color-visited-text:VisitedText}body{background-color:var(--color-canvas);color:var(--color-canvas-text)}a:link{color:var(--color-link-text)}a:visited{color:var(--color-visited-text)}a:active{color:var(--color-active-text)}button,select,input[type=submit],input[type=reset],input[type=button]{background-color:var(--color-button-face);color:var(--color-button-text);border:1px solid var(--color-button-border)}button.primary,input[type=submit]{background-color:var(--color-accent-color);color:var(--color-accent-color-text);border-color:var(--color-accent-color)}button:hover{background-color:var(--color-selected-item);color:var(--color-selected-item-text)}button:active{background-color:var(--color-selected-item-text);color:var(--color-selected-item)}button:disabled,input:disabled,select:disabled,textarea:disabled{color:var(--color-gray-text)}input,textarea{background-color:var(--color-field);color:var(--color-field-text);border:1px solid var(--color-button-border)}::selection{background-color:var(--color-highlight);color:var(--color-highlight-text)}mark{background-color:var(--color-mark);color:var(--color-mark-text)}input[type=checkbox]:checked,input[type=radio]:checked{accent-color:var(--color-selected-item)}option:checked{background-color:var(--color-selected-item);color:var(--color-selected-item-text)}@media (forced-colors:active){button:focus,input:focus,select:focus,textarea:focus{outline:2px solid var(--color-button-border);outline-offset:2px}.card,.panel{border:1px solid var(--color-button-border)}}:root{--spacer-lg:1rem;--spacer-md:1rch;--spacer-sm:.5rch;--color-canvas:#ffc100;--color-canvas-text:#332;--color-surface:#fef2ca;--color-accent:#fd5700;--color-button-text:inherit;--color-active-text:var(--color-surface);--color-selected-item:var(--color-accent);--color-selected-item-text:var(--color-surface);--color-highlight:var(--color-accent);--color-considerate:#e29900;--color-sweetie:#ffdfa2;--color-cheerleader:#fff03f;--color-buddy:#fed74b;--color-daydreamer:#ffc26f;--color-outgoing:#f86543;--color-charmer:#fe9dbe;--color-gogetter:#fa565f;--color-merrymaker:#ff8b79;--color-dynamo:#fa7942;--color-reserved:#489e71;--color-strategist:#9ddc5a;--color-perfectionist:#00cda3;--color-observer:#419595;--color-thinker:#24ae61;--color-ambitious:#608ad4;--color-achiever:#78def4;--color-visionary:#3fa4f6;--color-rogue:#6e7af4;--color-maverick:#a382f7;--color-0:#73d192;--color-1:#8be3a6;--color-2:#a9edbc;--color-3:#c2edcf;--color-4:#ffcd98;--color-5:#febe76;--color-6:#fcaf55;--color-7:#ffa238;font-size:clamp(16px,1.25vw,32px)}html{max-width:100dvw;max-height:100dvh;padding:var(--spacer-lg);font-family:Nunito,sans-serif;font-weight:700}body{gap:var(--spacer-lg);flex-direction:column;width:100%;max-width:60ch;height:100%;margin:auto;display:flex}main{gap:var(--spacer-lg);flex-direction:column;display:flex}aside,details,.radio-grid,.personality-grid{background:var(--color-surface);padding:var(--spacer-lg);border-radius:var(--spacer-lg)}aside{font-size:smaller;font-style:italic}details{font-size:smaller}h1{font-size:1.5rem}h2{margin-block-start:var(--spacer-md);font-size:1rem}h3{font-size:1em}code{font:inherit;color:var(--color-accent)}button,input{cursor:pointer}.radio-grid{place-content:center;place-items:baseline start;gap:var(--spacer-sm);grid-template-columns:repeat(9,auto);grid-auto-flow:row;display:grid}.radio-row{display:contents}.radio-row p{display:none}.radio-row h3{margin-inline-end:var(--spacer-md)}.radio-row .left-label{justify-self:end}.radio-check{appearance:none;border-radius:var(--spacer-sm);width:1em;height:1em;color:var(--color-surface);border:none;place-content:center;place-self:center;place-items:center;transition:transform .1s,background-color .1s;display:inline-flex}.radio-check:checked{transform:scale(1.2);background-color:var(--color-accent)!important}.radio-check:checked:after{content:"✓";line-height:1}.personality-grid{gap:var(--spacer-md);grid-template-rows:repeat(4,auto);grid-template-columns:repeat(4,1fr);display:grid}.personality-grid button{border-radius:var(--spacer-sm);outline-color:var(--color-accent);text-wrap:nowrap;text-overflow:ellipsis;border:none;outline-width:0;outline-style:solid;transition:transform .1s,outline-width .1s;overflow:hidden}.personality-grid button[data-selected-personality=true]{outline-width:var(--spacer-sm);z-index:10;transform:scale(1.1)}.region-select{gap:var(--spacer-lg);grid-area:5/1/auto/-1;place-content:center;place-items:center;display:flex}.region-select button{background:0 0;place-content:center;place-items:center;display:flex}.region-select .indicator{padding:var(--spacer-sm);border-radius:var(--spacer-md);transition:transform .1s,background .1s}.region-select .true{background:var(--color-accent);color:var(--color-surface);transform:scale(1.1)}.emoji{padding:.5rem;font-family:Noto Color Emoji,sans-serif;font-size:1.5em;line-height:1}