*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--font-heading:system-ui, sans-serif;--font-body:system-ui, sans-serif;--font-mono:monospace;--color-primary:#2563eb;--color-secondary:#7c3aed;--color-accent:#f59e0b;--color-bg:#fafbff;--color-text:#0f172a;--color-text-secondary:#475569;--color-surface:#fff;--color-surface-hover:#f8f9fa;--color-border:#e2e8f0;--color-error:#dc2626;--color-success:#16a34a;--radius:12px;--radius-sm:8px;--shadow:0 4px 6px -1px #0000000d;--shadow-lg:0 10px 15px -3px #00000014;--transition:.2s ease-out}html,body{height:100%;font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);line-height:1.5}#app{flex-direction:column;min-height:100vh;display:flex}.header{border-bottom:1px solid var(--color-border);background:var(--color-surface);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:1rem 2rem;display:flex}.header-title{color:var(--color-primary);font-size:1.25rem;font-weight:700}.header-controls{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.control-group{align-items:center;gap:.5rem;display:flex}.control-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.theme-switcher,.lang-switcher{gap:.25rem;display:flex}.switch-btn{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);color:var(--color-text);cursor:pointer;padding:.35rem .75rem;font-size:.8rem;transition:all .15s}.switch-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.switch-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.main{flex:1;width:100%;max-width:960px;margin:0 auto;padding:2rem}.main p{color:var(--color-text-secondary);font-size:.95rem}.role-select-screen h2{text-align:center;margin-bottom:24px}.role-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;max-width:1200px;margin:0 auto;padding:0 16px;display:grid}.role-card{text-align:left;border:2px solid var(--color-border,#e2e8f0);background:var(--color-surface,#fff);cursor:pointer;border-radius:12px;padding:20px;transition:border-color .2s,transform .2s}.role-card:hover{border-color:var(--color-primary,#2563eb);transform:translateY(-2px)}.role-label{margin:0 0 8px;font-size:1.25rem}.role-strap{opacity:.7;margin:0 0 12px;font-size:.9rem}.weight-chip{background:#0000000f;border-radius:4px;margin:2px;padding:2px 8px;font-size:.75rem;display:inline-block}.quiz-screen{max-width:700px;margin:0 auto;padding:0 16px}.progress-container{margin-bottom:24px}.progress-bar{background:#0000001a;border-radius:3px;height:6px;overflow:hidden}.progress-fill{background:var(--color-primary,#2563eb);height:100%;transition:width .3s ease-out}.progress-label{text-align:center;opacity:.6;margin-top:8px;font-size:.85rem;display:block}.question-prompt{margin-bottom:20px;font-size:1.15rem;line-height:1.6}.options-grid{flex-direction:column;gap:12px;display:flex}.option-card{text-align:left;border:2px solid var(--color-border,#e2e8f0);background:var(--color-surface,#fff);cursor:pointer;border-radius:10px;padding:16px 20px;transition:border-color .2s,background .2s}.option-card:hover{border-color:var(--color-primary,#2563eb)}.option-card.selected{border-color:var(--color-primary,#2563eb);background:#2563eb14}.option-text{margin:0}.quiz-nav{text-align:center;margin-top:20px}.btn{cursor:pointer;border:none;border-radius:8px;padding:12px 32px;font-size:1rem;transition:background .2s}.btn-primary{background:var(--color-primary,#2563eb);color:#fff}.btn-primary:hover{opacity:.9}.btn-secondary{border:2px solid var(--color-border,#e2e8f0);color:inherit;background:0 0}.btn-secondary:hover{border-color:var(--color-primary,#2563eb)}.result-screen{text-align:center;max-width:700px;margin:0 auto;padding:0 16px}.score-section{margin-bottom:32px}.score-ring{border:8px solid var(--color-primary,#2563eb);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:180px;height:180px;margin-bottom:16px;display:inline-flex}.score-value{font-size:3rem;font-weight:700;line-height:1}.score-max{opacity:.5;font-size:1rem}.maturity-badge{background:var(--color-primary,#2563eb);color:#fff;text-transform:capitalize;border-radius:20px;padding:6px 16px;font-size:.9rem;display:inline-block}.gate-note{opacity:.7;margin-top:12px;font-size:.85rem}.blocks-section{text-align:left;margin-bottom:24px}.block-bar-row{align-items:center;gap:12px;margin-bottom:16px;display:flex}.block-info{flex-shrink:0;width:180px}.block-label{font-size:.9rem;font-weight:600;display:block}.block-desc{color:var(--color-text-secondary);margin-top:2px;font-size:.75rem;line-height:1.3;display:block}.block-bar{background:#00000014;border-radius:7px;flex:1;height:14px;overflow:hidden}.block-bar-fill{border-radius:7px;height:100%;transition:width .5s ease-out}.block-bar-fill.productivity{background:var(--color-primary,#2563eb)}.block-bar-fill.process{background:var(--color-secondary,#7c3aed)}.block-bar-fill.product{background:var(--color-accent,#f59e0b)}.block-score{text-align:right;width:45px;font-size:.9rem;font-weight:700}.subprofile-section{text-align:left;margin-bottom:24px}.subprofile-explainer{color:var(--color-text-secondary);margin-bottom:12px;font-size:.85rem;font-style:italic}.subprofile-card{border:1px solid var(--color-border);border-radius:var(--radius-sm);margin-bottom:8px;padding:12px 16px}.subprofile-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:4px;margin-bottom:4px;padding:2px 8px;font-size:.7rem;display:inline-block}.primary-badge{background:var(--color-primary);color:#fff}.secondary-badge{background:var(--color-text-secondary);color:#fff}.subprofile-desc{color:var(--color-text-secondary);margin-top:4px;font-size:.85rem}.actions-section{flex-wrap:nowrap;justify-content:center;gap:8px;margin-top:24px;display:flex}.actions-section .btn{white-space:nowrap;padding:8px 14px;font-size:.82rem}.btn-share{text-align:center;min-width:120px}@media (width<=700px){.actions-section{flex-wrap:wrap}.actions-section .btn{text-align:center;flex:auto;min-width:120px}}.screen{padding:32px 0}.screen-header-row{align-items:center;gap:16px;margin-bottom:24px;display:flex}.screen-header-row h2{margin:0}.btn-back{color:var(--color-primary);cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition);background:0 0;border:none;padding:8px 12px;font-size:1rem}.btn-back:hover{background:#0000000d}.history-list{flex-direction:column;gap:12px;max-width:700px;margin:0 auto;display:flex}.history-card{cursor:pointer;grid-template-columns:1fr 1fr 1fr 1fr;align-items:center;padding:16px;display:grid}.history-role{text-transform:capitalize;font-weight:600}.history-score{font-weight:700}.history-level{text-transform:capitalize;opacity:.7;font-size:.9rem}.history-date{text-align:right;opacity:.5;font-size:.85rem}@media (width<=768px){.role-grid{grid-template-columns:1fr}.history-card{grid-template-columns:1fr 1fr;gap:8px}.header{flex-direction:column;gap:12px}.header-controls{flex-wrap:wrap;justify-content:center}}@media (width<=480px){.header-title{font-size:1.1rem}.switch-btn{padding:4px 8px;font-size:.75rem}}.quiz-role-badge{text-align:center;color:var(--color-primary);text-transform:capitalize;margin-bottom:8px;font-size:.9rem;font-weight:600}.result-role{color:var(--color-text-secondary);text-transform:capitalize;margin-bottom:8px;font-size:1.1rem}.share-image-preview canvas{border-radius:var(--radius);max-width:100%;margin-top:16px}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.btn,.card,.option-card,.switch-btn{min-height:44px}[data-theme=careerproof]{--font-heading:"Fraunces", serif;--font-body:"Manrope", sans-serif;--font-mono:"IBM Plex Mono", monospace;--color-primary:#2563eb;--color-secondary:#7c3aed;--color-accent:#f59e0b;--color-bg:#fafbff;--color-text:#0f172a;--color-text-secondary:#475569;--color-surface:#ffffffd9;--color-surface-hover:#fffffff2;--color-border:#e2e8f0;--color-error:#dc2626;--color-success:#16a34a;--radius:12px;--radius-sm:8px;--shadow:0 4px 6px -1px #0000000d, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014;--blur:12px;--transition:.2s ease-out;font-family:var(--font-body);color:var(--color-text);background:var(--color-bg)}[data-theme=careerproof] *,[data-theme=careerproof] button,[data-theme=careerproof] input,[data-theme=careerproof] select,[data-theme=careerproof] textarea{font-family:inherit}[data-theme=careerproof] h1,[data-theme=careerproof] h2,[data-theme=careerproof] h3{font-family:var(--font-heading);font-weight:600}[data-theme=careerproof] .card{background:var(--color-surface);-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow)}[data-theme=careerproof] .card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}[data-theme=careerproof] .score-ring{border-color:var(--color-primary);background:linear-gradient(135deg,#2563eb0d,#7c3aed0d)}[data-theme=careerproof] .maturity-badge{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary))}[data-theme=careerproof] .btn-primary{background:var(--color-primary)}@media (prefers-color-scheme:dark){[data-theme=careerproof]{--color-bg:#0b1120;--color-text:#e2e8f0;--color-text-secondary:#94a3b8;--color-surface:#1e293bd9;--color-surface-hover:#1e293bf2;--color-border:#334155}}[data-theme=pixel]{--font-heading:"Courier New", monospace;--font-body:"Courier New", monospace;--font-mono:"Courier New", monospace;--color-primary:#0f8;--color-secondary:#ff6b00;--color-accent:gold;--color-bg:#1a1a2e;--color-text:#e0e0e0;--color-text-secondary:#888;--color-surface:#1e1e3ce6;--color-surface-hover:#282850f2;--color-border:#336;--radius:2px;--radius-sm:0px;--shadow:none;--shadow-lg:0 0 10px #0f83;--blur:0px;--transition:.1s step-end;font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);image-rendering:pixelated}[data-theme=pixel] h1,[data-theme=pixel] h2,[data-theme=pixel] h3{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:2px}[data-theme=pixel] .card{border:2px solid var(--color-border);background:var(--color-surface)}[data-theme=pixel] .card:hover{border-color:var(--color-primary);box-shadow:0 0 8px #00ff884d}[data-theme=pixel] .score-ring{border:4px solid var(--color-primary);box-shadow:0 0 20px #00ff884d}[data-theme=pixel] .maturity-badge{background:var(--color-primary);color:#000;text-transform:uppercase;letter-spacing:1px}[data-theme=pixel] .btn-primary{background:var(--color-primary);color:#000;text-transform:uppercase;border:2px solid var(--color-primary)}[data-theme=pixel] .progress-fill{background:var(--color-primary)}[data-theme=pixel] .option-card.selected{border-color:var(--color-primary);background:#00ff881a}[data-theme=signal]{--font-heading:system-ui, -apple-system, sans-serif;--font-body:system-ui, -apple-system, sans-serif;--font-mono:"SF Mono", "Fira Code", monospace;--color-primary:#3b82f6;--color-secondary:#6366f1;--color-accent:#f97316;--color-bg:#fff;--color-text:#111827;--color-text-secondary:#6b7280;--color-surface:#f9fafb;--color-surface-hover:#f3f4f6;--color-border:#e5e7eb;--radius:8px;--radius-sm:4px;--shadow:0 1px 3px #0000000f;--shadow-lg:0 4px 6px #00000012;--blur:0px;--transition:.15s ease;font-family:var(--font-body);color:var(--color-text);background:var(--color-bg)}[data-theme=signal] .card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius)}[data-theme=signal] .card:hover{background:var(--color-surface-hover);box-shadow:var(--shadow)}[data-theme=signal] .maturity-badge,[data-theme=signal] .btn-primary{background:var(--color-primary)}[data-theme=terminal]{--font-heading:"SF Mono", "Fira Code", "Cascadia Code", monospace;--font-body:"SF Mono", "Fira Code", "Cascadia Code", monospace;--font-mono:"SF Mono", "Fira Code", "Cascadia Code", monospace;--color-primary:#10b981;--color-secondary:#06b6d4;--color-accent:#f59e0b;--color-bg:#0d1117;--color-text:#c9d1d9;--color-text-secondary:#8b949e;--color-surface:#161b22f2;--color-surface-hover:#21262df2;--color-border:#30363d;--radius:4px;--radius-sm:2px;--shadow:none;--shadow-lg:0 0 10px #10b9811a;--blur:0px;--transition:.1s ease;font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);font-size:14px}[data-theme=terminal] h1:before{content:"> ";color:var(--color-primary)}[data-theme=terminal] h2:before{content:"## ";color:var(--color-secondary)}[data-theme=terminal] .card{border:1px solid var(--color-border);background:var(--color-surface)}[data-theme=terminal] .card:hover,[data-theme=terminal] .score-ring{border-color:var(--color-primary)}[data-theme=terminal] .maturity-badge,[data-theme=terminal] .btn-primary{border:1px solid var(--color-primary);color:var(--color-primary);background:0 0}[data-theme=terminal] .btn-primary:hover{background:#10b9811a}[data-theme=terminal] .progress-fill{background:var(--color-primary)}[data-theme=terminal] .option-card.selected{border-color:var(--color-primary);background:#10b98114}