.page-wrapper[data-v-0121be99]{max-width:90rem;margin:0 auto}.page-header[data-v-0121be99]{margin-bottom:2rem}.header-content[data-v-0121be99]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.page-title[data-v-0121be99]{font-size:2rem;font-weight:700;color:#1f2937;margin:0 0 .5rem;letter-spacing:-.02em}.page-subtitle[data-v-0121be99]{font-size:1rem;color:#6b7280;margin:0;font-weight:400}.guide-card[data-v-0121be99]{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem;margin-bottom:2rem;box-shadow:0 1px 3px #0000001a}.guide-text[data-v-0121be99]{color:#374151;font-size:.9375rem;line-height:1.75;margin:0 0 1rem;text-align:left}.guide-warning[data-v-0121be99]{background:#fef3c7;border:1px solid #fbbf24;border-radius:.5rem;padding:1rem 1.25rem;margin:1rem 0}.guide-warning-title[data-v-0121be99]{color:#78350f;font-size:.875rem;font-weight:700;margin:0 0 .75rem}.guide-warning-list[data-v-0121be99]{color:#78350f;font-size:.875rem;line-height:1.75;margin:0;padding-left:1.5rem}.input-card[data-v-0121be99]{margin-bottom:2rem;border:1px solid #e5e7eb;background:#fff;box-shadow:0 1px 3px #0000001a}.card-title-wrapper[data-v-0121be99]{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:600;color:#1f2937}.input-grid[data-v-0121be99]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:1.5rem}.input-field[data-v-0121be99]{display:flex;flex-direction:column;gap:.5rem}.checkbox-wrapper[data-v-0121be99]{display:flex;align-items:center;gap:.5rem}.button-wrapper[data-v-0121be99]{display:flex;justify-content:center;padding-top:1rem}.summary-card[data-v-0121be99]{margin-bottom:2rem;border:1px solid #e5e7eb;background:#fff;box-shadow:0 1px 3px #0000001a}.summary-grid[data-v-0121be99]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:1.5rem}.summary-item[data-v-0121be99]{background:#f9fafb;border-radius:.5rem;padding:1.5rem;border:1px solid #e5e7eb}.result-card[data-v-0121be99]{margin-bottom:2rem;border:1px solid #e5e7eb;background:#fff;box-shadow:0 1px 3px #0000001a}.skill-grid[data-v-0121be99]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.skill-card[data-v-0121be99]{border:1px solid #e5e7eb;border-radius:.75rem;background:#fff;padding:1rem;cursor:pointer;transition:transform .08s ease,box-shadow .08s ease,border-color .08s ease;box-shadow:0 1px 2px #0000000f}.skill-card[data-v-0121be99]:hover{transform:translateY(-1px);box-shadow:0 6px 16px #00000014;border-color:#cbd5e1}.skill-card.selected[data-v-0121be99]{border-color:#2563eb;box-shadow:0 6px 18px #2563eb26}.skill-card-header[data-v-0121be99]{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.skill-title[data-v-0121be99]{font-size:1rem;font-weight:700;color:#111827;line-height:1.3}.skill-meta[data-v-0121be99]{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.skill-stats[data-v-0121be99]{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:.75rem}.stat[data-v-0121be99]{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;padding:.75rem}.stat .label[data-v-0121be99]{font-size:.75rem;color:#6b7280;margin-bottom:.25rem;font-weight:600}.stat .value[data-v-0121be99]{font-size:.95rem;color:#111827;font-weight:700}.skill-footer[data-v-0121be99]{display:flex;justify-content:flex-end}.level-badge[data-v-0121be99]{display:inline-block;padding:.25rem .75rem;background:#dbeafe;color:#1e40af;border-radius:9999px;font-size:.875rem;font-weight:600}.delta-value[data-v-0121be99]{color:#059669;font-weight:600}.efficiency-badge[data-v-0121be99]{display:inline-block;padding:.25rem .75rem;border-radius:6px;font-size:.875rem;font-weight:600}.empty-state[data-v-0121be99]{padding:2rem;text-align:center;color:#6b7280;font-weight:600}@media (max-width: 768px){.page-title[data-v-0121be99]{font-size:1.5rem}.page-subtitle[data-v-0121be99]{font-size:.9375rem}.input-grid[data-v-0121be99],.summary-grid[data-v-0121be99]{grid-template-columns:1fr}}@media (max-width: 640px){.page-title[data-v-0121be99]{font-size:1.25rem}}