:root{--type-R-color:#EF4444;--type-I-color:#3B82F6;--type-A-color:#8B5CF6;--type-S-color:#10B981;--type-E-color:#F59E0B;--type-C-color:#6366F1}.type-R{color:#ef4444}.type-I{color:#3b82f6}.type-A{color:#8b5cf6}.type-S{color:#10b981}.type-E{color:#f59e0b}.type-C{color:#6366f1}.career-badge-area{padding:1.5rem 0}.career-type-emoji{font-size:3rem;line-height:1;margin-bottom:.5rem}.career-code-badge{display:inline-block;font-size:2.75rem;font-weight:900;letter-spacing:.2em;padding:.3rem 1.5rem;border-radius:1rem;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;margin-bottom:.75rem;box-shadow:0 4px 16px rgba(79,70,229,.3)}.career-nickname{font-size:1.5rem;font-weight:800;color:#1e293b;margin-bottom:.25rem}.career-group-label{font-size:.875rem;font-weight:600;color:#64748b;margin-bottom:.75rem}.career-summary{font-size:.9375rem;color:#475569;line-height:1.6;max-width:400px;margin:0 auto}.career-chart-wrap{max-width:360px;margin:0 auto}.hexagon-preview{max-width:300px;margin:0 auto}.hexagon-svg{width:100%;height:auto}.hexagon-grid{fill:none;stroke:#e2e8f0;stroke-width:1}.hexagon-axis{stroke:#e2e8f0;stroke-width:1}.hexagon-data{fill:rgba(79,70,229,.1);stroke:#4f46e5;stroke-width:2;animation:1s ease-out hexagon-fade-in}.hexagon-label{font-size:13px;font-weight:600;text-anchor:middle}@keyframes hexagon-fade-in{from{opacity:0;stroke-dasharray:600;stroke-dashoffset:600}to{opacity:1;stroke-dasharray:600;stroke-dashoffset:0}}.riasec-bars{max-width:400px;margin:0 auto}.riasec-bar-item{display:flex;align-items:center;gap:.5rem;margin-bottom:.625rem}.riasec-bar-label{width:70px;font-size:.8125rem;font-weight:700;text-align:right;flex-shrink:0}.riasec-bar-track{flex:1;height:.625rem;background:#e2e8f0;border-radius:1rem;overflow:hidden}.riasec-bar-fill{height:100%;border-radius:1rem;transition:width .6s}.riasec-bar-score{width:36px;font-size:.8125rem;font-weight:700;color:#64748b;flex-shrink:0}.riasec-badges{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;max-width:280px;margin:0 auto 1rem}.riasec-badge{padding:.4rem .6rem;border-radius:.75rem;font-weight:700;font-size:.85rem;color:#fff;text-align:center}.riasec-badge-R{background:#ef4444}.riasec-badge-I{background:#3b82f6}.riasec-badge-A{background:#8b5cf6}.riasec-badge-S{background:#10b981}.riasec-badge-E{background:#f59e0b}.riasec-badge-C{background:#6366f1}.type-badge-area{text-align:center;margin-bottom:1.5rem}.type-code-badge{display:inline-block;font-size:2.5rem;font-weight:900;letter-spacing:.08em;padding:.5rem 1.5rem;border-radius:1rem;color:#fff;margin-bottom:.5rem}.type-code-badge.type-bg-R{background:linear-gradient(135deg,#ef4444,#dc2626)}.type-code-badge.type-bg-I{background:linear-gradient(135deg,#3b82f6,#2563eb)}.type-code-badge.type-bg-A{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.type-code-badge.type-bg-S{background:linear-gradient(135deg,#10b981,#059669)}.type-code-badge.type-bg-E{background:linear-gradient(135deg,#f59e0b,#d97706)}.type-code-badge.type-bg-C{background:linear-gradient(135deg,#6366f1,#4f46e5)}.type-nickname{font-size:1.5rem;font-weight:800;margin-bottom:.25rem}.type-group-label{font-size:.875rem;font-weight:600;color:#64748b;margin-bottom:.25rem}.type-emoji{font-size:2rem;margin-bottom:.5rem}.type-summary{font-size:.9375rem;color:#475569;line-height:1.6;max-width:500px;margin:0 auto 1.5rem}.dimension-bars{margin-bottom:2rem}.dimension-bar-wrap{margin-bottom:1rem}.dimension-labels{display:flex;justify-content:space-between;align-items:center;margin-bottom:.375rem}.dimension-label-left{font-size:.8125rem;font-weight:700}.dimension-label-right{font-size:.8125rem;font-weight:500;color:#94a3b8}.dimension-label-left.active-dim{color:var(--primary-color)}.dimension-label-right.active-dim{color:var(--primary-color);font-weight:700}.dimension-bar{height:.625rem;background:#e2e8f0;border-radius:1rem;overflow:hidden;position:relative}.dimension-fill{height:100%;border-radius:1rem;transition:width .8s;background:var(--primary-color)}.dimension-fill.fill-R{background:var(--type-R-color)}.dimension-fill.fill-I{background:var(--type-I-color)}.dimension-fill.fill-A{background:var(--type-A-color)}.dimension-fill.fill-S{background:var(--type-S-color)}.dimension-fill.fill-E{background:var(--type-E-color)}.dimension-fill.fill-C{background:var(--type-C-color)}.dimension-fill.default-fill{background:var(--primary-color)}@media (max-width:767px){.type-code-badge{font-size:2rem}.type-nickname{font-size:1.25rem}}