:root{--color-background-body: #fff;--color-background-app: #f5f7fa;--color-brand-100: #0b33cd;--color-brand-40: #a6d8ff;--color-brand-10: #e6f5ff;--color-brand-00: #f5f7fa;--color-primary-text: #231f20;--color-light-text: #fafcff;--color-input-text: #818283;--color-input-background: #ededed}:root{--app-width: 335px;--app-height: 707px;--footer-height: 80px;--header-height: 80px;--card-width: 200px;--card-height: 276px;--card-gap: 10px;--card-count: 4;--card-border-radius: 10px}*,*:before,*:after{box-sizing:border-box;font-weight:400;margin:0}body{background:var(--color-background-body, #fff);min-height:100vh}#app{align-items:center;background-color:var(--color-background-app, #fff);display:flex;flex-direction:column;min-height:var(--app-height);max-height:var(--app-height);width:var(--app-width)}@font-face{font-family:GuarujaNeue-Regular;src:url(./GuarujaNeue-Regular-V1zDz1ZG.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:GuarujaNeue-Medium;src:url(./GuarujaNeue-Medium-BVFiaqyg.woff2) format("woff2");font-weight:400;font-style:normal}:root{--font-family-regular: "GuarujaNeue-Regular", sans-serif;--font-family-medium: "GuarujaNeue-Medium", sans-serif;--font-size-a: 10.8px ;--font-size-b: 14.4px ;--font-size-c: 16.2px ;--font-size-d: 21.6px }body{color:var(--color-text);font-family:var(--font-family-regular);font-size:16px;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{font-family:var(--font-family-medium);font-size:var(--font-size-d);color:var(--color-brand-100)}button{font-family:var(--font-family-medium);font-size:var(--font-size-c)}label span{font-family:var(--font-family-medium);font-size:var(--font-size-c);color:var(--color-brand-100)}label input[type=text]{font-family:var(--font-family-regular);font-size:var(--font-size-c);font-family:var(--font-family-medium);color:var(--color-input-text)}label input[type=text]::placeholder{color:var(--color-input-text)}label input:focus{outline:1px solid var(--color-brand-100)}label select{font-family:var(--font-family-medium);font-size:var(--font-size-c);color:var(--color-input-text)}main.categories-screen h2{font-family:var(--font-family-medium);font-size:var(--font-size-a);color:var(--color-brand-100)}main.categories-screen .top{font-family:var(--font-family-regular);font-size:var(--font-size-a);color:var(--color-primary-text)}main.categories-screen .top p.explainer{line-height:1.5}main.categories-screen .top span{font-family:var(--font-family-medium)}header.category-screen h1{color:var(--color-primary-text)}main.category-screen h2{font-family:var(--font-family-medium);font-size:var(--font-size-c);color:var(--color-primary-text)}main.category-screen p{line-height:1.3;font-size:var(--font-size-b);color:var(--color-primary-text)}header.scenarios-screen h1{color:var(--color-primary-text)}main.scenarios-screen p{font-size:var(--font-size-b);line-height:1.2}main.scenarios-screen p:last-child{font-family:var(--font-family-medium)}header.result-screen h1{color:var(--color-primary-text)}main.result-screen h2{font-family:var(--font-family-medium);font-size:var(--font-size-c);color:var(--color-primary-text)}main.result-screen p{font-size:var(--font-size-a);line-height:1.2}ul.scores{font-size:var(--font-size-a);font-family:var(--font-family-medium)}button{cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:200vw}button span{position:relative;top:-2px}button.select-screen-button{background-color:var(--color-brand-100);border:none;color:var(--color-brand-00);cursor:pointer;height:40px;width:inherit}.debug{position:fixed;top:clamp(76px,calc(4vw + 60px),88px);right:clamp(16px,4vw,28px);padding:7px;background-color:#cb8d8dd9;z-index:10000000;font-family:monospace;font-size:12px;pointer-events:none;max-width:400px}.debug p{margin:3px 0}main[data-v-a8a8461e]{display:flex;justify-content:center;align-items:center}main img.logo[data-v-a8a8461e]{width:240px;margin-top:-30px}button[data-v-779bed17]{background-color:transparent;border:none;cursor:pointer;width:10px;height:20px;padding:0}button[data-v-779bed17]:focus{outline:none}main .content[data-v-bbe2967c]{width:100%;padding:0 20px;margin-top:160px}main .content label[data-v-bbe2967c]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100%}main .content label span[data-v-bbe2967c]{margin-bottom:7px}main .content label input[data-v-bbe2967c]{background-color:var(--color-input-background);border:none;border-radius:16px;height:48px;padding:10px 40px 10px 12px;width:100%}main .content label input[data-v-bbe2967c]:focus{outline:1px solid var(--color-brand-100)}main .content[data-v-2dc93824]{padding:0 20px;margin-top:160px}main .content label[data-v-2dc93824]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100%}main .content label span[data-v-2dc93824]{margin-bottom:7px}main .content label select[data-v-2dc93824]{-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:var(--color-input-background);background-image:url("data:image/svg+xml;utf8,<svg fill='gray' height='10' viewBox='0 0 20 10' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M18.3.3c.4-.4,1-.3,1.4,0,.4.4.3,1,0,1.4l-9,8c-.4.3-.9.3-1.3,0L.4,1.8C0,1.5,0,1.2,0,.8,0,.5.3.2.7,0c.3-.1.7,0,1,.2l8.3,7.4L18.3.3Z'/></svg>");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;border:none;border-radius:16px;height:48px;padding:10px 40px 10px 12px;width:100%}main .content label select[data-v-2dc93824]:focus{outline:none}main .content label+label[data-v-2dc93824]{margin-top:60px}main h2[data-v-00d5b6ad]{margin:10px 0 40px;text-align:center}main .top[data-v-00d5b6ad]{padding:0 20px;display:flex;gap:10px;margin-bottom:30px}main .top .category-completion-indicator[data-v-00d5b6ad]{width:45px;text-align:right}main .cards[data-v-00d5b6ad]{width:inherit;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none}main .cards[data-v-00d5b6ad]::-webkit-scrollbar{display:none}main .cards .card-container[data-v-00d5b6ad]{display:flex;flex-direction:row;gap:var(--card-gap);padding:0 20px;height:calc(var(--card-height) + 2px);width:calc(var(--card-width) * var(--card-count) + var(--card-gap) * (var(--card-count) - 1))}main .cards .card-container button.category[data-v-00d5b6ad]{all:unset;cursor:pointer;width:var(--card-width);height:var(--card-height)}main .cards .card-container button.category img[data-v-00d5b6ad]{width:100%;height:100%;object-fit:cover;border-radius:14px;border:1px solid var(--color-brand-100);cursor:pointer}main .cards .card-container button.category img.completed[data-v-00d5b6ad]{filter:grayscale(100%);opacity:.75;cursor:default}main[data-v-313ebfe2]{display:flex;justify-content:center;align-items:flex-start;padding:0 20px}main .content[data-v-313ebfe2]{padding:20px;background-color:var(--color-brand-10);border-radius:16px;margin-top:20px}main .content h2[data-v-313ebfe2]{text-align:center;margin-bottom:5px}main .content img.arch[data-v-313ebfe2]{width:270px}main .content p[data-v-313ebfe2]{margin-top:20px}main .content .actions[data-v-313ebfe2]{margin-top:30px}main .content .actions button[data-v-313ebfe2]{width:100%;background-color:var(--color-brand-100);color:var(--color-light-text);border:none;margin-bottom:10px}main .content .actions button.workshops[data-v-313ebfe2]{cursor:default}header[data-v-c90b6cd0]{background-color:var(--color-brand-40)}main .content[data-v-c90b6cd0]{padding:20px 20px 0;height:calc(var(--app-height) - var(--header-height) - var(--footer-height) + 30px);display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;background-color:var(--color-brand-40);border-radius:0 0 16px 16px}main .content .text[data-v-c90b6cd0]{margin-bottom:20px}main .content .text p[data-v-c90b6cd0]{margin:0}main .content .text p[data-v-c90b6cd0]:last-child{margin-top:20px}main .content ul.options[data-v-c90b6cd0]{display:flex;flex-direction:column;gap:10px;margin:auto 0 20px;padding:0;list-style:none;width:100%}main .content ul.options li button[data-v-c90b6cd0]{width:100%;background-color:var(--color-brand-00);color:var(--color-input-text);border:none;padding:10px;height:48px;border-radius:16px;justify-content:flex-start}main .content ul.options li button span[data-v-c90b6cd0]{margin-left:10px}main[data-v-677bb42b]{padding:0 20px}main .content[data-v-677bb42b]{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}main .content h2[data-v-677bb42b]{margin-top:20px}main .content ul.stars[data-v-677bb42b]{display:flex;flex-direction:row;gap:10px;margin:20px 0 0;padding:0;list-style:none;gap:15px}main .content ul.stars li img[data-v-677bb42b]{width:30px}main .content p[data-v-677bb42b]{margin-top:20px;text-align:center}main .content ul.scores[data-v-677bb42b]{display:flex;flex-direction:column;margin:35px 0 0;padding:0;list-style:none;gap:10px;width:100%}main .content ul.scores li .category[data-v-677bb42b]{display:flex;flex-direction:row;gap:10px;justify-content:space-between}main .content ul.scores li .bar[data-v-677bb42b]{display:block;width:0%;height:16px;margin-top:7px;background-color:var(--color-brand-40);border-radius:8px}main .content ul.scores li+li[data-v-677bb42b]{margin-top:10px}main .content .actions[data-v-677bb42b]{display:flex;flex-direction:column;gap:10px;margin-top:40px;width:100%}main .content .actions button[data-v-677bb42b]{width:100%;height:40px;padding:10px;border-radius:200vw;border:none}main .content .actions button.download[data-v-677bb42b]{background-color:transparent;color:var(--color-brand-100);border:1px solid var(--color-brand-100);cursor:default}main .content .actions button.workshop[data-v-677bb42b]{background-color:var(--color-brand-100);color:var(--color-brand-00);cursor:default}footer[data-v-677bb42b]{display:flex;justify-content:center;align-items:flex-start}footer button.home[data-v-677bb42b]{background-color:var(--color-brand-100);border:none;padding:0;width:44px;height:44px;border-radius:200vw;display:flex;align-items:center;justify-content:center}footer button.home img[data-v-677bb42b]{width:24px;position:relative;top:-1px}header{line-height:1.5;width:100%;height:var(--header-height);padding:0 20px;position:relative;display:flex;align-items:flex-end;justify-content:center}header h1{font-size:var(--font-size-d);text-align:center;width:100%}header button{position:absolute;top:55px;left:20px}main{width:100%;flex-grow:1}main label span{font-size:var(--font-size-d)}main input[type=text]{font-size:var(--font-size-c)}footer{height:var(--footer-height);width:100%;padding:0 20px}