:root{--c-white: #ffffff;--c-black: #000000;--c-grey-100: hsl(0, 0%, 90%);--c-grey-200: hsl(0, 0%, 80%);--c-grey-300: hsl(0, 0%, 70%);--c-grey-400: hsl(0, 0%, 60%);--c-grey-500: hsl(0, 0%, 50%);--c-grey-600: hsl(0, 0%, 40%);--c-grey-700: hsl(0, 0%, 30%);--c-grey-800: hsl(0, 0%, 20%);--c-grey-900: hsl(0, 0%, 10%);--c-metal-10: hsl(200, 22%, 98%);--c-metal-50: hsl(200, 22%, 96%);--c-metal-100: hsl(200, 22%, 94%);--c-metal-150: hsl(200, 22%, 90%);--c-metal-200: hsl(200, 22%, 83%);--c-metal-300: hsl(200, 22%, 72%);--c-metal-400: hsl(200, 22%, 61%);--c-metal-500: hsl(200, 22%, 50%);--c-metal-600: hsl(200, 22%, 41%);--c-metal-700: hsl(200, 22%, 32%);--c-metal-800: hsl(200, 22%, 23%);--c-metal-900: hsl(200, 22%, 14%);--c-leaf-100: hsl(88, 50%, 94%);--c-leaf-200: hsl(88, 50%, 83%);--c-leaf-300: hsl(88, 50%, 72%);--c-leaf-400: hsl(88, 50%, 61%);--c-leaf-500: hsl(88, 50%, 50%);--c-leaf-600: hsl(88, 50%, 41%);--c-leaf-700: hsl(88, 50%, 32%);--c-leaf-800: hsl(88, 50%, 23%);--c-leaf-900: hsl(88, 50%, 14%);--c-sand-100: hsl(24, 20%, 94%);--c-sand-200: hsl(24, 20%, 83%);--c-sand-300: hsl(24, 20%, 72%);--c-sand-400: hsl(24, 20%, 61%);--c-sand-500: hsl(24, 20%, 50%);--c-sand-600: hsl(24, 20%, 41%);--c-sand-700: hsl(24, 20%, 32%);--c-sand-800: hsl(24, 20%, 23%);--c-sand-900: hsl(24, 20%, 14%);--c-info-100: hsl(207, 90%, 94%);--c-info-200: hsl(207, 90%, 83%);--c-info-300: hsl(207, 90%, 72%);--c-info-400: hsl(207, 90%, 61%);--c-info-500: hsl(207, 90%, 50%);--c-info-600: hsl(207, 90%, 41%);--c-info-700: hsl(207, 90%, 32%);--c-info-800: hsl(207, 90%, 23%);--c-info-900: hsl(207, 90%, 14%);--c-success-100: hsl(95, 62%, 94%);--c-success-200: hsl(95, 62%, 83%);--c-success-300: hsl(95, 62%, 72%);--c-success-400: hsl(95, 62%, 61%);--c-success-500: hsl(95, 62%, 50%);--c-success-600: hsl(95, 62%, 41%);--c-success-700: hsl(95, 62%, 32%);--c-success-800: hsl(95, 62%, 23%);--c-success-900: hsl(95, 62%, 14%);--c-warning-100: hsl(48, 90%, 94%);--c-warning-200: hsl(48, 90%, 83%);--c-warning-300: hsl(48, 90%, 72%);--c-warning-400: hsl(48, 90%, 61%);--c-warning-500: hsl(48, 90%, 50%);--c-warning-600: hsl(48, 90%, 41%);--c-warning-700: hsl(48, 90%, 32%);--c-warning-800: hsl(48, 90%, 23%);--c-warning-900: hsl(48, 90%, 14%);--c-error-100: hsl(0, 80%, 94%);--c-error-200: hsl(0, 80%, 83%);--c-error-300: hsl(0, 80%, 72%);--c-error-400: hsl(0, 80%, 61%);--c-error-500: hsl(0, 80%, 50%);--c-error-600: hsl(0, 80%, 41%);--c-error-700: hsl(0, 80%, 32%);--c-error-800: hsl(0, 80%, 23%);--c-error-900: hsl(0, 80%, 14%);--c-success: var(--c-success-500);--c-warning: var(--c-warning-500);--c-error: var(--c-error-500);--c-info: var(--c-info-500);--c-primary: var(--c-leaf-500);--c-secondary: var(--c-metal-500);--c-tertiary: var(--c-metal-300);--color-background: var(--c-white);--color-border: var(--c-grey-300);--color-text: var(--c-grey-700)}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}html,body{margin:0;padding:0;height:100%}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.4;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1rem;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,#app{height:100vh;padding:0;font-weight:400;background-color:var(--c-metal-10)}.card{background-color:#fff;border:1px solid #DDD;border-radius:1rem;box-shadow:0 2px 8px #00000014,0 1px 2px #0000000a;overflow:hidden;border:1px solid var(--c-metal-200);background:#fff}.btn{background-color:var(--c-metal-400);color:#fff;border:none;padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;font-size:1rem;transition:all .3s;text-decoration:none;text-align:center}.btn__primary{background-color:var(--c-primary)}.btn__secondary{background-color:var(--c-secondary)}.btn__tertiary{background-color:var(--c-tertiary);font-size:.8rem;border:1px solid var(--c-metal-400);background-color:transparent;color:var(--c-metal-500)}.btn__small{padding:.25rem .5rem}.btn.btn__tertiary:disabled{border-color:var(--c-metal-300);color:var(--c-metal-300);background-color:transparent}.btn:hover{filter:brightness(1.2)}.btn:disabled{opacity:.5;background-color:var(--c-metal-300);cursor:not-allowed}.btn:disabled:hover{filter:none}.cols{display:flex;gap:1rem;align-items:center;justify-content:space-between;align-content:center}.mt-1{margin-top:1rem}.mb-1{margin-bottom:1rem}.mb-2{margin-bottom:2rem}code.code-highlight.language-javascript{background:none!important}p>code{font-size:.8rem}.toaster[data-v-9f1405a9]{position:fixed;bottom:20px;right:20px;z-index:1000;display:flex;gap:1rem;flex-direction:column}.toast[data-v-9f1405a9]{display:flex;gap:.5rem;color:#fff;margin-bottom:10px;padding:10px;border-radius:3px}.toast-icon svg[data-v-9f1405a9]{display:block}.toast__success[data-v-9f1405a9]{background-color:var(--c-success)}.toast__error[data-v-9f1405a9]{background-color:var(--c-error)}.toast__info[data-v-9f1405a9]{background-color:var(--c-info)}.toast__warning[data-v-9f1405a9]{background-color:var(--c-warning)}.avatar[data-v-9a922364]{width:1.5rem;height:1.5rem;display:inline-block;overflow:hidden;cursor:default}.avatar svg[data-v-9a922364]{display:block;border-radius:999px;width:100%;height:100%}.mainNav[data-v-dc06aa66]{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:1rem;gap:1rem;border-bottom:1px solid var(--c-metal-200);background-color:#fff}.section-links[data-v-dc06aa66]{display:flex;gap:1rem}.section-links a[data-v-dc06aa66]{text-decoration:none;color:var(--c-metal-500);font-weight:700}.section-actions[data-v-dc06aa66]{display:flex;gap:1rem;flex-direction:row;align-items:center;flex-wrap:wrap;justify-content:right}.btn[data-v-dc06aa66]{white-space:nowrap}.global-tooltip[data-v-7c49b0d2]{position:fixed;z-index:9999;background-color:#333;color:#fff;padding:.5rem .75rem;border-radius:.375rem;font-size:.875rem;font-weight:500;white-space:nowrap;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;pointer-events:none}@media(max-width:768px){.global-tooltip[data-v-7c49b0d2]{font-size:.75rem;padding:.375rem .5rem}}[data-tooltip] *{pointer-events:none}.challenge[data-v-9ae72d8b]{flex-grow:1}.container[data-v-9ae72d8b]{display:flex;flex-direction:column;min-height:100vh}.callout[data-v-c612fb34]{padding:1rem;border-radius:4px;text-align:left}.callout.small[data-v-c612fb34]{padding:.25rem .5rem;font-size:.8rem}.callout.info[data-v-c612fb34]{background-color:var(--c-info-100);color:var(--c-info-700)}.callout.success[data-v-c612fb34]{background-color:var(--c-success-100);color:var(--c-success-700)}.callout.warning[data-v-c612fb34]{background-color:var(--c-warning-100);color:var(--c-warning-700)}.callout.error[data-v-c612fb34]{background-color:var(--c-error-100);color:var(--c-error-700)}main[data-v-ed5597ee]{width:300px;margin:4rem auto;padding:2rem;text-align:center}.form[data-v-ed5597ee]{display:flex;flex-direction:column;gap:1rem;margin:2rem 0 0}.input[data-v-ed5597ee]{padding:.75rem;border:2px solid #ddd;border-radius:6px;font-size:1rem}.input[data-v-ed5597ee]:focus{outline:none;border-color:#007bff}.link[data-v-ed5597ee]{color:#007bff;text-decoration:none;margin-top:2rem;display:inline-block}.group[data-v-87d8536d]{padding:2rem}.groups[data-v-87d8536d]{display:flex;flex-direction:column;gap:2rem}.group-header[data-v-87d8536d]{margin-bottom:2rem}.group-title[data-v-87d8536d]{font-size:1.5rem;font-weight:700;color:#2d3748;margin:0}.group-description[data-v-87d8536d]{color:#4a5568;opacity:.8}.challenges[data-v-87d8536d]{display:flex;gap:1rem;flex-wrap:wrap}.challenge-item[data-v-87d8536d]{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:999px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;color:var(--c-metal-900);background:var(--c-metal-100)}.challenge-item.completed[data-v-87d8536d]{background:var(--c-success-600)}.challenge-item.completed .challenge-icon svg[data-v-87d8536d]{display:block;color:var(--c-success-200)}.challenge-item.locked[data-v-87d8536d]{background:var(--c-metal-50);cursor:not-allowed;border:4px solid var(--c-metal-100)}.challenge-item.locked .challenge-number[data-v-87d8536d]{color:var(--c-metal-200)}.challenge-item.current[data-v-87d8536d]{background:var(--c-metal-100);box-shadow:0 0 0 0 var(--c-success);animation:pulse-87d8536d 5s infinite;border:4px solid var(--c-metal-200)}.challenge-item.current .challenge-number[data-v-87d8536d]{color:var(--c-metal-500)}@keyframes pulse-87d8536d{50%{box-shadow:0 0 0 0 var(--c-success)}90%{box-shadow:0 0 0 10px #4299e100}to{box-shadow:0 0 #4299e100}}.challenge-number[data-v-87d8536d]{font-weight:600;font-size:1rem}.challenge-item[data-v-87d8536d]:hover{transform:scale(1.1)}.challenge-item.completed .challenge-icon[data-v-87d8536d]{color:#fff}.challenge-item:not(.completed) .challenge-icon[data-v-87d8536d]{color:#a0aec0;font-size:1.5rem}.avatar[data-v-a736c7ad]{display:block}.members[data-v-a736c7ad]{display:flex;align-items:center;flex-wrap:wrap;list-style:none;padding:0;margin:0;gap:.25rem}.loading-container[data-v-342d2ad6]{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;height:100%;z-index:1000;background-color:#fffa;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.spinner[data-v-342d2ad6]{border:8px solid var(--c-metal-100);border-top:8px solid var(--c-metal-400);border-radius:50%;width:60px;height:60px;animation:spin-342d2ad6 1s linear infinite}@keyframes spin-342d2ad6{0%{transform:rotate(0)}to{transform:rotate(360deg)}}main[data-v-040dff46]{max-width:900px;width:100%;margin:0 auto;padding:2rem 1rem}.section-actions[data-v-040dff46]{display:flex;gap:1rem;align-items:center}.challenges[data-v-040dff46]{gap:.25rem;list-style:none;padding:0}
