2 lines
8.9 KiB
CSS
2 lines
8.9 KiB
CSS
._container_12iml_1{background:var(--color-bg, #0a0a0f);color:var(--color-text, #e8e8ec);padding:var(--spacing-md, 2rem);border-radius:var(--border-radius, 12px);box-sizing:border-box;font-family:var(--font-main, "Iceland", -apple-system, BlinkMacSystemFont, sans-serif);line-height:1.5;min-height:400px;display:flex;flex-direction:column}._container_12iml_1 *,._container_12iml_1 *:before,._container_12iml_1 *:after{box-sizing:inherit}._introScreen_12iml_19{display:flex;flex-direction:column;gap:var(--spacing-md, 2rem);flex:1;text-align:center}._introTitle_12iml_27{font-family:var(--font-display, "Russo One", sans-serif);font-size:var(--small-font, 1.875rem);color:var(--color-accent, #22d3ee)}._introSubtitle_12iml_33{font-size:1rem;color:var(--color-text-muted, #9999a8);margin-top:calc(var(--spacing-sm, 1rem) * -1)}._carouselDots_12iml_39{display:flex;gap:.5rem;justify-content:center}._carouselDot_12iml_39{width:8px;height:8px;border-radius:50%;background:var(--color-border, #2a2a3a);transition:var(--transition, .2s ease)}._carouselDot_12iml_39._active_12iml_53{background:var(--color-accent, #22d3ee)}._continueButton_12iml_57{background:var(--color-primary, #6366f1);color:#fff;border:none;padding:var(--spacing-sm, 1rem) var(--spacing-md, 2rem);border-radius:var(--border-radius-sm, 8px);font-size:1rem;font-family:var(--font-display, "Russo One", sans-serif);cursor:pointer;transition:var(--transition, .2s ease);margin-top:auto}._continueButton_12iml_57:hover{background:var(--color-primary-hover, #818cf8)}._quizScreen_12iml_75{display:flex;flex-direction:column;gap:var(--spacing-md, 2rem);flex:1}._intro_12iml_19{font-family:var(--font-display, "Russo One", sans-serif);font-size:var(--small-font, 1.875rem);color:var(--color-accent, #22d3ee);text-align:center;margin-bottom:var(--spacing-sm, 1rem)}._progress_12iml_90{display:flex;gap:.5rem;justify-content:center;margin-bottom:var(--spacing-sm, 1rem)}._progressDot_12iml_97{width:12px;height:12px;border-radius:50%;background:var(--color-border, #2a2a3a);transition:var(--transition, .2s ease)}._progressDot_12iml_97._active_12iml_53{background:var(--color-primary, #6366f1)}._progressDot_12iml_97._completed_12iml_109{background:var(--color-accent, #22d3ee)}._questionContainer_12iml_113{flex:1;display:flex;flex-direction:column;gap:var(--spacing-sm, 1rem)}._questionText_12iml_120{font-size:1.25rem;color:var(--color-text, #e8e8ec);font-weight:600;text-align:center}._questionContext_12iml_127{font-size:1rem;color:var(--color-text-muted, #9999a8);text-align:center;margin-bottom:var(--spacing-sm, 1rem)}._options_12iml_134{display:flex;flex-direction:column;gap:var(--spacing-xs, .5rem)}._option_12iml_134{background:var(--color-bg-secondary, #12121a);border:1px solid var(--color-border, #2a2a3a);color:var(--color-text, #e8e8ec);padding:var(--spacing-sm, 1rem);border-radius:var(--border-radius-sm, 8px);font-size:1rem;cursor:pointer;transition:var(--transition, .2s ease);text-align:left;font-family:inherit}._option_12iml_134:hover{border-color:var(--color-primary, #6366f1);background:#6366f11a}._option_12iml_134._selected_12iml_158{border-color:var(--color-accent, #22d3ee);background:#22d3ee1a}._recommendationScreen_12iml_164{display:flex;flex-direction:column;gap:var(--spacing-md, 2rem);flex:1}._diagnosticComplete_12iml_171{font-family:var(--font-display, "Russo One", sans-serif);font-size:1.25rem;color:var(--color-accent, #22d3ee);text-align:center}._summaryBox_12iml_178{background:var(--color-bg-secondary, #12121a);border:1px solid var(--color-border, #2a2a3a);border-radius:var(--border-radius, 12px);padding:var(--spacing-md, 2rem);text-align:center}._summaryLabel_12iml_186{font-size:.875rem;color:var(--color-text-muted, #9999a8);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--spacing-xs, .5rem)}._summaryText_12iml_194{font-size:1.125rem;color:var(--color-text, #e8e8ec);font-style:italic;white-space:pre-line;line-height:1.6}._recommendedLabel_12iml_202{font-size:.875rem;color:var(--color-text-muted, #9999a8);text-transform:uppercase;letter-spacing:.1em;text-align:center}._roleCards_12iml_210{display:flex;gap:var(--spacing-sm, 1rem);overflow-x:auto;padding-bottom:var(--spacing-xs, .5rem);scroll-snap-type:x mandatory}._roleCard_12iml_210{flex:0 0 280px;background:var(--color-bg-secondary, #12121a);border:2px solid var(--color-border, #2a2a3a);border-radius:var(--border-radius, 12px);padding:var(--spacing-sm, 1rem);transition:var(--transition, .2s ease);scroll-snap-align:center}._roleCard_12iml_210._recommended_12iml_202{border-color:var(--color-accent, #22d3ee);box-shadow:0 0 20px #22d3ee33}._roleCard_12iml_210._recommended_12iml_202:before{content:"RECOMMENDED";display:block;font-size:.625rem;color:var(--color-accent, #22d3ee);letter-spacing:.15em;margin-bottom:var(--spacing-xs, .5rem)}._roleTitle_12iml_242{font-family:var(--font-display, "Russo One", sans-serif);font-size:1.25rem;color:var(--color-primary, #6366f1);margin-bottom:var(--spacing-xs, .5rem)}._roleDescription_12iml_249{font-size:.875rem;color:var(--color-text-muted, #9999a8);line-height:1.5}._roleStrengths_12iml_255{display:flex;flex-direction:column;gap:.25rem;margin-top:var(--spacing-xs, .5rem)}._strengthTag_12iml_262{font-size:.75rem;color:var(--color-accent, #22d3ee)}._roleCard_12iml_210._selectable_12iml_267{cursor:pointer}._roleCard_12iml_210._selectable_12iml_267:hover{border-color:var(--color-primary, #6366f1);transform:translateY(-2px)}._resultScreen_12iml_277{display:flex;flex-direction:column;gap:var(--spacing-md, 2rem);flex:1;text-align:center}._assignedLabel_12iml_285{font-size:.875rem;color:var(--color-text-muted, #9999a8);text-transform:uppercase;letter-spacing:.1em}._resultCard_12iml_292{background:var(--color-bg-secondary, #12121a);border:2px solid var(--color-accent, #22d3ee);border-radius:var(--border-radius, 12px);padding:var(--spacing-md, 2rem);box-shadow:0 0 20px #22d3ee33;text-align:left}._resultCard_12iml_292 ._roleTitle_12iml_242{text-align:center}._resultCard_12iml_292 ._roleDescription_12iml_249{text-align:center;margin-bottom:var(--spacing-sm, 1rem)}._resultCard_12iml_292 ._roleStrengths_12iml_255{align-items:center}._resultButtons_12iml_314{display:flex;flex-direction:column;gap:var(--spacing-xs, .5rem);margin-top:auto}._acceptButton_12iml_321{background:var(--color-accent, #22d3ee);color:var(--color-bg, #0a0a0f);border:none;padding:var(--spacing-sm, 1rem) var(--spacing-md, 2rem);border-radius:var(--border-radius-sm, 8px);font-size:1rem;font-family:var(--font-display, "Russo One", sans-serif);cursor:pointer;transition:var(--transition, .2s ease);font-weight:600}._acceptButton_12iml_321:hover{background:#5ce1f0}._decideButton_12iml_338{background:transparent;color:var(--color-text-muted, #9999a8);border:1px solid var(--color-border, #2a2a3a);padding:var(--spacing-sm, 1rem) var(--spacing-md, 2rem);border-radius:var(--border-radius-sm, 8px);font-size:.875rem;font-family:inherit;cursor:pointer;transition:var(--transition, .2s ease)}._decideButton_12iml_338:hover{border-color:var(--color-text-muted, #9999a8);color:var(--color-text, #e8e8ec)}._selectionScreen_12iml_356{display:flex;flex-direction:column;gap:var(--spacing-md, 2rem);flex:1}._selectionTitle_12iml_363{font-family:var(--font-display, "Russo One", sans-serif);font-size:1.25rem;color:var(--color-accent, #22d3ee);text-align:center}._welcomeScreen_12iml_371{display:flex;flex-direction:column;gap:var(--spacing-md, 2rem);flex:1;text-align:center}._welcomeTitle_12iml_379{font-family:var(--font-display, "Russo One", sans-serif);font-size:var(--small-font, 1.875rem);color:var(--color-primary, #6366f1)}._welcomeRole_12iml_385{color:var(--color-accent, #22d3ee)}._welcomeDescription_12iml_389{font-size:1.125rem;color:var(--color-text, #e8e8ec);max-width:500px;margin:0 auto;line-height:1.6}._statsList_12iml_397{display:flex;flex-direction:column;gap:var(--spacing-sm, 1rem);text-align:left;max-width:400px;margin:0 auto}._statItem_12iml_406{background:var(--color-bg-secondary, #12121a);border-radius:var(--border-radius-sm, 8px);padding:var(--spacing-sm, 1rem)}._statLabel_12iml_412{font-size:.75rem;color:var(--color-accent, #22d3ee);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.25rem}._statValue_12iml_420{font-size:.875rem;color:var(--color-text, #e8e8ec)}._strengthsList_12iml_425{list-style:none;padding:0;margin:0}._strengthsList_12iml_425 li{padding:.25rem 0}._strengthsList_12iml_425 li:before{content:"+ ";color:var(--color-accent, #22d3ee)}._confirmButton_12iml_440{background:var(--color-primary, #6366f1);color:#fff;border:none;padding:var(--spacing-sm, 1rem) var(--spacing-md, 2rem);border-radius:var(--border-radius-sm, 8px);font-size:1rem;font-family:var(--font-display, "Russo One", sans-serif);cursor:pointer;transition:var(--transition, .2s ease);margin-top:auto}._confirmButton_12iml_440:hover{background:var(--color-primary-hover, #818cf8)}@media(max-width:768px){._introScreen_12iml_19 ._roleCards_12iml_210,._selectionScreen_12iml_356 ._roleCards_12iml_210{flex-direction:row}._introScreen_12iml_19 ._roleCard_12iml_210,._selectionScreen_12iml_356 ._roleCard_12iml_210{flex:0 0 260px}}
|