:root{--sf-raw-paper: #fafaf8;--sf-raw-white: #ffffff;--sf-raw-surface-muted-light: #f3f2ee;--sf-raw-ink: #0f1419;--sf-raw-ink-soft: #1a2332;--sf-raw-surface-muted-dark: #243044;--sf-raw-text-light: #1a2332;--sf-raw-text-muted-light: #5c6678;--sf-raw-text-dark: #e8eaed;--sf-raw-text-muted-dark: #9aa3b2;--sf-raw-border-light: #e5e3dc;--sf-raw-border-dark: #2d3a4f;--sf-raw-teal-600: #0d9488;--sf-raw-teal-400: #2dd4bf;--sf-raw-teal-700: #0a766c;--sf-raw-teal-500: #14b8a6;--sf-raw-amber-600: #d97706;--sf-raw-amber-400: #fbbf24;--sf-raw-emerald-600: #059669;--sf-raw-emerald-400: #34d399;--sf-raw-indigo-500: #6366f1;--sf-raw-indigo-400: #818cf8;--sf-raw-blue-600: #2563eb;--sf-raw-blue-400: #60a5fa;--sf-raw-link-light: #0969da;--sf-raw-link-dark: #58a6ff;--sf-raw-code-bg-light: rgba(175, 184, 193, .2);--sf-raw-code-bg-dark: rgba(154, 163, 178, .15);--sf-raw-danger-soft: #f8b4b4;--sf-raw-primary-light-3: #4db8a8;--sf-raw-primary-light-5: #7ecbbf;--sf-raw-primary-light-7: #aedfd6;--sf-raw-primary-light-8: #c6e9e3;--sf-raw-primary-light-9: #e0f5f2;--sf-raw-primary-dark-light-3: #5eead4;--sf-raw-primary-dark-light-5: #86efdb;--sf-raw-primary-dark-light-7: #a7f3e8;--sf-raw-primary-dark-light-8: #ccfbf1;--sf-raw-primary-dark-light-9: #e0fdf9;--sf-space-0_75: 3px;--sf-space-1: 4px;--sf-space-1_25: 5px;--sf-space-1_5: 6px;--sf-space-2: 8px;--sf-space-2_5: 10px;--sf-space-3: 12px;--sf-space-3_5: 14px;--sf-space-3_75: 15px;--sf-space-4: 16px;--sf-space-5: 20px;--sf-space-6: 24px;--sf-space-7: 28px;--sf-space-8: 32px;--sf-space-10: 40px;--sf-space-12: 48px;--sf-space-12_5: 50px;--sf-space-rem-05: .5rem;--sf-space-rem-1: 1rem;--sf-space-rem-1_125: 1.125rem;--sf-space-rem-1_25: 1.25rem;--sf-space-rem-1_5: 1.5rem;--sf-space-rem-2: 2rem;--sf-space-rem-3: 3rem;--sf-font-sans: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--sf-text-2xs: .625rem;--sf-text-xs-sm: .6875rem;--sf-text-xs: .75rem;--sf-text-sm-tight: .8125rem;--sf-text-sm: .875rem;--sf-text-md-sm: .9375rem;--sf-text-base: 1rem;--sf-text-lg: 1.125rem;--sf-text-body: 15px;--sf-text-dialog: 18px;--sf-text-footer: .8em;--sf-leading-tight: 1.3;--sf-leading-snug: 1.4;--sf-leading-normal: 1.6;--sf-tracking-wide: .04em;--sf-font-weight-medium: 500;--sf-font-weight-semibold: 600;--sf-radius-sm: 4px;--sf-radius-md: 12px;--sf-radius-lg: 16px;--sf-radius-pill: 20px;--sf-radius-full: 50%;--sf-duration-fast: .2s;--sf-duration-panel: .25s;--sf-duration-normal: .3s;--sf-duration-link: .4s;--sf-duration-slow: .5s;--sf-size-content: 1280px;--sf-size-quiz: 720px;--sf-size-drawer: 360px;--sf-size-icon-sm: 16px;--sf-size-icon-md: 20px;--sf-size-chart: 320px;--sf-size-chart-sm: 240px;--sf-size-touch: 44px;--sf-size-talent-aside: 280px;--sf-size-talent-chip: 36px;--sf-size-talent-dot: 6px;--sf-size-talent-article: 44rem;--sf-text-display: 2rem;--sf-text-display-sm: 1.75rem;--sf-text-prose: 1.05rem;--sf-leading-prose: 1.85;--sf-spectrum-track-top: 22px;--sf-spectrum-track-height: 2px;--sf-z-header: 100;--sf-bg: var(--sf-raw-paper);--sf-surface: var(--sf-raw-white);--sf-surface-muted: var(--sf-raw-surface-muted-light);--sf-text: var(--sf-raw-text-light);--sf-text-muted: var(--sf-raw-text-muted-light);--sf-border: var(--sf-raw-border-light);--sf-accent: var(--sf-raw-teal-600);--sf-accent-warm: var(--sf-raw-amber-600);--sf-highlight-low: var(--sf-raw-emerald-600);--sf-chart-avg: var(--sf-raw-teal-600);--sf-chart-stdev: var(--sf-raw-indigo-500);--sf-star: var(--sf-raw-blue-600);--sf-sunny: var(--sf-raw-amber-600);--sf-code-bg: var(--sf-raw-code-bg-light);--sf-link: var(--sf-raw-link-light);--sf-on-accent: var(--sf-raw-white);--sf-danger-soft: var(--sf-raw-danger-soft);--sf-header-action-size: var(--sf-space-7);--sf-header-action-icon: var(--sf-size-icon-sm);--sf-quiz-radius: var(--sf-radius-lg);--sf-quiz-radius-mobile: var(--sf-radius-md);--sf-quiz-shadow: 0 4px 24px color-mix(in srgb, var(--sf-text) 6%, transparent);--sf-spectrum-dot-size: var(--sf-size-icon-sm);--sf-spectrum-ring: 0 0 0 4px color-mix(in srgb, var(--sf-accent) 20%, transparent);--sf-statement-radius: var(--sf-radius-md);--sf-talent-aside-width: var(--sf-size-talent-aside);--sf-talent-chip-height: var(--sf-size-talent-chip);--sf-talent-dot-size: var(--sf-size-talent-dot);--sf-talent-article-max: var(--sf-size-talent-article)}html.dark{--sf-bg: var(--sf-raw-ink);--sf-surface: var(--sf-raw-ink-soft);--sf-surface-muted: var(--sf-raw-surface-muted-dark);--sf-text: var(--sf-raw-text-dark);--sf-text-muted: var(--sf-raw-text-muted-dark);--sf-border: var(--sf-raw-border-dark);--sf-accent: var(--sf-raw-teal-400);--sf-accent-warm: var(--sf-raw-amber-400);--sf-highlight-low: var(--sf-raw-emerald-400);--sf-chart-avg: var(--sf-raw-teal-400);--sf-chart-stdev: var(--sf-raw-indigo-400);--sf-star: var(--sf-raw-blue-400);--sf-sunny: var(--sf-raw-amber-400);--sf-code-bg: var(--sf-raw-code-bg-dark);--sf-link: var(--sf-raw-link-dark)}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color var(--sf-duration-slow),background-color var(--sf-duration-slow);line-height:var(--sf-leading-normal);font-family:var(--sf-font-sans);font-size:var(--sf-text-body);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100%;margin:0;padding:0;font-weight:400}.app-content{max-width:var(--sf-size-content);margin:0 auto;padding:0 var(--sf-space-rem-2) var(--sf-space-rem-2)}@media (max-width: 640px){.app-content{padding:0 var(--sf-space-rem-1) var(--sf-space-rem-1_5)}}a,.green{text-decoration:none;color:var(--sf-accent);transition:var(--sf-duration-link);padding:var(--sf-space-0_75)}@media (hover: hover){a:hover{background-color:color-mix(in srgb,var(--sf-accent) 20%,transparent)}}html.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--el-color-primary:#409eff;--el-color-primary-light-3:#3375b9;--el-color-primary-light-5:#2a598a;--el-color-primary-light-7:#213d5b;--el-color-primary-light-8:#1d3043;--el-color-primary-light-9:#18222b;--el-color-primary-dark-2:#66b1ff;--el-color-success:#67c23a;--el-color-success-light-3:#4e8e2f;--el-color-success-light-5:#3e6b27;--el-color-success-light-7:#2d481f;--el-color-success-light-8:#25371c;--el-color-success-light-9:#1c2518;--el-color-success-dark-2:#85ce61;--el-color-warning:#e6a23c;--el-color-warning-light-3:#a77730;--el-color-warning-light-5:#7d5b28;--el-color-warning-light-7:#533f20;--el-color-warning-light-8:#3e301c;--el-color-warning-light-9:#292218;--el-color-warning-dark-2:#ebb563;--el-color-danger:#f56c6c;--el-color-danger-light-3:#b25252;--el-color-danger-light-5:#854040;--el-color-danger-light-7:#582e2e;--el-color-danger-light-8:#412626;--el-color-danger-light-9:#2a1d1d;--el-color-danger-dark-2:#f78989;--el-color-error:#f56c6c;--el-color-error-light-3:#b25252;--el-color-error-light-5:#854040;--el-color-error-light-7:#582e2e;--el-color-error-light-8:#412626;--el-color-error-light-9:#2a1d1d;--el-color-error-dark-2:#f78989;--el-color-info:#909399;--el-color-info-light-3:#6b6d71;--el-color-info-light-5:#525457;--el-color-info-light-7:#393a3c;--el-color-info-light-8:#2d2d2f;--el-color-info-light-9:#202121;--el-color-info-dark-2:#a6a9ad;--el-box-shadow:0px 12px 32px 4px #0000005c, 0px 8px 20px #000000b8;--el-box-shadow-light:0px 0px 12px #000000b8;--el-box-shadow-lighter:0px 0px 6px #000000b8;--el-box-shadow-dark:0px 16px 48px 16px #000000b8, 0px 12px 32px #000, 0px 8px 16px -8px #000;--el-bg-color-page:#0a0a0a;--el-bg-color:#141414;--el-bg-color-overlay:#1d1e1f;--el-text-color-primary:#e5eaf3;--el-text-color-regular:#cfd3dc;--el-text-color-secondary:#a3a6ad;--el-text-color-placeholder:#8d9095;--el-text-color-disabled:#6c6e72;--el-border-color-darker:#636466;--el-border-color-dark:#58585b;--el-border-color:#4c4d4f;--el-border-color-light:#414243;--el-border-color-lighter:#363637;--el-border-color-extra-light:#2b2b2c;--el-fill-color-darker:#424243;--el-fill-color-dark:#39393a;--el-fill-color:#303030;--el-fill-color-light:#262727;--el-fill-color-lighter:#1d1d1d;--el-fill-color-extra-light:#191919;--el-fill-color-blank:#141414;--el-mask-color:#000c;--el-mask-color-extra-light:#0000004d}html.dark .el-button{--el-button-disabled-text-color:#ffffff80}html.dark .el-card{--el-card-bg-color:var(--el-bg-color-overlay);--el-fill-color-blank:var(--el-card-bg-color)}html.dark .el-empty{--el-empty-fill-color-0:var(--el-color-black);--el-empty-fill-color-1:#4b4b52;--el-empty-fill-color-2:#36383d;--el-empty-fill-color-3:#1e1e20;--el-empty-fill-color-4:#262629;--el-empty-fill-color-5:#202124;--el-empty-fill-color-6:#212224;--el-empty-fill-color-7:#1b1c1f;--el-empty-fill-color-8:#1c1d1f;--el-empty-fill-color-9:#18181a}:root{--el-color-primary: var(--sf-raw-teal-600);--el-color-primary-light-3: var(--sf-raw-primary-light-3);--el-color-primary-light-5: var(--sf-raw-primary-light-5);--el-color-primary-light-7: var(--sf-raw-primary-light-7);--el-color-primary-light-8: var(--sf-raw-primary-light-8);--el-color-primary-light-9: var(--sf-raw-primary-light-9);--el-color-primary-dark-2: var(--sf-raw-teal-700);--color-background: var(--sf-bg);--color-background-soft: var(--sf-surface-muted);--color-background-mute: var(--sf-surface-muted);--color-border: var(--sf-border);--color-border-hover: var(--sf-border);--color-heading: var(--sf-text);--color-text: var(--sf-text)}html.dark{--el-color-primary: var(--sf-raw-teal-400);--el-color-primary-light-3: var(--sf-raw-primary-dark-light-3);--el-color-primary-light-5: var(--sf-raw-primary-dark-light-5);--el-color-primary-light-7: var(--sf-raw-primary-dark-light-7);--el-color-primary-light-8: var(--sf-raw-primary-dark-light-8);--el-color-primary-light-9: var(--sf-raw-primary-dark-light-9);--el-color-primary-dark-2: var(--sf-raw-teal-500);--color-background: var(--sf-bg);--color-background-soft: var(--sf-surface-muted);--color-background-mute: var(--sf-surface-muted);--color-border: var(--sf-border);--color-border-hover: var(--sf-border);--color-heading: var(--sf-text);--color-text: var(--sf-text);color-scheme:dark}html:not(.dark){color-scheme:light}.sf-highlight-low{color:var(--sf-highlight-low)}.header-action-group{display:inline-flex;align-items:center;gap:var(--sf-space-1);padding:var(--sf-space-1) var(--sf-space-1_5);background:var(--sf-surface-muted);border:1px solid var(--sf-border);border-radius:var(--sf-radius-pill);transition:background-color var(--sf-duration-normal),border-color var(--sf-duration-normal)}.header-action-group .header-action-btn,.header-action-group .el-button.is-circle{display:inline-flex;align-items:center;justify-content:center;width:var(--sf-header-action-size);height:var(--sf-header-action-size);min-width:var(--sf-header-action-size);min-height:var(--sf-header-action-size);padding:0;margin:0;border-radius:var(--sf-radius-full);color:var(--sf-text);cursor:pointer;flex-shrink:0}.header-action-group .header-action-btn{border:none;background:transparent}.header-action-group .el-button.is-circle{--el-button-bg-color: transparent;--el-button-border-color: transparent;--el-button-text-color: var(--sf-text);--el-button-hover-text-color: var(--sf-accent);--el-button-hover-bg-color: color-mix(in srgb, var(--sf-accent) 12%, transparent);--el-button-hover-border-color: transparent}.header-action-group .el-button.is-circle.el-button--primary{--el-button-bg-color: var(--sf-accent);--el-button-border-color: var(--sf-accent);--el-button-text-color: var(--sf-on-accent);--el-button-hover-bg-color: var(--sf-accent);--el-button-hover-border-color: var(--sf-accent);--el-button-hover-text-color: var(--sf-on-accent)}.header-action-group .header-action-btn:hover{color:var(--sf-accent);background:color-mix(in srgb,var(--sf-accent) 12%,transparent)}.header-action-group .header-action-btn svg,.header-action-group .el-button.is-circle svg{width:var(--sf-header-action-icon);height:var(--sf-header-action-icon)}.header-action-group .el-button.is-circle .el-icon{font-size:var(--sf-header-action-icon);color:inherit}.scope-tag{--el-tag-border-color: transparent;font-variant-numeric:tabular-nums}.scope-tag--high{--el-tag-bg-color: color-mix(in srgb, var(--sf-accent) 10%, var(--sf-surface));--el-tag-text-color: var(--sf-accent)}.scope-tag--low{--el-tag-bg-color: color-mix(in srgb, var(--el-color-danger) 10%, var(--sf-surface));--el-tag-text-color: var(--el-color-danger)}html.dark .scope-tag--high{--el-tag-bg-color: color-mix(in srgb, var(--sf-accent) 16%, var(--sf-surface-muted));--el-tag-text-color: color-mix(in srgb, var(--sf-accent) 70%, var(--sf-text))}html.dark .scope-tag--low{--el-tag-bg-color: color-mix(in srgb, var(--el-color-danger) 14%, var(--sf-surface-muted));--el-tag-text-color: color-mix(in srgb, var(--el-color-danger) 75%, var(--sf-danger-soft))}.quiz-card{margin-top:var(--sf-space-rem-1_25);padding:var(--sf-space-rem-1_5);background:var(--sf-surface);border:1px solid var(--sf-border);border-radius:var(--sf-quiz-radius);box-shadow:var(--sf-quiz-shadow);transition:background-color var(--sf-duration-normal),border-color var(--sf-duration-normal),box-shadow var(--sf-duration-normal)}.quiz-card__statements{display:grid;grid-template-areas:"statementA statementB" "spectrum spectrum";gap:var(--sf-space-rem-1_25)}.quiz-card__statements--mobile{grid-template-areas:"statementA" "spectrum" "statementB"}.statement-panel--a{grid-area:statementA}.statement-panel--b{grid-area:statementB}.quiz-card__spectrum{grid-area:spectrum}.statement-panel{padding:var(--sf-space-rem-1) var(--sf-space-rem-1_125);background:var(--sf-surface-muted);border:2px solid var(--sf-border);border-radius:var(--sf-statement-radius);transition:border-color var(--sf-duration-panel) ease,background-color var(--sf-duration-panel) ease}.statement-panel__badge{display:inline-block;margin-bottom:var(--sf-space-rem-05);font-size:var(--sf-text-xs);font-weight:var(--sf-font-weight-semibold);letter-spacing:var(--sf-tracking-wide);color:var(--sf-text-muted);text-transform:uppercase}.statement-panel__text{margin:0;font-size:var(--sf-text-base);line-height:var(--sf-leading-normal);color:var(--sf-text);word-break:break-word}.statement-panel--active-left{border-color:var(--sf-accent);background:color-mix(in srgb,var(--sf-accent) 8%,var(--sf-surface-muted))}.statement-panel--active-right{border-color:var(--sf-accent-warm);background:color-mix(in srgb,var(--sf-accent-warm) 8%,var(--sf-surface-muted))}.statement-panel--neutral{opacity:.72}.spectrum-picker{padding:var(--sf-space-rem-05) 0}.spectrum-track{display:grid;grid-template-columns:repeat(5,1fr);position:relative}.spectrum-track:before{content:"";position:absolute;left:calc(10% - var(--sf-space-2));right:calc(10% - var(--sf-space-2));top:var(--sf-spectrum-track-top);height:var(--sf-spectrum-track-height);background:var(--sf-border);z-index:0}.spectrum-option{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:var(--sf-space-1_5);min-height:var(--sf-size-touch);padding:0;border:none;background:transparent;cursor:pointer}.spectrum-dot__indicator{width:var(--sf-spectrum-dot-size);height:var(--sf-spectrum-dot-size);margin-top:var(--sf-space-3_5);border:2px solid var(--sf-border);border-radius:var(--sf-radius-full);background:var(--sf-surface);flex-shrink:0;transition:transform var(--sf-duration-fast) ease,border-color var(--sf-duration-fast) ease,background-color var(--sf-duration-fast) ease,box-shadow var(--sf-duration-fast) ease}.spectrum-option:hover .spectrum-dot__indicator{border-color:var(--sf-accent);transform:scale(1.1)}.spectrum-option--active .spectrum-dot__indicator{border-color:var(--sf-accent);background:var(--sf-accent);box-shadow:var(--sf-spectrum-ring);transform:scale(1.15)}.spectrum-label{font-size:var(--sf-text-xs-sm);text-align:center;color:var(--sf-text-muted);line-height:var(--sf-leading-tight);width:100%}.spectrum-option--active .spectrum-label{color:var(--sf-accent);font-weight:var(--sf-font-weight-semibold)}@media (max-width: 640px){.quiz-card{padding:var(--sf-space-rem-1);border-radius:var(--sf-quiz-radius-mobile)}.statement-panel__text{font-size:var(--sf-text-md-sm)}.spectrum-label{font-size:var(--sf-text-2xs)}}