*{box-sizing:border-box}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b1020;--bg-soft:#0d1326b8;--text:#eef2ff;--muted:#9aa4bf;--border:#ffffff14;--accent:#8f7cff;--accent-soft:#8f7cff2e;--success:#23c483;--warning:#ffb648;--danger:#ff6b6b}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f6fb;--bg-soft:#ffffffd1;--text:#101828;--muted:#667085;--border:#10182814;--accent:#6d4ff0;--accent-soft:#6d4ff01a}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,system-ui,sans-serif}#root{min-height:100vh}a{color:inherit}button,select,input{font:inherit}.app-shell{background:radial-gradient(circle at top, #6254ff2e, transparent 28%), linear-gradient(180deg, var(--bg) 0%, #10172b 100%);min-height:100vh;padding:24px}.card{border:1px solid var(--border);background:var(--bg-soft);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:24px;box-shadow:0 16px 40px #00000029}.stack{gap:16px;display:grid}.compact-card{padding:24px}.topbar{justify-content:space-between;align-items:center;gap:20px;max-width:1200px;margin:0 auto 20px;padding:20px 24px;display:flex}.toolbar-actions,.page-nav{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.ghost-button{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:999px;padding:10px 14px;text-decoration:none}.ghost-button.active,.ghost-button:hover{background:var(--accent-soft);border-color:#8f7cff73}.eyebrow,.hero-kicker{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:0 0 6px;font-size:12px}h1,h2,h3,p{margin:0}.muted,.meta,.panel-subtitle,.compact-empty{color:var(--muted)}.page-stack{gap:20px;max-width:1200px;margin:0 auto;display:grid}.grid{gap:20px;display:grid}.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{padding:32px}.hero-lead,.lead{max-width:860px;color:var(--muted);font-size:18px;line-height:1.6}.start-grid-top>*{align-self:start}.start-point-card,.transitions-card{padding:24px}label{gap:8px;display:grid}select,input[type=range]{border:1px solid var(--border);width:100%;color:var(--text);background:#ffffff0a;border-radius:12px;padding:12px 14px}.list,.transition-list,.compact-gap-list,.pill-list,.stage-list{margin:0;padding:0;list-style:none}.transition-list,.compact-gap-list,.stage-list{gap:14px;display:grid}.transition-item,.compact-gap-item,.stage-card{border:1px solid var(--border);background:#ffffff05;border-radius:18px;gap:8px;padding:16px;display:grid}.transition-item.active{border-color:#8f7cff80;box-shadow:inset 0 0 0 1px #8f7cff33}.panel-head,.stage-header,.skill-level-head,.next-stage-meta,.next-stage-summary{justify-content:space-between;align-items:center;gap:12px;display:flex}.panel-counter,.panel-status-badge,.compact-gap-pill,.skill-level-badge,.stage-progress{background:var(--accent-soft);min-width:36px;color:var(--text);border-radius:999px;justify-content:center;align-items:center;padding:6px 10px;display:inline-flex}.score{font-size:48px;font-weight:700}.score-sm{font-size:40px}.inline-note{border:1px solid var(--border);border-radius:18px;gap:8px;padding:16px;display:grid}.inline-note.success{border-color:#23c48359}.inline-note.warning{border-color:#ffb64859}.skill-groups{gap:14px;display:grid}.skill-group{border:1px solid var(--border);background:#ffffff05;border-radius:18px;overflow:hidden}.skill-group-toggle{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.skill-group-toggle:hover{background:#ffffff08}.skill-group-meta{margin:4px 0 0}.skill-group-chevron{background:var(--accent-soft);width:32px;height:32px;color:var(--accent);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;display:inline-flex}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;padding:0 16px 16px;display:grid}.skill-card{border:1px solid var(--border);background:#ffffff05;border-radius:18px;gap:14px;padding:18px;display:grid}.skill-level-note{background:#ffffff08;border-radius:14px;gap:10px;padding:14px;display:grid}.progress-bar{background:#ffffff14;border-radius:999px;width:100%;height:10px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--accent), #4dd0ff);height:100%}.pill-list{flex-wrap:wrap;gap:10px;display:flex}.pill{border:1px solid var(--border);background:#ffffff08;border-radius:999px;padding:8px 12px}.stage-progress-wrap{justify-items:end;gap:8px;display:grid}.stage-status.completed{color:var(--success)}.stage-status.in-progress{color:var(--warning)}.stage-status.not-started{color:var(--muted)}.toast{z-index:20;border:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:14px;max-width:1200px;margin:0 auto 20px;padding:14px 18px;position:sticky;top:14px}.toast.success{background:#23c48324}.toast.error{background:#ff6b6b24}.toast.neutral{background:#8f7cff24}@media (width<=900px){.two-col{grid-template-columns:1fr}}@media (width<=768px){.app-shell{padding:16px}.topbar{flex-direction:column;align-items:flex-start}}.page-stack>.card,.page-stack>.grid,.page-stack>.stack{width:100%}.dashboard-panels,.start-grid-top{align-items:start}.dashboard-panels>.card,.start-grid-top>.card,.grid.two-col>.card{min-width:0}.dashboard-panels .card.stack{align-self:start}.score{margin-top:8px;line-height:1}.dashboard-panels .score{margin-bottom:8px}.card.stack{align-content:start}.compact-card,.start-point-card,.transitions-card,.hero{height:auto}.transition-item,.compact-gap-item,.skill-card,.stage-card,.skill-group{box-shadow:none}.page-stack{align-items:stretch}.dashboard-panels{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.dashboard-panels>.card,.grid.two-col>.card{align-self:start;height:fit-content}.dashboard-panels .card:first-child{flex-direction:column;justify-content:flex-start;min-height:260px;display:flex}.dashboard-panels .card:first-child .score{margin:18px 0 10px;font-size:56px}.dashboard-panels .card:first-child .muted{max-width:32ch}.route-page-intro,.skills-page-intro{padding-bottom:18px}@media (width<=900px){.dashboard-panels{grid-template-columns:1fr}}.page-stack-tight{gap:16px}.intro-stack{gap:10px}.route-page-intro,.skills-page-intro{padding:20px 24px}.route-results{gap:16px}.route-overview-grid,.route-progress-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;display:grid}.route-overview-grid>*,.route-progress-grid>*{min-width:0}.role-match-card{gap:12px;min-height:0}.role-match-card .score{margin:6px 0 0}.role-match-copy{max-width:36ch}.full-width-gaps-card,.transition-stages-card,.skills-page .card.stack,.route-page .card.stack{min-height:0}.skills-page .card.stack{gap:14px}.skills-page .skill-groups{gap:12px}.skills-page .skill-group{margin:0}@media (width<=900px){.route-overview-grid,.route-progress-grid{grid-template-columns:1fr}}.skills-page .skills-grid{padding:0 14px 14px}.skills-page .skill-card{align-content:start;gap:16px;padding:24px 24px 20px}.skills-page .skill-card h3,.skills-page .skill-card p,.skills-page .skill-card .skill-level-note,.skills-page .skill-card .skill-range-block{margin-left:0;margin-right:0}.skill-range-block{gap:10px;display:grid}.skill-range-label{align-items:center;gap:8px;display:flex}.skills-page .skill-level-note{padding:14px 16px}.skills-page .skill-card-head{gap:8px;padding-inline:10px;display:grid}.skills-page .skill-card-head h3{margin:0 0 6px}.skills-page .skill-card-head p{max-width:46ch;margin:0;line-height:1.5}.skills-page .skill-range-block,.skills-page .skill-level-note{padding-inline:10px}.skill-range-shell{padding:6px 0 2px}.skill-range-input{--range-progress:50%;appearance:none;background:linear-gradient(to right, #1f8fff 0%, #1f8fff var(--range-progress), #1f8fff24 var(--range-progress), #1f8fff24 100%);border:1px solid #141b2d1f;border-radius:999px;outline:none;width:100%;height:8px;margin:0;padding:0}.skill-range-input::-webkit-slider-runnable-track{background:0 0;border-radius:999px;height:8px}.skill-range-input::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#1f8fff;border:2px solid #fff;border-radius:50%;width:16px;height:16px;margin-top:-5px;box-shadow:0 2px 8px #1f8fff47}.skill-range-input::-moz-range-track{background:#1f8fff24;border:1px solid #141b2d1f;border-radius:999px;height:8px}.skill-range-input::-moz-range-progress{background:#1f8fff;border-radius:999px;height:8px}.skill-range-input::-moz-range-thumb{cursor:pointer;background:#1f8fff;border:2px solid #fff;border-radius:50%;width:16px;height:16px;box-shadow:0 2px 8px #1f8fff47}.skills-page .skill-level-head{align-items:flex-start}.skills-assessment-section-v2{gap:18px!important}.skills-assessment-section-v2 .skill-groups-v2{gap:14px!important;display:grid!important}.skills-assessment-section-v2 .skill-group-v2{background:#ffffff57!important;border:1px solid #141b2d14!important;border-radius:20px!important;overflow:hidden!important}.skills-assessment-section-v2 .skill-group-toggle-v2{justify-content:space-between!important;align-items:center!important;gap:16px!important;width:100%!important;padding:18px 22px!important;display:flex!important}.skills-assessment-section-v2 .skills-grid-v2{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important;gap:16px!important;padding:0 18px 18px!important;display:grid!important}.skills-assessment-section-v2 .skill-card-v2{background:#ffffff85!important;border:1px solid #141b2d14!important;border-radius:18px!important;gap:18px!important;min-width:0!important;padding:22px 22px 18px!important;display:grid!important}.skills-assessment-section-v2 .skill-card-head-v2,.skills-assessment-section-v2 .skill-range-block-v2,.skills-assessment-section-v2 .skill-level-note-v2{padding:0 10px!important}.skills-assessment-section-v2 .skill-card-head-v2{gap:8px!important;display:grid!important}.skills-assessment-section-v2 .skill-card-head-v2 h3{margin:0!important;line-height:1.25!important}.skills-assessment-section-v2 .skill-card-description,.skills-assessment-section-v2 .skill-level-copy{max-width:40ch!important;margin:0!important;line-height:1.55!important}.skills-assessment-section-v2 .skill-range-block-v2{gap:10px!important;display:grid!important}.skills-assessment-section-v2 .skill-range-label-v2{align-items:center!important;gap:8px!important;display:flex!important}.skills-assessment-section-v2 .skill-range-shell-v2{padding:4px 0 2px!important}.skills-assessment-section-v2 .skill-range-input-v2{--range-progress:0%;appearance:none!important;background:linear-gradient(to right, #1890ff 0%, #1890ff var(--range-progress), #1890ff29 var(--range-progress), #1890ff29 100%)!important;border:1px solid #141b2d1a!important;border-radius:999px!important;outline:none!important;width:100%!important;height:8px!important;margin:0!important}.skills-assessment-section-v2 .skill-range-input-v2::-webkit-slider-runnable-track{background:0 0!important;border-radius:999px!important;height:8px!important}.skills-assessment-section-v2 .skill-range-input-v2::-webkit-slider-thumb{appearance:none!important;cursor:pointer!important;background:#1890ff!important;border:2px solid #fff!important;border-radius:50%!important;width:16px!important;height:16px!important;margin-top:-5px!important;box-shadow:0 2px 8px #1890ff47!important}.skills-assessment-section-v2 .skill-range-input-v2::-moz-range-track{background:#1890ff29!important;border:1px solid #141b2d1a!important;border-radius:999px!important;height:8px!important}.skills-assessment-section-v2 .skill-range-input-v2::-moz-range-progress{background:#1890ff!important;border-radius:999px!important;height:8px!important}.skills-assessment-section-v2 .skill-range-input-v2::-moz-range-thumb{cursor:pointer!important;background:#1890ff!important;border:2px solid #fff!important;border-radius:50%!important;width:16px!important;height:16px!important;box-shadow:0 2px 8px #1890ff47!important}.skills-assessment-section-v2 .skill-level-note-v2{padding-top:2px!important}@media (width<=700px){.skills-assessment-section-v2 .skills-grid-v2{grid-template-columns:1fr!important;padding:0 12px 12px!important}.skills-assessment-section-v2 .skill-group-toggle-v2{padding:16px 16px 14px!important}.skills-assessment-section-v2 .skill-card-v2{padding:18px 16px 16px!important}.skills-assessment-section-v2 .skill-card-head-v2,.skills-assessment-section-v2 .skill-range-block-v2,.skills-assessment-section-v2 .skill-level-note-v2{padding:0 8px!important}}.brand-link{color:inherit;flex-direction:column;gap:2px;text-decoration:none;display:inline-flex}.brand-link:hover{opacity:.92}html[data-theme=light] .app-shell{background:var(--bg)!important;background-image:none!important}body.dark-theme .skills-assessment-section-v2 .skill-group-v2,html[data-theme=dark] .skills-assessment-section-v2 .skill-group-v2{background:#ffffff0f!important;border-color:#ffffff14!important}body.dark-theme .skills-assessment-section-v2 .skill-card-v2,html[data-theme=dark] .skills-assessment-section-v2 .skill-card-v2{background:#ffffff0a!important;border-color:#ffffff14!important}body.dark-theme .skills-assessment-section-v2 .skill-card-head-v2 h3,body.dark-theme .skills-assessment-section-v2 .skill-range-label-v2,body.dark-theme .skills-assessment-section-v2 .skill-level-head strong,body.dark-theme .skills-assessment-section-v2 .skill-level-note-v2 strong,html[data-theme=dark] .skills-assessment-section-v2 .skill-card-head-v2 h3,html[data-theme=dark] .skills-assessment-section-v2 .skill-range-label-v2,html[data-theme=dark] .skills-assessment-section-v2 .skill-level-head strong,html[data-theme=dark] .skills-assessment-section-v2 .skill-level-note-v2 strong{color:#f4f7ff!important}body.dark-theme .skills-assessment-section-v2 .skill-card-description,body.dark-theme .skills-assessment-section-v2 .skill-level-copy,body.dark-theme .skills-assessment-section-v2 .skill-group-meta,html[data-theme=dark] .skills-assessment-section-v2 .skill-card-description,html[data-theme=dark] .skills-assessment-section-v2 .skill-level-copy,html[data-theme=dark] .skills-assessment-section-v2 .skill-group-meta{color:#e6ecffb8!important}body.dark-theme .skills-assessment-section-v2 .skill-level-badge,html[data-theme=dark] .skills-assessment-section-v2 .skill-level-badge{color:#efeaff!important;background:#927cff2e!important;border:1px solid #927cff3d!important}body.dark-theme .skills-assessment-section-v2 .skill-range-input-v2,html[data-theme=dark] .skills-assessment-section-v2 .skill-range-input-v2{background:linear-gradient(to right, #3aa0ff 0%, #3aa0ff var(--range-progress), #7394c438 var(--range-progress), #7394c438 100%)!important;border-color:#ffffff14!important}body.dark-theme .skills-assessment-section-v2 .skill-range-input-v2::-moz-range-track{background:#7394c438!important;border-color:#ffffff14!important}html[data-theme=dark] .skills-assessment-section-v2 .skill-range-input-v2::-moz-range-track{background:#7394c438!important;border-color:#ffffff14!important}body.dark-theme .skills-assessment-section-v2 .skill-range-input-v2::-moz-range-progress{background:#3aa0ff!important}html[data-theme=dark] .skills-assessment-section-v2 .skill-range-input-v2::-moz-range-progress{background:#3aa0ff!important}body.dark-theme .skills-assessment-section-v2 .skill-range-input-v2::-webkit-slider-thumb{background:#3aa0ff!important;box-shadow:0 2px 10px #3aa0ff57!important}body.dark-theme .skills-assessment-section-v2 .skill-range-input-v2::-moz-range-thumb{background:#3aa0ff!important;box-shadow:0 2px 10px #3aa0ff57!important}html[data-theme=dark] .skills-assessment-section-v2 .skill-range-input-v2::-webkit-slider-thumb{background:#3aa0ff!important;box-shadow:0 2px 10px #3aa0ff57!important}html[data-theme=dark] .skills-assessment-section-v2 .skill-range-input-v2::-moz-range-thumb{background:#3aa0ff!important;box-shadow:0 2px 10px #3aa0ff57!important}html[data-theme=dark] select,html[data-theme=dark] option{color:#f4f7ff!important;background:#1b2236!important}.skills-page-v3{gap:18px}.skills-hero-card{padding:24px}.skills-hero-layout{grid-template-columns:minmax(0,1.6fr) minmax(280px,.9fr);align-items:stretch;gap:18px;display:grid}.skills-hero-copy h2{margin:0}.skills-hero-copy .muted{max-width:64ch}.skills-hero-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.skills-metric-card{background:#7a85ae14;border:1px solid #7a85ae24;border-radius:18px;flex-direction:column;justify-content:space-between;gap:8px;padding:16px;display:flex}.skills-metric-label{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:.78rem}.skills-metric-card strong{font-size:1rem;line-height:1.35}.skills-assessment-section-v3{gap:18px;padding:24px}.panel-head-v3{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.skills-panel-copy{max-width:68ch;margin-top:6px}.panel-head-meta{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.panel-subcounter{color:var(--muted);font-size:.88rem}.skills-summary-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.summary-chip{background:#7a85ae0f;border:1px solid #7a85ae1f;border-radius:16px;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.summary-chip span{color:var(--muted);font-size:.82rem}.summary-chip strong{font-size:1rem}.priority-skills-preview{gap:14px;display:grid}.section-head-inline{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.section-head-inline h3{margin:0}.priority-domain-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.priority-domain-card{background:#7a85ae0f;border:1px solid #7a85ae1f;border-radius:18px;gap:10px;padding:16px;display:grid}.priority-domain-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.priority-domain-badge{color:#7c95ff;background:#6081ff1f;border-radius:999px;padding:6px 10px;font-size:.78rem;font-weight:700}.priority-domain-action{justify-self:start}.skill-groups-v3{gap:14px;display:grid}.skill-group-v3{background:#7a85ae0a;border:1px solid #7a85ae24;border-radius:22px;overflow:hidden}.skill-group-toggle-v3{text-align:left;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:18px 20px;display:flex}.skill-group-main{flex:1;grid-template-columns:minmax(0,1fr) minmax(220px,320px);align-items:center;gap:16px;min-width:0;display:grid}.skill-group-progress-block{gap:8px;display:grid}.skill-group-progress-labels{color:var(--muted);justify-content:space-between;gap:12px;font-size:.84rem;display:flex}.skill-group-progress-bar{background:#7a85ae1f;border-radius:999px;height:10px;position:relative;overflow:hidden}.skill-group-progress-bar span{border-radius:inherit;background:linear-gradient(90deg,#4b8dff 0%,#8d73ff 100%);position:absolute;inset:0 auto 0 0}.skills-list-v3{gap:12px;padding:0 16px 16px;display:grid}.skill-list-item-v3{background:#7a85ae0d;border:1px solid #7a85ae1f;border-radius:18px;gap:14px;padding:18px;display:grid}.skill-row-top{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.skill-copy-block{min-width:0}.skill-copy-block h3{margin:0 0 6px}.skill-card-description{max-width:68ch}.skill-top-meta{text-align:right;justify-items:end;gap:8px;display:grid}.skill-quick-pick{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.level-step{min-height:72px;color:inherit;text-align:left;background:#7a85ae0a;border:1px solid #7a85ae24;border-radius:14px;gap:4px;padding:10px 8px;transition:transform .18s,border-color .18s,background .18s;display:grid}.level-step span{font-size:1rem;font-weight:700}.level-step small{color:var(--muted);font-size:.74rem;line-height:1.35}.level-step:hover{border-color:#6081ff47;transform:translateY(-1px)}.level-step.active{background:#6081ff1f;border-color:#6081ff57;box-shadow:inset 0 0 0 1px #6081ff24}.level-step.active small{color:inherit}.skill-range-block-v3{gap:10px;display:grid}.skill-range-label-v3{justify-content:space-between;align-items:center;gap:12px;display:flex}.skill-level-note-v3{gap:8px;display:grid}html[data-theme=light] .skills-metric-card,html[data-theme=light] .summary-chip,html[data-theme=light] .priority-domain-card,html[data-theme=light] .skill-group-v3,html[data-theme=light] .skill-list-item-v3,html[data-theme=light] .level-step{background:#f4f7ffe6}html[data-theme=dark] .skills-metric-card,html[data-theme=dark] .summary-chip,html[data-theme=dark] .priority-domain-card{background:#ffffff0d;border-color:#ffffff14}html[data-theme=dark] .skill-group-v3,html[data-theme=dark] .skill-list-item-v3,html[data-theme=dark] .level-step{background:#ffffff0a;border-color:#ffffff14}html[data-theme=dark] .skill-group-progress-bar{background:#ffffff14}html[data-theme=dark] .priority-domain-badge,html[data-theme=dark] .level-step.active{color:#dfe7ff;background:#6081ff2e;border-color:#6081ff4d}html[data-theme=dark] .level-step small{color:#e6ecffb8}@media (width<=1080px){.skills-hero-layout,.skill-group-main{grid-template-columns:1fr}.skills-hero-metrics,.priority-domain-grid{grid-template-columns:1fr 1fr}}@media (width<=760px){.skills-hero-card,.skills-assessment-section-v3{padding:18px}.panel-head-v3,.skill-row-top,.skill-group-toggle-v3{flex-direction:column;align-items:stretch}.panel-head-meta,.skill-top-meta{text-align:left;place-items:flex-start start}.skills-hero-metrics,.skills-summary-strip,.priority-domain-grid,.skill-quick-pick{grid-template-columns:1fr}.skill-group-toggle-v3{padding:16px}.skills-list-v3{padding:0 12px 12px}.skill-list-item-v3{padding:16px}.level-step{min-height:auto}}.homepage-hero{gap:18px;padding:28px}.hero-lead{max-width:72ch;font-size:1.02rem;line-height:1.7}.feature-grid{gap:16px;display:grid}.feature-grid.three-up{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-grid.two-up{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-card{border:1px solid var(--border);background:#ffffff08;border-radius:20px;flex-direction:column;gap:10px;min-height:100%;padding:18px;display:flex;box-shadow:0 8px 20px #0000000f}html[data-theme=light] .feature-card{background:#ffffffe0}.feature-card h3,.feature-card p{margin:0}.feature-card h3{font-size:1.02rem;line-height:1.35}.feature-kicker{background:var(--accent-soft);width:fit-content;color:var(--accent);letter-spacing:.02em;border-radius:999px;align-items:center;padding:4px 10px;font-size:.78rem;font-weight:600;display:inline-flex}.role-planner{gap:18px}.role-planner-head{gap:6px}.role-planner-head h3,.available-transitions-block h3{margin:0}.role-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.field-card{border:1px solid var(--border);background:#ffffff0a;border-radius:18px;flex-direction:column;gap:8px;padding:16px;display:flex;box-shadow:inset 0 0 0 1px #ffffff05}html[data-theme=light] .field-card{background:#f8fafcf5;box-shadow:inset 0 0 0 1px #1018280d}.field-label{color:var(--muted);font-size:.82rem;font-weight:600}.field-card select{appearance:none;border:1px solid var(--border);width:100%;min-height:44px;color:var(--text);background:linear-gradient(45deg, transparent 50%, var(--muted) 50%) calc(100% - 18px) calc(50% - 2px) / 7px 7px no-repeat, linear-gradient(135deg, var(--muted) 50%, transparent 50%) calc(100% - 13px) calc(50% - 2px) / 7px 7px no-repeat, #ffffff0f;border-radius:12px;padding:10px 40px 10px 12px;box-shadow:0 1px 2px #0000001f}html[data-theme=light] .field-card select{background:linear-gradient(45deg, transparent 50%, var(--muted) 50%) calc(100% - 18px) calc(50% - 2px) / 7px 7px no-repeat, linear-gradient(135deg, var(--muted) 50%, transparent 50%) calc(100% - 13px) calc(50% - 2px) / 7px 7px no-repeat, #fff;border-color:#1018281f;box-shadow:0 1px 2px #0f172a0f}.field-card select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #8f7cff29}.available-transitions-block{gap:12px}.transition-grid{gap:12px;display:grid}.transition-card{border:1px solid var(--border);background:#ffffff08;border-radius:18px;flex-direction:column;gap:8px;padding:16px 18px;transition:border-color .16s,background-color .16s,box-shadow .16s;display:flex}html[data-theme=light] .transition-card{background:#ffffffd1}.transition-card h4,.transition-card p{margin:0}.transition-card-muted{background:#ffffff06}html[data-theme=light] .transition-card-muted{background:#f8fafceb}.transition-meta{color:var(--muted);font-size:.86rem}.transition-card.is-active{background:#8f7cff1f;border-color:#8f7cff80;box-shadow:0 10px 24px #0000002e}html[data-theme=light] .transition-card.is-active{background:#6d4ff014;box-shadow:0 10px 24px #6d4ff01a}.transition-card.is-active h4{color:var(--accent)}.transition-card.is-active .transition-meta{color:var(--text)}@media (width<=960px){.feature-grid.three-up,.feature-grid.two-up{grid-template-columns:1fr}}@media (width<=720px){.role-form-grid{grid-template-columns:1fr}.field-card,.transition-card{border-radius:16px;padding:14px}}@media (width<=640px){.homepage-hero,.compact-card{padding:20px}.feature-card{border-radius:16px;padding:16px}.hero-lead{font-size:.98rem;line-height:1.65}}