.app-header{display:flex;justify-content:flex-end;align-items:center;padding:var(--space-sm) var(--space-lg);position:fixed;top:0;left:0;right:0;z-index:100;background:var(--color-bg);border-bottom:1px solid var(--color-border)}.app-header .theme-toggle{background:none;border:1px solid var(--color-border);color:var(--color-text);font-size:var(--text-sm);padding:var(--space-xs) var(--space-sm);border-radius:6px;cursor:pointer;min-width:auto;min-height:44px}.app-header .theme-toggle:hover{background:var(--color-hover-bg)}.logo{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xl)}.logo-icon{width:32px;height:32px;flex-shrink:0}.logo-text{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:var(--color-accent);letter-spacing:-.02em}.landing{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-2xl);text-align:center;position:relative;overflow:hidden}.landing-bg{position:fixed;top:50%;left:50%;width:600px;height:600px;transform:translate(-50%,-50%);background:radial-gradient(circle at center,var(--color-accent-light) 0%,transparent 70%);opacity:.4;pointer-events:none;z-index:0}.landing>:not(.landing-bg){position:relative;z-index:1}.landing h1{font-size:var(--text-2xl);max-width:600px;margin-bottom:var(--space-lg)}.landing p{font-size:var(--text-md);color:var(--color-text-secondary);max-width:480px;margin-bottom:var(--space-lg);line-height:1.6}.landing-badges{display:flex;gap:var(--space-md);margin-bottom:var(--space-2xl);flex-wrap:wrap;justify-content:center}.landing-badge{font-size:var(--text-sm);color:var(--color-text-secondary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:999px;padding:var(--space-xs) var(--space-md)}.landing .primary-btn{font-size:var(--text-lg);padding:var(--space-md) var(--space-2xl);border-radius:8px;margin-bottom:var(--space-xl);display:inline-flex;align-items:center;gap:var(--space-xs)}.cohort-toggle{font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;background:none;border:none;text-decoration:underline;padding:0;margin-bottom:var(--space-md)}.cohort-toggle:hover{color:var(--color-accent);background:none}.cohort-input{margin-bottom:var(--space-lg);max-width:200px}.landing-footer{margin-top:var(--space-2xl);font-size:.65rem;color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;gap:.4rem;flex-wrap:wrap}.landing-footer a{color:var(--color-text-secondary);min-height:24px;display:inline-flex;align-items:center}.landing-footer a:hover{color:var(--color-accent)}.landing-footer-sep{opacity:.4}@media (max-width: 400px){.landing{padding:var(--space-lg)}.landing h1{font-size:var(--text-xl)}.landing p{font-size:var(--text-sm)}.landing .primary-btn{font-size:var(--text-md);padding:var(--space-md);width:100%;max-width:280px;justify-content:center}}.questionnaire{padding:var(--space-2xl) var(--space-lg);max-width:600px;margin:0 auto;width:100%}.questionnaire-progress{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-sm);text-align:center}.questionnaire-progress-bar{width:100%;height:4px;background:var(--color-border);border-radius:2px;margin-bottom:var(--space-2xl);overflow:hidden}.questionnaire-progress-fill{height:100%;background:var(--color-accent);transition:width .4s var(--ease-out);border-radius:2px}.question-wrapper{animation:slideInRight .3s var(--ease-out) both}.question-wrapper.back{animation:slideInLeft .3s var(--ease-out) both}.questionnaire h2{font-size:var(--text-xl);margin-bottom:var(--space-xl)}.questionnaire-options{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-xl)}.questionnaire-option{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--color-surface);border:2px solid var(--color-border);border-radius:10px;cursor:pointer;transition:border-color var(--transition-normal),background var(--transition-normal),box-shadow var(--transition-normal);font-size:var(--text-base);text-align:left;color:var(--color-text);width:100%;min-height:44px}.questionnaire-option:hover{border-color:var(--color-accent);box-shadow:var(--shadow-sm)}.questionnaire-option:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.questionnaire-option.selected{border-color:var(--color-accent);background:var(--color-accent-light);box-shadow:0 0 0 1px var(--color-accent)}.questionnaire-nav{display:flex;justify-content:space-between;padding-top:var(--space-lg)}.questionnaire-nav button{min-width:100px;min-height:44px}.questionnaire-nav button:first-child{background:transparent;color:var(--color-text);border:1px solid var(--color-border)}.questionnaire-nav button:first-child:hover{background:var(--color-hover-bg)}@media (max-width: 400px){.questionnaire{padding:var(--space-lg) var(--space-md)}.questionnaire h2{font-size:var(--text-lg)}.questionnaire-option{padding:var(--space-sm) var(--space-md);font-size:var(--text-sm)}}.profile-reveal{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-2xl);text-align:center;animation:fadeInUp .5s var(--ease-out) both}.profile-reveal h1{font-size:var(--text-2xl);margin-bottom:var(--space-lg)}.profile-reveal p{font-size:var(--text-md);color:var(--color-text-secondary);max-width:400px;margin-bottom:var(--space-2xl);line-height:1.6}.profile-reveal .radar-wrapper{margin-bottom:var(--space-2xl)}.profile-reveal .primary-btn{animation:fadeInUp .5s var(--ease-out) both;animation-delay:.9s}@media (max-width: 400px){.profile-reveal{padding:var(--space-lg)}.profile-reveal .radar-wrapper svg{max-width:100%;height:auto}}.results{max-width:700px;margin:0 auto;padding:var(--space-2xl)}.results h1{font-size:var(--text-2xl);margin-bottom:var(--space-lg);text-align:center}.results-list{display:flex;flex-direction:column;gap:var(--space-lg);margin-bottom:var(--space-2xl)}.pathway-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;overflow:hidden;transition:box-shadow var(--transition-normal)}.pathway-card:hover{box-shadow:var(--shadow-md)}.pathway-header{padding:var(--space-lg);cursor:pointer;display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-md);border:none;background:none;width:100%;text-align:left;color:var(--color-text);font-size:inherit;border-radius:0;min-height:44px;transition:background var(--transition-fast)}.pathway-header:hover{background:var(--color-hover-bg)}.pathway-header-content{flex:1;min-width:0}.pathway-header h3{font-size:var(--text-lg);margin-bottom:var(--space-xs)}.pathway-one-line{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-sm);line-height:1.4}.pathway-meta{display:flex;gap:var(--space-sm);flex-wrap:wrap;align-items:center}.score-badge{font-size:var(--text-xs);font-weight:600;padding:2px 8px;border-radius:999px;background:var(--color-accent);color:var(--color-surface)}.salary-badge{font-size:var(--text-xs);color:var(--color-text-secondary);background:var(--color-bg);padding:2px 8px;border-radius:999px}.ai-badge{font-size:var(--text-xs);padding:2px 8px;border-radius:999px}.ai-badge.growing{background:#e8f5e9;color:#2e7d32}.ai-badge.changing{background:#fff3e0;color:#e65100}.ai-badge.exposed{background:#ffebee;color:#c62828}.skills-list{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-sm)}.skill-tag{font-size:var(--text-xs);padding:2px 8px;border-radius:999px;background:color-mix(in srgb,var(--color-accent) 12%,transparent);color:var(--color-text);white-space:nowrap}.soc-code{font-size:var(--text-xs);color:var(--color-text-secondary);margin-bottom:0}.pathway-expanded{padding:0 var(--space-lg) var(--space-lg);border-top:1px solid var(--color-border);padding-top:var(--space-lg);animation:fadeInUp .35s var(--ease-out) both}.pathway-expanded h4{font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-xs);margin-top:var(--space-md);color:var(--color-text)}.pathway-expanded h4:first-child{margin-top:0}.pathway-expanded p{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5;margin-bottom:var(--space-sm)}.pathway-expanded .radar-wrapper{display:flex;justify-content:center;margin-bottom:var(--space-lg)}.entry-route{padding:var(--space-sm) var(--space-md);background:var(--color-bg);border-radius:8px;margin-bottom:var(--space-sm)}.entry-route strong{display:block;font-size:var(--text-sm);margin-bottom:2px}.entry-route span{font-size:var(--text-xs);color:var(--color-text-secondary);display:block}.results-actions{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);margin-bottom:var(--space-2xl)}.results-actions button{min-width:200px;min-height:44px}.results-actions .secondary-btn{background:transparent;color:var(--color-text);border:1px solid var(--color-border)}.results-actions .secondary-btn:hover{background:var(--color-btn-hover-bg)}.confidence-section{text-align:center;margin-bottom:var(--space-2xl);padding:var(--space-xl);background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px}.confidence-section h3{font-size:var(--text-md);margin-bottom:var(--space-lg);line-height:1.5}.confidence-options{display:flex;gap:var(--space-sm);justify-content:center;flex-wrap:wrap}.confidence-btn{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);font-size:var(--text-xs);padding:var(--space-md);background:var(--color-bg);border:2px solid var(--color-border);color:var(--color-text);border-radius:10px;min-width:64px;min-height:64px;transition:border-color var(--transition-normal),background var(--transition-normal),box-shadow var(--transition-normal)}.confidence-btn .confidence-emoji{font-size:1.25rem;line-height:1}.confidence-btn:hover{border-color:var(--color-accent);box-shadow:var(--shadow-sm)}.confidence-btn.selected{border-color:var(--color-accent);background:var(--color-accent-light);box-shadow:0 0 0 1px var(--color-accent)}@media (max-width: 400px){.results{padding:var(--space-lg) var(--space-md)}.confidence-options{gap:var(--space-xs)}.confidence-btn{min-width:56px;min-height:56px;padding:var(--space-sm)}}.about{max-width:600px;margin:0 auto;padding:var(--space-2xl)}.about h1{font-size:var(--text-2xl);margin-bottom:var(--space-xl)}.about section{margin-bottom:var(--space-2xl)}.about h2{font-size:var(--text-lg);margin-bottom:var(--space-md)}.about p{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--space-md)}.about a{color:var(--color-accent)}.back-link{display:inline-flex;align-items:center;margin-top:var(--space-lg);color:var(--color-accent);font-size:var(--text-base);min-height:44px}.delete-btn{background:transparent;color:var(--color-danger);border:1px solid var(--color-danger);font-size:var(--text-sm);margin-top:var(--space-md);min-height:44px}.delete-btn:hover{background:var(--color-danger);color:var(--color-surface)}@media (max-width: 400px){.about{padding:var(--space-lg) var(--space-md)}.about h1{font-size:var(--text-xl)}}:root{--color-bg: #E5E9F0;--color-surface: #FFFFFF;--color-surface-elevated: #FFFFFF;--color-text: #2E3440;--color-text-secondary: #3B4252;--color-border: #BCC5D6;--color-accent: #5E81AC;--color-accent-hue: 213;--color-accent-light: #DDEAF7;--color-success: #2E7D47;--color-danger: #B02535;--color-warning: #8C4A1E;--nord13: #D08770;--space-xs: .25rem;--space-sm: .5rem;--space-md: .75rem;--space-lg: 1rem;--space-xl: 1.5rem;--space-2xl: 2rem;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .07), 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .06);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .14), 0 2px 6px rgba(0, 0, 0, .08);--ease-out: cubic-bezier(.4, 0, .2, 1);--transition-fast: .15s var(--ease-out);--transition-normal: .2s var(--ease-out);--transition-slow: .3s var(--ease-out);--font-body: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-display: "Fraunces", "Iowan Old Style", Georgia, serif;--text-xs: .7rem;--text-sm: .75rem;--text-base: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.5rem;--text-2xl: 1.75rem;font-family:var(--font-body);line-height:1.5;font-weight:400;color:var(--color-text);background-color:var(--color-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=dark]{--color-bg: #2E3440;--color-surface: #3B4252;--color-surface-elevated: #434C5E;--color-text: #ECEFF4;--color-text-secondary: #D8DEE9;--color-border: #5E6A82;--color-accent: #88C0D0;--color-accent-hue: 193;--color-accent-light: #3B4252;--color-success: #4EC97A;--color-danger: #FF8585;--color-warning: #FFAA6B;--nord13: #D08770;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .2), 0 1px 2px rgba(0, 0, 0, .12);--shadow-md: 0 4px 12px rgba(0, 0, 0, .25), 0 1px 3px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .35), 0 2px 6px rgba(0, 0, 0, .2)}:root[data-theme=light]{--color-bg: #E5E9F0;--color-surface: #FFFFFF;--color-surface-elevated: #FFFFFF;--color-text: #2E3440;--color-text-secondary: #3B4252;--color-border: #BCC5D6;--color-accent: #5E81AC;--color-accent-hue: 213;--color-accent-light: #DDEAF7;--color-success: #2E7D47;--color-danger: #B02535;--color-warning: #8C4A1E;--nord13: #D08770;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .07), 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .06);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .14), 0 2px 6px rgba(0, 0, 0, .08)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]):not([data-theme=dark]){--color-bg: #2E3440;--color-surface: #3B4252;--color-surface-elevated: #434C5E;--color-text: #ECEFF4;--color-text-secondary: #D8DEE9;--color-border: #5E6A82;--color-accent: #88C0D0;--color-accent-hue: 193;--color-accent-light: #3B4252;--color-success: #4EC97A;--color-danger: #FF8585;--color-warning: #FFAA6B;--nord13: #D08770;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .2), 0 1px 2px rgba(0, 0, 0, .12);--shadow-md: 0 4px 12px rgba(0, 0, 0, .25), 0 1px 3px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .35), 0 2px 6px rgba(0, 0, 0, .2)}}*{margin:0;padding:0;box-sizing:border-box}html{background-color:var(--color-bg);scrollbar-gutter:stable}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--color-bg);color:var(--color-text)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:3px}h1,h2,h3{font-family:var(--font-display);line-height:1.2;font-weight:700}button{border-radius:6px;border:none;padding:.5em 1em;font-size:.875rem;font-weight:500;font-family:inherit;background-color:var(--color-accent);color:var(--color-surface);cursor:pointer;transition:background-color var(--transition-normal),opacity var(--transition-normal)}button:hover{opacity:.9}button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}button:active{transform:scale(.97)}input,select{border-radius:6px;border:1px solid var(--color-border);padding:.5em .75em;font-size:.875rem;font-family:inherit;background-color:var(--color-surface);color:var(--color-text)}input:focus,select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light)}input[type=radio],input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--color-accent)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes radarStroke{0%{stroke-dashoffset:var(--rd-len)}to{stroke-dashoffset:0}}@keyframes radarFill{0%{opacity:0;transform:scale(.85);transform-origin:center}to{opacity:1;transform:scale(1)}}@keyframes labelFade{0%{opacity:0}to{opacity:1}}.radar-grid{animation:fadeIn .4s var(--ease-out) both}.radar-fill{animation:radarFill .6s var(--ease-out) both}.radar-fill-0{animation-delay:.2s}.radar-fill-1{animation-delay:.6s}.radar-stroke{stroke-dasharray:var(--rd-len);animation:radarStroke .8s var(--ease-out) both}.radar-stroke-0{animation-delay:.1s}.radar-stroke-1{animation-delay:.5s}.radar-label{animation:labelFade .5s var(--ease-out) both;animation-delay:.7s}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}