:root{color:#1d1d1f;background:#f5f5f7;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #1d1d1f;--muted: #6e6e73;--muted-2: #8e8e93;--text-secondary: #5a5a60;--surface: rgba(255, 255, 255, .72);--surface-solid: #ffffff;--surface-soft: rgba(245, 245, 247, .86);--line: rgba(0, 0, 0, .08);--line-strong: rgba(0, 0, 0, .14);--blue: #0a84ff;--green: #30d158;--orange: #ff9f0a;--red: #ff453a;--purple: #bf5af2;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 10px 28px rgba(0, 0, 0, .08);--shadow-lg: 0 24px 64px rgba(0, 0, 0, .12);--shadow: var(--shadow-lg);--shadow-soft: var(--shadow-md);--radius-lg: 14px;--radius-md: 10px;--radius-sm: 6px;--ease-out: cubic-bezier(.22, .61, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-spring: cubic-bezier(.16, 1, .3, 1);--dur-fast: .14s;--dur-mid: .22s;--dur-slow: .32s;--ring: 0 0 0 4px rgba(10, 132, 255, .18);--ring-soft: 0 0 0 3px rgba(10, 132, 255, .1);--chart-grid: rgba(0, 0, 0, .05);--radius-pill: 4px;--container: 1200px;--container-wide: 1400px;--page-max: var(--container);--page-pad: 32px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--section-gap: var(--space-6);--block-gap: var(--space-5);--item-gap: var(--space-4);--text-xs: 12px;--text-sm: 13px;--text-base: 15px;--text-lg: 17px;--text-xl: 22px;--text-2xl: 28px;--text-3xl: 34px;--z-nav: 100;--z-drawer: 200;--z-modal: 300;--z-toast: 400;--color-danger: var(--red);--color-success: var(--green);--color-warning: var(--orange);--color-info: var(--blue);--brand-gradient: linear-gradient(135deg, #0a84ff 0%, #7d5cf6 100%);color-scheme:light}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,[tabindex]:not([tabindex="-1"]):focus-visible{outline:2px solid rgba(10,132,255,.55);outline-offset:2px;transition:outline-color var(--dur-fast) ease,box-shadow var(--dur-fast) ease}[tabindex="-1"]:focus{outline:none}button:focus-visible{box-shadow:var(--ring);outline-offset:1px}button:active:not(:disabled){transform:translateY(0) scale(.98)}button.pill-nowrap,.app-brand,.next-step-mark,.compare-target-btn,.overlap-chip,.compare-empty button,.skill-action-btn,.skill-cancel-confirm,.skill-side-cta,.skill-drawer-open,.path-refresh,.learning-summary-cta,.path-view-tabs button,.capability-status-tabs button,.assessment-btn,.auth-tabs button,.ghost-button,.primary-action,.icon-action,.app-nav-link,.app-login-button,.app-user-trigger,.page-back-row button,.filter-drawer-toggle,.role-list-sort button,.discovery-empty button,.insight-header-cta button,.insight-footer button,.insight-error-state button,.ui-state-actions button,.ui-state-actions a,.confirm-dialog .confirm-actions button,.assessment-score,.brand-chip,.app-nav-badge,.compare-tray-count,.compare-chip,.overlap-count,.filter-chip,.chip-count,.card-rank,.skill-rank,.path-notice,.skill-history-action,.capability-skill-cat{white-space:nowrap}::selection{background:#0a84ff2e;color:var(--ink)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#0000001f;border-radius:0}@media(hover:hover)and (pointer:fine){::-webkit-scrollbar-thumb:hover{background:#0003}}h1,h2,h3,p{margin:0}h1,h2,h3,strong{letter-spacing:0}h1{font-size:clamp(38px,5vw,68px);line-height:.96}h2{font-size:clamp(34px,5vw,68px);line-height:.94}h3{font-size:clamp(20px,2.4vw,28px);line-height:1.08}p{color:var(--muted);line-height:1.65}.muted-placeholder{color:var(--muted)}input,select{background:transparent;border:0;color:var(--ink);min-height:32px;outline:none;width:100%}select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.echart{height:260px;min-width:0}.empty-state{align-items:center;background:#ffffff94;border:1px dashed var(--line-strong);border-radius:6px;color:var(--muted);display:grid;min-height:160px;place-items:center;text-align:center}.empty-state.compact{min-height:120px;padding:20px}.skeleton{animation:skeletonShimmer 1.2s ease-in-out infinite;background:linear-gradient(100deg,#f5f5f766 30%,#ffffffd9,#f5f5f766 70%);background-size:200% 100%;border-radius:2px}.skeleton-line{height:14px;width:100%}.skeleton-line.short{width:42%}.skeleton-line.medium{width:68%}.skeleton-block{height:100%;min-height:160px;width:100%}.skeleton-panel{display:grid;gap:12px;padding:20px}.skeleton-role-card{background:#ffffffb8;border:1px solid var(--line);border-radius:4px;display:grid;gap:10px;padding:16px}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.toast-viewport{display:grid;gap:10px;left:50%;pointer-events:none;position:fixed;top:18px;transform:translate(-50%);width:min(92vw,420px);z-index:var(--z-toast)}.toast-region{display:grid;gap:10px}.toast-region:empty{display:none}.toast-card{align-items:center;animation:uiToastIn var(--dur-mid) var(--ease-out) both;background:var(--tp-popover-bg);border:1px solid var(--line-strong);border-radius:4px;box-shadow:var(--shadow-md);display:flex;font-size:14px;gap:10px;padding:12px 14px;pointer-events:auto}.toast-card[data-leaving]{animation:uiToastOut var(--dur-fast) var(--ease-in-out) both}.toast-card>svg:first-child{flex-shrink:0}.toast-card.tone-success>svg:first-child{color:var(--color-success)}.toast-card.tone-error>svg:first-child{color:var(--color-danger)}.toast-card.tone-info>svg:first-child{color:var(--color-info)}.toast-card span{flex:1;min-width:0}.toast-card button{align-items:center;background:transparent;border:none;border-radius:2px;color:var(--muted);display:grid;flex-shrink:0;height:28px;padding:0;place-items:center;position:relative;width:28px}.toast-card button:after{content:"";top:-8px;right:-8px;bottom:-8px;left:-8px;position:absolute}@keyframes uiToastIn{0%{opacity:0;transform:translateY(-8px) scale(.98)}}@keyframes uiToastOut{to{opacity:0;transform:translateY(-6px) scale(.98)}}dialog.confirm-dialog{background:var(--tp-popover-bg);border:1px solid var(--line-strong);border-radius:8px;box-shadow:var(--shadow-md);margin:auto;max-width:none;opacity:0;padding:22px;transform:translateY(10px) scale(.98);transition:opacity .2s var(--ease-in-out),transform .2s var(--ease-in-out),overlay .2s allow-discrete,display .2s allow-discrete;width:min(92vw,380px)}dialog.confirm-dialog[open]{opacity:1;transform:translateY(0) scale(1);transition-duration:.28s}@starting-style{dialog.confirm-dialog[open]{opacity:0;transform:translateY(10px) scale(.98)}}dialog.confirm-dialog::backdrop{background:#0000;transition:background .2s var(--ease-in-out),overlay .2s allow-discrete,display .2s allow-discrete}dialog.confirm-dialog[open]::backdrop{background:#00000052}@starting-style{dialog.confirm-dialog[open]::backdrop{background:#0000}}.confirm-dialog h2{font-size:var(--text-lg);font-weight:700;margin:0 0 8px}.confirm-dialog .confirm-body{color:var(--muted);font-size:14px;line-height:1.55;margin:0 0 18px}.confirm-dialog .confirm-actions{display:flex;gap:10px;justify-content:flex-end}.confirm-dialog .confirm-actions button{align-items:center;border:1px solid var(--line);border-radius:3px;display:inline-flex;font-size:14px;font-weight:600;gap:6px;padding:8px 18px}.confirm-dialog .confirm-actions .confirm-primary{background:var(--tp-blue);border-color:var(--tp-blue);color:var(--tp-on-accent)}.confirm-dialog .confirm-actions .confirm-primary.tone-danger{background:var(--red);border-color:var(--red)}.confirm-dialog .confirm-actions button:disabled{opacity:.6}.ui-error-state,.ui-empty-state{align-items:center;border-radius:6px;display:grid;gap:10px;justify-items:center;padding:40px 24px;position:relative;text-align:center}.ui-error-state{background:var(--tp-card-solid);border:1px solid var(--line-strong)}.ui-empty-state{background:var(--tp-card-solid);border:1px dashed var(--line-strong)}.ui-state-icon{color:var(--muted);position:relative;z-index:1}.ui-error-state strong,.ui-empty-state strong{font-size:var(--text-lg);position:relative;z-index:1}.ui-error-state p,.ui-empty-state p{color:var(--muted);font-size:14px;margin:0;max-width:420px;position:relative;z-index:1}.ui-state-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:6px;position:relative;z-index:1}.ui-state-actions button,.ui-state-actions a{align-items:center;background:var(--surface-solid);border:1px solid var(--line);border-radius:3px;display:inline-flex;font-size:14px;font-weight:600;gap:6px;padding:8px 18px}.ui-state-actions .ui-state-primary{background:var(--tp-blue);border-color:var(--tp-blue);color:var(--tp-on-accent)}.ui-badge{align-items:center;background:#7676801f;border:1px solid transparent;border-radius:3px;color:var(--muted);display:inline-flex;flex:0 0 auto;font-size:var(--text-xs);font-weight:650;gap:4px;line-height:1.25;padding:3px 9px;white-space:nowrap}.ui-badge.tone-focus{background:#0a84ff1a;color:var(--blue)}.ui-badge.tone-learning{background:#ff9f0a1f;color:#a65d00}.ui-badge.tone-self{background:transparent;border-color:#248a3d80;color:#248a3d}.ui-badge.tone-locked{background:#7676801f;color:var(--muted)}.ui-badge.tone-core{background:#bf5af21a;color:#8a35b5}.glow-field{position:relative}.glow-field:before,.glow-field:after{display:none}.ui-loading-region,.ui-loading-content{min-width:0}.ui-loading-skeleton.is-delayed{visibility:hidden}.skeleton-stat{border-radius:2px;display:inline-block;height:18px;vertical-align:middle;width:64px}.skeleton-chart{animation:skeletonChartShimmer 1.2s ease-in-out infinite;background:linear-gradient(to top,transparent 0 24px,rgba(118,118,128,.09) 24px 25px,transparent 25px),repeating-linear-gradient(to bottom,transparent 0 52px,rgba(118,118,128,.07) 52px 53px),linear-gradient(100deg,#f5f5f780 30%,#ffffffe6,#f5f5f780 70%);background-size:100% 100%,100% 100%,200% 100%;border-radius:3px;height:260px;overflow:hidden;position:relative}.skeleton-chart:after{background:linear-gradient(to top,rgba(10,132,255,.09) 0 42%,transparent 42%) 10% 100% / 12% 76%,linear-gradient(to top,rgba(10,132,255,.09) 0 68%,transparent 68%) 32% 100% / 12% 76%,linear-gradient(to top,rgba(10,132,255,.09) 0 55%,transparent 55%) 54% 100% / 12% 76%,linear-gradient(to top,rgba(10,132,255,.09) 0 82%,transparent 82%) 76% 100% / 12% 76%;background-repeat:no-repeat;content:"";top:18px;right:18px;bottom:24px;left:28px;position:absolute}@keyframes skeletonChartShimmer{to{background-position:0 0,0 0,-200% 0}}.skeleton-table-row{align-items:center;display:grid;gap:12px;grid-template-columns:minmax(0,1.3fr) minmax(90px,.55fr) minmax(120px,.8fr);min-height:64px}.skeleton-table-row .skeleton-line{max-width:100%}.content-in{animation:uiContentIn .18s var(--ease-out) both}@keyframes uiContentIn{0%{opacity:0;transform:translateY(4px)}}.num{font-variant-numeric:tabular-nums;letter-spacing:0}.stat-hero{font-size:38px;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:0;line-height:1.05}.stat-hero small{color:var(--muted);font-size:var(--text-base);font-weight:500;margin-left:2px}.eyebrow{color:var(--muted);display:inline-block;font-size:var(--text-sm);font-weight:700;letter-spacing:.07em;text-transform:uppercase}.eyebrow-zh{color:var(--muted);display:inline-block;font-size:var(--text-sm);font-weight:500}.notice{align-items:center;animation:toastIn var(--dur-mid) var(--ease-out) both;background:var(--tp-card-solid);border:1px solid var(--line-strong);border-radius:4px;color:var(--muted);display:flex;font-size:var(--text-sm);gap:8px;max-width:min(100%,620px);padding:10px 14px}.notice>svg{color:var(--blue);flex:0 0 auto}.notice.notice-danger{border-color:#ff453a59}.notice.notice-danger>svg{color:var(--color-danger)}.notice.notice-success{border-color:#30d15866}.notice.notice-success>svg{color:var(--color-success)}.inline-refresh{color:var(--muted);margin-left:8px;vertical-align:middle}.spin{animation:spin .88s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes toastIn{0%{opacity:0;transform:translateY(-6px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes cardIn{0%{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes viewFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.stagger-item{animation:cardIn var(--dur-slow) var(--ease-out) backwards;animation-delay:calc(min(var(--i, 0),6)*40ms)}::view-transition-old(root){animation:.2s var(--ease-in-out) both viewTransitionFadeOut}::view-transition-new(root){animation:.24s 60ms var(--ease-out) both viewTransitionFadeIn}::view-transition-old(learning-path-view){animation:.18s var(--ease-in-out) both viewTransitionFadeOut}::view-transition-new(learning-path-view){animation:.22s var(--ease-out) both viewTransitionFadeIn}::view-transition-group(role-context-indicator){animation-duration:var(--dur-mid);animation-timing-function:var(--ease-in-out)}@keyframes viewTransitionFadeOut{to{opacity:0}}@keyframes viewTransitionFadeIn{0%{opacity:0;transform:translateY(8px)}}@media(prefers-reduced-motion:reduce){::view-transition-old(*),::view-transition-new(*),::view-transition-group(*){animation:none!important}}@media(hover:hover)and (pointer:fine){.toast-card button:hover{color:var(--ink)}}.app-shell{min-height:100dvh;display:flex;flex-direction:column}.app-shell.shell-wide{--page-max: var(--container-wide)}.app-shell>main{width:100%}.app-header{position:sticky;top:0;z-index:var(--z-nav);background:var(--tp-page-1);border-bottom:1px solid var(--line-strong)}.app-header-inner{max-width:var(--page-max);margin:0 auto;padding:10px var(--page-pad);display:flex;align-items:center;gap:var(--space-4)}.app-brand{display:inline-flex;align-items:center;gap:7px;border:none;background:none;padding:4px 8px;margin-left:-8px;border-radius:0;color:var(--ink);cursor:pointer;transition:opacity var(--dur-fast) var(--ease-out)}.app-brand svg{color:var(--blue);flex:0 0 auto}.app-brand .app-brand-wordmark{fill:var(--ink);height:32px;width:auto;align-self:center}.app-header-nav{display:none;align-items:center;gap:var(--space-1);margin:0 auto}.app-nav-link{position:relative;display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:0;font-size:var(--text-sm);font-weight:600;color:var(--muted);text-decoration:none;white-space:nowrap;transition:color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.app-nav-link.active{color:var(--ink);background:transparent}.app-nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:17px;height:17px;padding:0 5px;border-radius:2px;background:var(--blue);color:var(--tp-on-accent);font-size:11px;font-weight:700;line-height:1}.app-header-account{margin-left:auto;display:flex;align-items:center;gap:8px;flex:0 1 auto;min-width:0}.app-header-nav+.app-header-account{margin-left:0}.app-login-button{display:inline-flex;align-items:center;gap:7px;padding:7px 16px;border:1px solid var(--line-strong);border-radius:3px;background:var(--tp-card-solid);color:var(--ink);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:background var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.app-user-menu{display:flex;justify-content:flex-end;min-width:0;position:relative}.app-user-trigger{display:inline-flex;align-items:center;flex:0 1 auto;gap:7px;max-width:100%;min-width:0;padding:7px 12px;border:1px solid transparent;border-radius:3px;background:none;color:var(--ink);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:background var(--dur-fast) var(--ease-out)}.app-user-trigger[aria-expanded=true]{background:#0000000b}.app-user-email{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-user-trigger>svg{flex:0 0 auto}.app-user-caret{color:var(--muted-2);transition:transform var(--dur-fast) var(--ease-out)}.app-user-caret.open{transform:rotate(180deg)}.app-user-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:180px;padding:6px;border:1px solid var(--line-strong);border-radius:4px;background:var(--tp-popover-bg);box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:2px;animation:uiDropdownIn var(--dur-fast) var(--ease-out)}@keyframes uiDropdownIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.app-user-dropdown button{display:flex;align-items:center;gap:9px;width:100%;padding:9px 12px;border:none;border-radius:2px;background:none;color:var(--ink);font-size:var(--text-sm);font-weight:500;text-align:left;cursor:pointer;transition:background var(--dur-fast) var(--ease-out)}.app-user-dropdown button svg{color:var(--muted)}.theme-switcher{position:relative;flex:0 0 auto}.theme-switcher-trigger{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:7px 12px;border:1px solid var(--line-strong);border-radius:3px;background:var(--tp-card-solid);color:var(--ink);font-size:var(--text-sm);font-weight:600;white-space:nowrap;cursor:pointer;transition:background var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.theme-switcher-trigger[aria-expanded=true]{background:var(--tp-tint-08)}.theme-switcher-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:var(--z-modal);min-width:min(280px,calc(100vw - 20px));max-width:380px;max-height:min(70vh,560px);padding:6px;border:1px solid var(--line-strong);border-radius:4px;background:var(--tp-popover-bg);box-shadow:var(--shadow-md);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 4px;overflow-y:auto;overscroll-behavior-y:contain;animation:uiDropdownIn var(--dur-fast) var(--ease-out)}.theme-group{display:contents}.theme-group-label{grid-column:1 / -1;margin:4px 10px 2px;color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.08em;white-space:nowrap}.theme-group+.theme-group .theme-group-label{margin-top:10px;padding-top:8px;border-top:1px solid var(--line)}.theme-option{display:flex;align-items:center;gap:10px;width:100%;min-width:0;padding:8px 10px;border:0;border-radius:2px;background:none;color:var(--ink);font-size:var(--text-sm);font-weight:600;text-align:left;white-space:nowrap;cursor:pointer;transition:background var(--dur-fast) var(--ease-out)}.theme-swatch{display:inline-flex;align-items:center;gap:3px;flex:0 0 auto}.theme-swatch i{display:inline-block;width:16px;height:16px;border-radius:50%;border:1.5px solid var(--line-strong)}.theme-option-label{flex:1 1 auto;min-width:0}.theme-option-check{color:var(--muted);flex:0 0 auto}.theme-option.active .theme-option-check{color:var(--ink)}.page-back-row{padding:14px 0 0}.page-back-row button{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:1px solid var(--line);border-radius:3px;background:var(--tp-card-solid);color:var(--muted);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}@media(hover:hover){.page-back-row button:hover{color:var(--ink);background:#fff;border-color:var(--line-strong)}}.mobile-tab-bar{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-nav);display:flex;justify-content:space-around;padding:6px 12px calc(6px + env(safe-area-inset-bottom));background:var(--tp-page-1);border-top:1px solid var(--line-strong)}.mobile-tab-item{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0;min-height:44px;flex:1 1 25%;padding:5px 10px;border-radius:0;color:var(--muted);font-size:11px;font-weight:600;text-decoration:none;border:0;background:transparent;cursor:pointer;white-space:nowrap;transition:color var(--dur-fast) var(--ease-out)}.mobile-tab-item.active{color:var(--blue)}.mobile-tab-icon{position:relative;display:inline-flex}.mobile-tab-icon .app-nav-badge{position:absolute;top:-5px;right:-9px}@media(min-width:900.01px){.app-header-nav{display:flex}.mobile-tab-bar{display:none}}@media(max-width:900px){.app-shell{padding-bottom:calc(64px + env(safe-area-inset-bottom))}.app-header-inner{display:grid;grid-template-columns:max-content minmax(0,1fr)}.app-header-account{justify-content:flex-end;margin-left:0;min-width:0}}@media(hover:hover)and (pointer:fine){.app-brand:hover{opacity:.72}.app-nav-link:not(.active):hover{background:#0000000b;color:var(--ink)}.app-login-button:hover{background:var(--tp-tint-05)}.app-user-trigger:hover{background:#0000000b}.app-user-dropdown button:hover{background:#0000000d}.theme-switcher-trigger:hover,.theme-option:hover{background:var(--tp-tint-08)}}@media(max-width:900px){.theme-switcher-label{display:none}.theme-switcher-menu{position:fixed;top:auto;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));left:10px;width:auto;min-width:0;max-width:none;max-height:min(60vh,520px);border-radius:4px;padding:8px;transform-origin:bottom center}.theme-option{padding:9px 8px;font-size:var(--text-xs)}.theme-swatch i{width:11px;height:11px}.theme-option-check{width:15px}}.target-role-launcher{position:relative}.target-role-trigger,.target-mobile-trigger,.target-role-actions button,.target-role-sheet-header button,.target-role-direct-actions button,.target-role-manage-actions button,.target-current-label{white-space:nowrap}.target-role-trigger.app-nav-link{color:var(--blue);background:var(--tp-tint-08);box-shadow:inset 0 0 0 1px var(--tp-tint-24);transition:color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.target-role-trigger.app-nav-link.active{color:var(--blue);background:var(--tp-tint-16);box-shadow:inset 0 0 0 1px var(--tp-tint-42)}.target-trigger-short{display:none}.target-tab-icon{font-size:20px;line-height:20px}.target-role-popover{position:absolute;z-index:1;top:calc(100% + 10px);left:calc(100% - 24px);width:min(320px,calc(100vw - 2 * var(--page-pad)));border:1px solid var(--line-strong);border-radius:4px;background:var(--tp-popover-bg);box-shadow:var(--shadow-md);animation:uiDropdownIn var(--dur-fast) var(--ease-out)}.target-role-content{display:grid;grid-template-rows:auto minmax(0,1fr)}.target-role-scroll{min-height:0;overflow-y:auto;padding:22px}.target-role-scroll h2{margin:5px 0 7px;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:var(--text-xl)}.target-role-scroll>p,.target-role-scroll h2+p{margin:0;color:var(--muted);font-size:var(--text-sm)}.target-role-actions{display:flex;flex-direction:column;gap:10px;margin-top:20px}.target-role-actions button,.target-role-direct-actions button{min-height:44px;border-radius:3px;border:1px solid var(--line-strong);background:var(--tp-card-solid);color:var(--ink);font:inherit;font-weight:650;cursor:pointer}.target-role-actions button:disabled{cursor:wait;opacity:.55}.target-role-actions .target-primary{border-color:var(--blue);background:var(--blue);color:var(--tp-on-accent)}.target-role-direct-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.target-role-direct-actions button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 14px}.target-role-manage-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}.target-role-actions .target-text-action{min-height:44px;padding:0 8px;border:0;background:transparent;color:var(--muted);font-size:var(--text-sm)}.target-path-preparing{padding:12px 2px;color:var(--muted);font-size:var(--text-sm);text-align:center}.target-current-label{display:inline-flex;min-height:32px;align-items:center;color:var(--blue);font-size:var(--text-sm);font-weight:700}.discovery-target-bar{width:100%;max-width:var(--page-max);margin:0 auto 18px;padding:11px var(--page-pad);display:flex;align-items:center;gap:12px;border-block:1px solid var(--line);color:var(--muted)}.discovery-target-bar strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink);margin-right:auto}.discovery-target-bar button,button.path-target-button,.role-context-tabs button,.capability-target-row button,.compare-target-actions button{min-height:44px;padding:0 15px;border:1px solid var(--line-strong);border-radius:3px;background:var(--tp-card-solid);color:var(--ink);font:inherit;font-weight:650;white-space:nowrap;cursor:pointer}.discovery-target-bar.intent{background:#0071e30e;color:var(--ink)}.discovery-target-bar.intent span{margin-right:auto}.role-target-tag{flex:0 0 auto;color:var(--blue);font-size:12px;font-weight:700}.path-target-button{min-height:44px;color:var(--blue)}button.path-target-button{transition:color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.role-header-context-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:12px;width:100%;min-width:0;margin-bottom:24px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.role-header-context-row::-webkit-scrollbar{display:none}.role-header-context-row .path-target-button{flex:0 0 auto;margin:0}.role-header-context-row .role-context-tabs{flex:0 0 200px;margin-left:auto}.role-context-tabs{position:relative;width:200px;max-width:100%;display:flex;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;margin-bottom:0;padding:2px;border:1px solid var(--line-strong);border-radius:4px;background:var(--tp-card-solid)}.role-context-indicator{position:absolute;z-index:0;inset:2px auto 2px 2px;width:calc((100% - 4px)/2);border-radius:2px;background:var(--ink);pointer-events:none;transform:translate(0);transition:transform var(--dur-mid) var(--ease-in-out);view-transition-name:role-context-indicator}.role-context-tabs[data-active-view=path] .role-context-indicator{transform:translate(100%)}.role-context-tabs button{position:relative;z-index:1;flex:1 0 50%;border:0;min-height:36px;background:transparent;transition:color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out)}.role-context-tabs button[aria-current=page]{color:var(--surface-solid)}.compare-target-actions{display:inline-flex;width:max-content;max-width:none;flex-direction:row;align-items:center;gap:4px}.compare-target-actions .compare-target-btn{background:var(--blue);border-color:var(--blue);color:var(--tp-on-accent)}@media(hover:hover)and (pointer:fine){.target-role-trigger.app-nav-link:hover{color:var(--blue);background:var(--tp-tint-16);box-shadow:inset 0 0 0 1px var(--tp-tint-42)}button.path-target-button:hover{border-color:#0a84ff61;background-color:#0a84ff14}.role-context-tabs button:not([aria-current=page]):not(:disabled):hover{background-color:#0a84ff14;color:var(--blue)}}.capability-target-section{margin-top:0}.capability-target-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:6px 18px}.capability-target-row>div:first-child{min-width:0}.capability-target-row strong{display:block;overflow-wrap:anywhere;font-size:var(--text-xl)}.capability-target-row p{margin:5px 0 0;color:var(--muted)}.capability-target-actions{display:flex;gap:8px;flex:0 0 auto}.capability-target-actions button.primary{background:var(--blue);border-color:var(--blue);color:var(--tp-on-accent)}.target-role-sheet{width:min(560px,100%);max-width:none;max-height:min(78dvh,680px);margin:auto auto 0;padding:0;border:1px solid var(--line-strong);border-bottom:0;border-radius:10px 10px 0 0;background:var(--tp-popover-bg);box-shadow:var(--shadow-md)}.target-role-sheet::backdrop{background:#14192357}.target-role-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 8px}.target-role-sheet-header button{width:44px;height:44px;border:1px solid var(--line);border-radius:3px;background:var(--tp-card-solid);color:var(--ink)}.target-role-sheet .target-role-content{max-height:inherit}.target-role-sheet .target-role-scroll{padding:10px 20px calc(20px + env(safe-area-inset-bottom))}@media(min-width:641px)and (max-width:900px){.target-role-sheet{margin:auto;border:1px solid var(--line-strong);border-radius:8px}.target-role-sheet .target-role-direct-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.target-role-sheet .target-role-direct-actions{display:flex;flex-direction:column}.target-role-sheet .target-primary{order:-1;width:100%}.discovery-target-bar{align-items:flex-start;flex-wrap:wrap}.discovery-target-bar strong{flex-basis:100%}.capability-target-row{align-items:stretch;flex-direction:column}.capability-target-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.capability-target-actions button{width:100%}}@media(max-width:320px){.target-role-manage-actions{align-items:stretch;flex-direction:column}.target-role-actions .target-text-action{width:100%}.capability-target-actions{grid-template-columns:1fr}}@media(min-width:901px)and (max-width:1180px){.target-trigger-long{display:none}.target-trigger-short{display:inline}}.login-page{min-height:100vh;background:var(--tp-page-2);color:var(--ink);display:grid;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,PingFang SC,Microsoft YaHei,sans-serif;letter-spacing:0;padding:clamp(16px,3vw,36px);place-items:center}.login-page.login-page{background:var(--tp-page-2)}.login-page h1,.login-page h2,.login-page h3,.login-page strong{letter-spacing:0}.login-shell{background:var(--tp-card-solid);border:1px solid var(--line-strong);display:grid;gap:0;grid-template-columns:minmax(0,1.05fr) minmax(360px,440px);max-width:1180px;min-height:min(720px,calc(100vh - 72px));width:100%}.login-page .login-art-panel,.login-page .login-auth-panel{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--tp-card-solid);border:0;border-radius:0;box-shadow:none}.login-art-panel{border-right:1px solid var(--line-strong);display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-height:0;overflow:hidden;padding:clamp(22px,4vw,42px);position:relative}.login-art-panel:before,.login-art-panel:after{display:none}.brand-chip.floating,.login-art-copy,.career-motion{position:relative;z-index:1}.career-motion{align-self:center;height:auto;justify-self:center;margin:8vh 0 3vh;overflow:visible;width:min(820px,100%)}.career-motion-line,.career-motion-glow,.career-motion-fill{fill-rule:nonzero}.career-motion-gradient-paint{fill:url(#careerGradient)}.career-motion-line{animation:careerDraw 3.8s cubic-bezier(.65,0,.25,1) .32s forwards;fill:transparent;stroke:#fff;stroke-dasharray:1;stroke-dashoffset:1;stroke-linecap:round;stroke-linejoin:round;stroke-width:38.84138}.career-motion-glow{animation:careerGlow 3.8s ease .32s forwards;fill:transparent;opacity:0;stroke:#fff;stroke-dasharray:1;stroke-dashoffset:1;stroke-width:176.55172;filter:blur(12px)}.career-motion-fill{animation:careerFill .7s ease 3.7s forwards;fill:#fff;opacity:0}.login-art-copy{border-top:1px solid var(--line);display:grid;gap:16px;justify-items:start;max-width:none;padding-top:24px;text-align:left}.login-art-copy h1{color:var(--ink);font-size:var(--text-2xl);line-height:1.16;max-width:580px}.login-art-copy>.eyebrow{display:none}.login-page .brand-chip{align-items:center;background:transparent;border:1px solid var(--line-strong);border-radius:2px;box-shadow:none;color:var(--ink);display:inline-flex;gap:8px;justify-self:start;padding:8px 12px}.login-page .input-shell{align-items:center;background:var(--tp-page-1);border:1px solid var(--line-strong);border-radius:3px;display:grid;gap:8px;grid-template-columns:auto minmax(0,1fr);min-height:48px;padding:9px 12px;transition:background var(--dur-mid) var(--ease-out),border-color var(--dur-mid) var(--ease-out)}.input-shell:not(:has(>svg)){grid-template-columns:minmax(0,1fr)}.login-page .input-shell:focus-within{background:var(--tp-card-solid);border-color:var(--tp-blue);box-shadow:none;outline:2px solid var(--tp-blue);outline-offset:2px}.input-shell svg{color:var(--muted-2);transition:color var(--dur-mid) ease}.input-shell:focus-within svg{color:var(--blue)}.input-shell input{background:transparent;border:0;color:var(--ink);font-size:var(--text-lg);min-width:0;outline:none;width:100%}.input-shell input::placeholder{color:var(--muted)}.input-shell input:focus-visible{outline:none}.ghost-button,.primary-action,.icon-action{align-items:center;border:0;border-radius:3px;display:inline-flex;font-weight:700;gap:8px;justify-content:center;min-height:42px;padding:10px 16px;transition:background var(--dur-mid) var(--ease-out),border-color var(--dur-mid) var(--ease-out),color var(--dur-mid) ease,opacity var(--dur-fast) ease}.login-page .primary-action{background:var(--ink);box-shadow:none;color:var(--tp-card-solid);position:relative}.primary-action svg{transition:transform var(--dur-mid) var(--ease-out)}.primary-action:not(:disabled):active svg{transform:translate(1px)}.login-page .icon-action{background:var(--tp-page-1);border:1px solid var(--line-strong);color:var(--ink)}.login-page .ghost-button{background:transparent;border:1px solid var(--line-strong);color:var(--ink);justify-self:start}.login-page button:active:not(:disabled){transform:none}.login-auth-panel{align-items:center;display:grid;padding:clamp(18px,4vw,32px)}.login-card{display:grid;gap:18px;margin:0 auto;max-width:390px;width:100%}.auth-tabs{background:transparent;border:1px solid var(--line-strong);border-radius:3px;display:grid;gap:0;grid-template-columns:repeat(2,1fr);padding:0;position:relative}.auth-tabs button{background:transparent;border:0;border-radius:0;color:var(--muted);font-weight:700;min-height:42px;position:relative;transition:background var(--dur-mid) var(--ease-out),color var(--dur-mid) var(--ease-out)}.auth-tabs button+button{border-left:1px solid var(--line-strong)}.login-page .auth-tabs button.active{background:var(--tp-tint-08);box-shadow:inset 0 -2px 0 var(--tp-blue);color:var(--ink)}.auth-form{animation:viewFadeIn .28s var(--ease-out) both;display:grid;gap:12px}.code-row{display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto}.icon-action{min-width:84px}.primary-action{min-height:48px;width:100%}.session-retry-action{background:var(--tp-tint-08);border:1px solid var(--tp-tint-24);border-radius:3px;color:var(--tp-blue);font-weight:700;min-height:42px;width:100%}.login-benefits{display:grid;gap:0;list-style:none;margin:0;border-top:1px solid var(--line);padding:0}.login-benefit{align-items:center;display:grid;border-bottom:1px solid var(--line);gap:10px;grid-template-columns:30px minmax(0,1fr);min-height:48px;padding:7px 0}.login-page .login-benefit-icon{align-items:center;background:transparent;border:1px solid var(--line-strong);border-radius:2px;color:var(--tp-blue);display:grid;height:30px;place-items:center;width:30px}.login-benefit-copy strong{font-size:15px;font-weight:650}.link-button{background:transparent;border:0;color:var(--tp-blue);font-size:13px;justify-self:start;padding:6px 2px}.auth-mode-back{align-items:center;display:flex;border-bottom:1px solid var(--line);gap:12px;padding-bottom:14px}.auth-mode-back button{background:transparent;border:0;color:var(--tp-blue);font-size:14px;padding:4px 0}.auth-mode-title{font-size:20px;font-weight:700;margin:0}.skeleton-line.long{width:88%}.login-skeleton-panel{display:grid;gap:14px;padding:clamp(22px,4vw,42px)}.login-skeleton-panel .skeleton-block{min-height:220px}@keyframes careerDraw{to{stroke-dashoffset:0}}@keyframes careerGlow{0%{opacity:0;stroke-dashoffset:1}30%{opacity:.6}to{opacity:.42;stroke-dashoffset:0}}@keyframes careerFill{to{opacity:.94}}@media(hover:hover)and (pointer:fine){.login-page .input-shell:hover{background:var(--tp-card-solid);border-color:var(--line-strong)}.login-page .primary-action:not(:disabled):hover{opacity:.82}.auth-tabs button:not(.active):hover{background:var(--tp-tint-05);color:var(--ink)}.session-retry-action:hover{background:var(--tp-tint-12)}.login-page .icon-action:not(:disabled):hover,.login-page .ghost-button:not(:disabled):hover{background:var(--tp-tint-05);border-color:var(--tp-blue)}.link-button:hover,.auth-mode-back button:hover{text-decoration:underline}}@media(max-width:900px){.login-page .login-art-panel{border-right:0;border-bottom:1px solid var(--line-strong)}}@media(max-width:640px){.login-page .login-shell{gap:0}.login-page .login-art-panel,.login-page .login-auth-panel{border-radius:0}.login-page .login-art-panel{padding:18px 20px 20px}.login-page .career-motion{margin:-8px 0 -16px;width:min(420px,90%)}.login-page .login-art-copy{border-top:0;gap:8px;justify-items:center;padding-top:0;text-align:center}.login-page .login-benefits{display:none}.login-page .login-auth-panel{padding:20px}}.profile-flow{--profile-canvas: var(--tp-page-2);--profile-surface: var(--tp-card-solid);--profile-ink: var(--ink);--profile-muted: var(--muted);--profile-accent: var(--tp-blue);--profile-accent-soft: var(--tp-tint-08);--profile-line: var(--line-strong);width:100%;min-height:100dvh;background:var(--profile-canvas);color:var(--profile-ink);caret-color:var(--profile-accent);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,PingFang SC,Microsoft YaHei,sans-serif;letter-spacing:0}.profile-flow h1,.profile-flow h2,.profile-flow h3,.profile-flow strong,.profile-overview-page h1,.profile-overview-page h2,.profile-overview-page h3,.profile-overview-page strong{letter-spacing:0}.profile-flow ::selection{background:var(--profile-accent-soft);color:var(--profile-ink)}.profile-flow-header{width:100%;min-height:56px;padding:8px max(var(--page-pad),calc((100vw - 1200px) / 2 + var(--page-pad)));border-bottom:1px solid var(--profile-line);background:var(--tp-page-1);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.profile-flow-brand{display:inline-flex;align-items:center;gap:7px;color:var(--blue);min-width:0}.profile-flow-wordmark{fill:var(--profile-ink);height:32px;width:auto}.profile-text-action{border:0;background:transparent;color:var(--profile-muted);padding:6px 4px;font-size:var(--text-sm);font-weight:650;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:4px}.profile-text-action[aria-disabled=true]{cursor:progress;opacity:.58}.profile-flow button:focus-visible,.profile-flow input:focus-visible{outline:2px solid var(--profile-accent);outline-offset:2px;box-shadow:none}.profile-flow-body{width:100%;max-width:720px;margin:0 auto;padding:clamp(44px,8vh,88px) var(--page-pad) calc(var(--space-8) + env(safe-area-inset-bottom))}.profile-question{animation:profile-question-in .32s var(--ease-out) both}.profile-progress-row{display:flex;align-items:center;gap:var(--space-4);color:var(--profile-muted);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.profile-progress-track{min-width:0;flex:1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.profile-progress-track>span{height:3px;border-radius:0;background:var(--profile-line)}.profile-progress-track>span.active{background:var(--profile-accent)}.profile-substep{margin-top:var(--space-3);color:var(--profile-muted);font-size:var(--text-sm)}.profile-question-copy{margin-top:var(--space-7)}.profile-question-copy h1{max-width:20ch;font-size:var(--text-2xl);line-height:1.18;letter-spacing:0}.profile-question-content{margin-top:var(--space-6)}.profile-input-stack,.profile-option-list{display:grid;gap:var(--space-2)}.profile-option-row{position:relative;min-height:54px;display:flex;align-items:flex-start;gap:var(--space-3);padding:15px 16px;border:1px solid var(--profile-line);border-radius:3px;background:var(--profile-surface);color:var(--profile-ink);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.profile-option-row input{position:absolute;width:1px;height:1px;opacity:0}.profile-option-mark{width:18px;height:18px;flex:0 0 18px;margin-top:1px;border:1px solid var(--profile-line);border-radius:50%;background:transparent}.profile-option-row:has(input:checked){border-color:var(--profile-accent);background:var(--profile-accent-soft)}.profile-option-row input:checked+.profile-option-mark{border:5px solid var(--profile-accent);background:var(--profile-surface)}.profile-option-row:has(input:focus-visible){outline:2px solid var(--profile-accent);outline-offset:2px;box-shadow:none}.profile-option-label{min-width:0;line-height:1.45}.profile-combobox{position:relative}.profile-combobox>label{display:block;margin-bottom:var(--space-2);color:var(--profile-muted);font-size:var(--text-sm)}.profile-combobox>input{min-height:54px;padding:0 16px;border:1px solid var(--profile-line);border-radius:3px;background:var(--profile-surface);color:var(--profile-ink)}.profile-combobox>input::placeholder{color:var(--profile-muted);opacity:1}.profile-combobox-list{position:absolute;z-index:20;top:calc(100% + 6px);left:0;right:0;max-height:min(336px,48vh);display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--profile-line);border-radius:3px;background:var(--profile-surface);box-shadow:none}.profile-combobox-options{min-height:0;overflow-y:auto;padding:0}.profile-combobox-more{flex:0 0 auto;min-height:42px;margin:0;border:0;border-top:1px solid var(--profile-line);background:transparent;color:var(--profile-accent);font-weight:700}.profile-combobox-option{width:100%;min-height:48px;display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:10px 12px;border:0;border-radius:0;background:transparent;color:var(--profile-ink);text-align:left}.profile-combobox-option+.profile-combobox-option{border-top:1px solid var(--profile-line)}.profile-combobox-option[aria-selected=true]{background:var(--profile-accent-soft)}.profile-combobox-option strong{letter-spacing:0}.profile-combobox-option small,.profile-selection-row small{color:var(--profile-muted);line-height:1.4}.profile-combobox-status{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:10px 12px;color:var(--profile-muted)}.profile-selection-row{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:10px 14px 10px 16px;border:1px solid var(--profile-line);border-radius:3px;background:var(--profile-surface)}.profile-selection-row>span{min-width:0;display:flex;flex-direction:column;gap:3px}.profile-selection-row>.profile-selection-actions{flex:0 0 auto;flex-direction:row;align-items:center;gap:var(--space-3)}.profile-selection-row strong{overflow-wrap:anywhere}.profile-experience-input{display:grid;gap:var(--space-4)}.profile-experience-input>label{display:flex;align-items:center;gap:var(--space-3);color:var(--profile-muted)}.profile-experience-input>label input{width:104px;min-height:54px;padding:0 16px;border:1px solid var(--profile-line);border-radius:3px;background:var(--profile-surface);color:var(--profile-ink);font-size:var(--text-xl);font-variant-numeric:tabular-nums}.profile-field-error{color:var(--color-danger);font-size:var(--text-sm)}.profile-skill-context,.profile-skill-draft{display:grid;gap:var(--space-5)}.profile-actual-role{padding-left:46px}.profile-raw-role,.profile-skill-raw-input{display:grid;gap:var(--space-2)}.profile-raw-role>span,.profile-skill-raw-input>label{color:var(--profile-muted);font-size:var(--text-sm)}.profile-raw-role input,.profile-skill-raw-input input{min-height:46px;padding:0 14px;border:1px solid var(--profile-line);border-radius:3px;background:var(--profile-surface);color:var(--profile-ink)}.profile-skill-note,.profile-skill-empty,.profile-skill-confirmation-copy{color:var(--profile-muted)}.profile-skill-list{overflow:hidden;border:1px solid var(--profile-line);border-radius:3px;background:var(--profile-surface)}.profile-skill-row{padding:14px 16px;border-bottom:1px solid var(--profile-line)}.profile-skill-row:last-child{border-bottom:0}.profile-skill-row.unavailable{opacity:.64}.profile-skill-row-main{display:grid;grid-template-columns:44px minmax(0,1fr) auto auto;align-items:center;gap:var(--space-3)}.profile-skill-row-actions{display:flex;align-items:center;gap:var(--space-3)}.profile-skill-checkbox-hit{width:44px;height:44px;display:inline-grid;place-items:center;cursor:pointer}.profile-skill-checkbox-hit>input{width:18px;height:18px;accent-color:var(--profile-accent)}.profile-skill-checkbox-spacer{width:44px;height:44px}.profile-skill-name{display:flex;min-width:0;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.profile-skill-name strong{overflow-wrap:anywhere}.profile-skill-name small{color:var(--profile-muted)}.profile-skill-reason{margin:var(--space-2) 0 0 32px;color:var(--profile-muted);font-size:var(--text-sm)}.profile-skill-additions{display:grid;justify-items:start;gap:var(--space-3)}.profile-skill-additions .profile-combobox,.profile-skill-raw-input,.profile-skill-remap{width:min(100%,620px)}.profile-skill-remap{display:grid;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--profile-line);border-radius:3px;background:var(--profile-surface)}.profile-text-action.danger{color:var(--color-danger)}@media(max-width:640px){.profile-actual-role{padding-left:0}.profile-skill-row-main{grid-template-columns:44px minmax(0,1fr)}.profile-skill-row-main>.profile-text-action,.profile-skill-row-main>.profile-skill-row-actions{grid-column:2;justify-self:start}}.profile-question-footer{margin-top:var(--space-7)}.profile-question-error{margin-bottom:var(--space-4)}.profile-question-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-4)}.profile-primary-action{grid-column:2;min-height:46px;align-self:flex-end;padding:0 24px;border:0;border-radius:3px;background:var(--profile-ink);color:var(--profile-surface);font-weight:700;white-space:nowrap;transition:background var(--dur-fast) var(--ease-out),opacity var(--dur-fast) var(--ease-out)}.profile-primary-action[aria-disabled=true]{cursor:not-allowed;opacity:.48}.profile-secondary-actions{grid-column:1;grid-row:1;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.profile-secondary-end{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-4)}.profile-flow-skeleton,.profile-load-error{display:grid;gap:var(--space-4)}.profile-flow-skeleton .skeleton-block{min-height:180px}.profile-overview-page{max-width:var(--page-max);margin:0 auto;padding:var(--space-7) var(--page-pad) calc(var(--space-8) + 72px);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,PingFang SC,Microsoft YaHei,sans-serif;letter-spacing:0}.profile-overview-shell{max-width:820px}.profile-overview-heading h1{font-size:var(--text-3xl);line-height:1.08;letter-spacing:0}.profile-overview-heading p{max-width:64ch;margin-top:var(--space-3)}.profile-summary-list{margin:var(--space-7) 0 0;border-top:1px solid var(--line)}.profile-summary-row{display:grid;grid-template-columns:minmax(120px,.6fr) minmax(0,1.8fr) auto;align-items:center;gap:var(--space-4);min-height:68px;border-bottom:1px solid var(--line)}.profile-summary-row dt{color:var(--muted)}.profile-summary-row dd{min-width:0;margin:0;overflow-wrap:anywhere;color:var(--ink);font-weight:650}.profile-summary-action{display:flex;justify-content:center;width:88px}.profile-summary-empty{color:var(--muted);font-weight:500}.profile-overview-skeleton{margin-top:var(--space-7);display:grid;gap:var(--space-4)}.profile-overview-error{margin-top:var(--space-6);display:grid;justify-items:start;gap:var(--space-3)}.profile-overview-retry{min-height:42px;padding:0 18px;border:1px solid var(--line);border-radius:3px;background:var(--tp-card-solid);color:var(--ink);font-weight:650}.profile-flow button:active:not(:disabled),.profile-overview-page button:active:not(:disabled){transform:none}@keyframes profile-question-in{0%{opacity:0;transform:translate(22px)}to{opacity:1;transform:translate(0)}}@keyframes profile-question-in-back{0%{opacity:0;transform:translate(-22px)}to{opacity:1;transform:translate(0)}}.profile-question[data-direction=back]{animation-name:profile-question-in-back}@media(hover:hover)and (pointer:fine){.profile-text-action:hover:not(:disabled):not([aria-disabled=true]){color:var(--profile-ink);text-decoration-color:currentColor}.profile-primary-action:hover:not([aria-disabled=true]):not(:disabled){opacity:.82}.profile-option-row:hover:not(:has(input:disabled)){border-color:var(--line-strong);background:var(--tp-tint-05)}.profile-combobox-option:hover{background:var(--tp-tint-05)}.profile-combobox-more:hover,.profile-overview-retry:hover{border-color:var(--tp-blue);background:var(--tp-tint-05)}}@media(max-width:900px){.profile-flow-header{padding-inline:var(--page-pad)}.profile-flow-body{padding-top:var(--space-7)}}@media(max-width:640px){.profile-flow-header{min-height:52px}.profile-text-action{min-height:44px;padding-block:10px;display:inline-flex;align-items:center}.profile-question-copy{margin-top:var(--space-6)}.profile-question-copy h1{font-size:var(--text-xl)}.profile-question-footer{margin-top:var(--space-6);padding-bottom:env(safe-area-inset-bottom)}.profile-question-actions{display:flex;flex-direction:column}.profile-primary-action{width:100%;align-self:stretch}.profile-secondary-actions{width:100%}.profile-summary-row{grid-template-columns:minmax(0,1fr) auto;align-items:start;padding:16px 0}.profile-summary-row dt{grid-column:1 / -1}.profile-summary-row dd{grid-column:1}.profile-summary-action{grid-column:2}}@media(max-width:400px){.profile-flow-header,.profile-flow-body,.profile-overview-page{--page-pad: 18px}.profile-progress-row{gap:var(--space-3)}.profile-selection-row{align-items:flex-start}}@media(prefers-reduced-motion:reduce){.profile-question{animation:none}.profile-option-row,.profile-primary-action{transition:none}}.careerpath-tour-overlay,.careerpath-tour-highlight,.careerpath-tour-popover{position:fixed;z-index:var(--z-modal)}.careerpath-tour-overlay{top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:calc(var(--z-modal) - 1);touch-action:none}.careerpath-tour-highlight{pointer-events:none;border:2px solid var(--tp-blue);border-radius:4px}.careerpath-tour-popover{width:min(320px,calc(100vw - (2 * var(--page-pad))));max-width:calc(100vw - (2 * var(--page-pad)));padding:var(--space-5);border:1px solid var(--line-strong);border-radius:4px;background:var(--tp-popover-bg);color:var(--ink);box-shadow:none;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,PingFang SC,Microsoft YaHei,sans-serif;letter-spacing:0}.careerpath-tour-title{color:var(--ink);font-size:var(--text-lg);letter-spacing:0;line-height:1.3}.careerpath-tour-description{margin:var(--space-2) 0 0;color:var(--muted);font-size:var(--text-base);line-height:1.6}.careerpath-tour-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--line)}.careerpath-tour-progress{color:var(--muted);font-size:var(--text-sm)}.careerpath-tour-actions{display:flex;align-items:center;gap:var(--space-2)}.careerpath-tour-actions button{min-height:44px;padding:0 var(--space-4);border:0;border-radius:3px;font:inherit;font-weight:700;white-space:nowrap}.careerpath-tour-next{background:var(--ink);color:var(--tp-page-2)}.careerpath-tour-skip{background:transparent;color:var(--muted);font-size:var(--text-sm)}.careerpath-tour-actions button:focus-visible{outline:2px solid var(--tp-blue);outline-offset:2px;box-shadow:none}.careerpath-tour-actions button:disabled{opacity:.58}@media(hover:hover)and (pointer:fine){.careerpath-tour-next:hover:not(:disabled){opacity:.82}.careerpath-tour-skip:hover:not(:disabled){background:var(--tp-tint-05);color:var(--ink)}}@media(max-width:899px){.careerpath-tour-popover{padding:var(--space-4)}}@media(prefers-reduced-motion:reduce){.careerpath-tour-popover,.careerpath-tour-highlight{transition:none!important}}.discovery-page{min-height:100vh;background:radial-gradient(circle at 50% -12%,rgba(118,118,128,.08),transparent 34%),#f5f5f7;padding-bottom:60px}.discovery-hero{max-width:var(--page-max);margin:0 auto;padding:20px var(--page-pad) 28px}.discovery-hero h1{font-size:40px;font-weight:700;letter-spacing:0;margin-bottom:0}.discovery-hero-sub{margin:10px 0 0;font-size:var(--text-base);color:var(--muted)}.discovery-hero-sub strong{color:var(--ink);font-weight:700}.role-filter-bar{max-width:var(--page-max);margin:0 auto 24px;padding:0 var(--page-pad)}.filter-bar-top{display:flex;align-items:center;gap:12px}.filter-search{flex:1;display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:12px;background:var(--surface-solid);border:1px solid var(--line);transition:border-color var(--dur-fast) ease,box-shadow var(--dur-fast) ease}.filter-search:focus-within{border-color:#0a84ff66;box-shadow:var(--ring-soft)}.filter-search svg{color:var(--muted-2);flex-shrink:0}.filter-search input{flex:1;border:none;background:transparent;font-size:16px;outline:none}.filter-drawer-toggle{display:flex;align-items:center;gap:6px;padding:10px 18px;border-radius:980px;border:1px solid var(--line);background:var(--surface-solid);font-size:14px;color:var(--ink);position:relative;transition:border-color var(--dur-fast) ease,background var(--dur-fast) ease}.chip-count{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;border-radius:999px;background:var(--blue);color:var(--tp-on-accent);font-size:11px;font-style:normal;display:flex;align-items:center;justify-content:center;padding:0 5px}.filter-drawer{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--dur-mid) var(--ease-in-out)}.filter-drawer.open{grid-template-rows:1fr}.filter-drawer-inner{min-height:0;overflow:hidden}.filter-drawer-content{background:var(--surface-solid);border:1px solid var(--line);border-radius:var(--radius-sm);display:flex;flex-wrap:wrap;gap:16px;margin-top:12px;padding:20px}.filter-drawer-content label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted)}.filter-drawer-content label select{padding:6px 12px;border-radius:8px;border:1px solid var(--line);background:#fff;font-size:16px;color:var(--ink);min-width:120px}.filter-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.filter-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:980px;background:#0a84ff1a;color:var(--blue);font-size:13px;font-weight:500}.filter-chip button{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:999px;border:none;background:#0a84ff33;color:var(--blue);padding:0;position:relative}.filter-chip button:after{content:"";top:-14px;right:-14px;bottom:-14px;left:-14px;position:absolute}.filter-chip.clear-all{background:transparent;color:var(--muted);border:1px solid var(--line);padding:6px 14px;font-weight:400}.discovery-leaderboards{max-width:var(--page-max);margin:0 auto 40px;padding:0 var(--page-pad);display:grid;grid-template-columns:1fr 1fr;gap:24px}.leaderboard-section{background:var(--surface-solid);border-radius:var(--radius-md);padding:24px;border:0;box-shadow:var(--shadow-sm);min-width:0}.leaderboard-head{margin-bottom:16px}.leaderboard-title{display:flex;align-items:center;gap:10px}.leaderboard-title svg{color:var(--blue);flex-shrink:0}.leaderboard-title h2{font-size:18px;font-weight:600;margin-bottom:0}.leaderboard-title small{display:block;color:var(--muted);font-size:12px;line-height:1.4;margin-top:2px}.leaderboard-grid{display:flex;flex-direction:column;gap:8px}.leaderboard-card{display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:12px;border:0;background:var(--surface-soft);text-align:left;width:100%;transition:border-color var(--dur-fast) ease,transform var(--dur-fast) ease,box-shadow var(--dur-fast) ease}.leaderboard-card.skeleton-card{cursor:default;pointer-events:none}.leaderboard-body{flex:1;min-width:0}.leaderboard-body strong{display:block;font-size:15px;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leaderboard-empty{padding:24px;text-align:center;color:var(--muted);font-size:14px}.card-rank{display:flex;align-items:center;justify-content:center;min-width:24px;height:24px;border-radius:999px;background:var(--surface-soft);color:var(--muted);font-size:12px;font-weight:600;flex-shrink:0}.leaderboard-card .card-rank{background:#0a84ff1a;color:var(--blue)}.role-discovery-card{background:var(--surface-solid);border-radius:var(--radius-sm);border:0;box-shadow:var(--shadow-sm);container-name:role-card;container-type:inline-size;overflow:hidden;position:relative;width:100%;transition:border-color var(--dur-fast) ease,transform var(--dur-fast) ease,box-shadow var(--dur-fast) ease}.role-card-open{background:transparent;border:0;color:inherit;display:flex;flex-direction:column;gap:10px;height:100%;padding:20px;text-align:left;width:100%}.role-card-open .card-head{padding-right:48px}.role-card-personal-progress{margin:0;color:var(--ink);font-size:.78rem;line-height:1.45}.role-card-compare{align-items:center;background:var(--surface-soft);border:1px solid transparent;border-radius:50%;color:var(--muted);display:inline-flex;height:35.2px;justify-content:center;padding:0;position:absolute;right:12.4px;top:12.4px;width:35.2px;z-index:1}.role-card-compare:before{border-radius:50%;content:"";top:-4.4px;right:-4.4px;bottom:-4.4px;left:-4.4px;position:absolute}.role-card-compare>svg{height:14.4px;width:14.4px}.role-card-compare.active{background:#0a84ff1f;border-color:#0a84ff33;color:var(--blue)}@media(hover:hover){.role-discovery-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.role-card-compare:hover{background:#0a84ff1f;color:var(--blue)}}.role-discovery-card.skeleton-card{cursor:default;pointer-events:none}.card-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.card-head strong{font-size:16px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-metrics{display:flex;flex-wrap:wrap;gap:14px;font-size:13px;color:var(--muted)}.card-metrics span{display:flex;align-items:center;gap:4px;line-height:1}.card-metrics .role-card-learning-time{min-width:0;flex-wrap:wrap;white-space:normal}.card-metrics svg{color:var(--muted-2);flex:0 0 auto}.card-skills{display:flex;flex-wrap:wrap;gap:6px}.card-skills em{font-style:normal;padding:3px 10px;border-radius:8px;background:var(--surface-soft);font-size:12px;color:var(--ink)}@container role-card (max-width: 320px){.role-card-open{padding:18px}.role-card-open .card-head{align-items:flex-start;flex-direction:column;padding-right:42px}.role-card-open .card-metrics{display:grid;gap:8px 10px;grid-template-columns:repeat(2,minmax(0,1fr))}.role-card-open .card-metrics>span{min-width:0}.role-card-open .card-skills em:nth-child(n+4){display:none}}.discovery-role-list{max-width:var(--page-max);margin:0 auto;padding:0 var(--page-pad)}.role-list-head{display:flex;align-items:center;gap:16px;justify-content:space-between;margin-bottom:20px}.role-list-head h2{flex:0 0 auto;font-size:22px;font-weight:600;white-space:nowrap}.role-list-sort{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--muted);min-width:0}.role-list-sort button{padding:6px 14px;border-radius:980px;border:1px solid var(--line);background:#fff;font-size:13px;color:var(--muted);transition:all var(--dur-fast) ease}.role-list-sort button.active{background:var(--tp-blue);color:var(--tp-on-accent)}.role-list-sort button:disabled{cursor:wait;opacity:.48}.role-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:16px}.role-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:24px;flex-wrap:wrap}.role-pagination button{min-height:38px;padding:8px 16px;border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface);color:var(--ink);white-space:nowrap}@media(pointer:coarse){.role-pagination button{min-height:44px}}.role-pagination button:disabled{opacity:.45;cursor:not-allowed}.role-pagination span{color:var(--muted)}.discovery-error{padding:14px 18px;border-radius:12px;background:#ff453a14;color:#d70015;font-size:14px;margin-bottom:16px}.discovery-empty{text-align:center;padding:60px 24px;background:var(--surface-solid);border-radius:var(--radius-md);border:1px solid var(--line)}.discovery-empty strong{font-size:18px;display:block;margin-bottom:8px}.discovery-empty p{color:var(--muted);font-size:14px;margin-bottom:16px}.discovery-empty button{padding:10px 24px;border-radius:980px;border:none;background:var(--blue);color:var(--tp-on-accent);font-size:14px;font-weight:500}@media(max-width:1180px){.filter-drawer-content,.role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.filter-drawer-content label select{min-width:0}}@media(max-width:900px){.role-list-head{align-items:flex-start;flex-direction:column;gap:12px}.role-list-sort{flex-wrap:nowrap;-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 20px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 20px),transparent);max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:4px;scrollbar-width:none}.role-list-sort::-webkit-scrollbar{display:none}.role-list-sort>span,.role-list-sort button{flex:0 0 auto;white-space:nowrap}}@media(max-width:640px){.filter-drawer-content,.role-grid{grid-template-columns:1fr}.role-list-sort::-webkit-scrollbar{display:none}.discovery-hero h1{font-size:28px}.filter-bar-top{flex-wrap:wrap}.filter-search{flex:1 1 100%}}@media(hover:hover)and (pointer:fine){.filter-chip button:hover{background:#0a84ff59}.filter-chip.clear-all:hover,.role-list-sort button:hover:not(.active){border-color:var(--line-strong)}.leaderboard-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.discovery-empty button:hover{background:#0071e3}}.insight-page{--cp-on-accent: var(--tp-on-accent);--cp-on-accent-hover: var(--tp-on-accent-hover);min-height:100vh;max-width:var(--page-max);margin:0 auto;padding:0 var(--page-pad) 64px;background:var(--tp-page-2)}.insight-page h1,.insight-page h2,.insight-page h3,.insight-page strong{letter-spacing:normal}.insight-header{display:grid;grid-template-areas:"title actions" "context context";grid-template-columns:minmax(0,1fr) auto;align-items:start;column-gap:clamp(24px,4vw,56px);row-gap:16px;padding:20px 0 0;border-top:1px solid var(--tp-blue)}.insight-header-left{grid-area:title;min-width:0}.insight-title-block{display:grid;gap:8px;max-width:74ch}.insight-title-block h1{margin:0;font-size:clamp(30px,4vw,44px);font-weight:720;line-height:1.08}.insight-title-block p{max-width:68ch;color:var(--muted);font-size:var(--text-base);line-height:1.65}.insight-header-cta{grid-area:actions;display:grid;justify-items:end;gap:8px;max-width:min(520px,48vw)}.insight-header>.role-header-context-row{grid-area:context}.insight-header-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}.insight-header-cta button,.insight-footer button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;border-radius:var(--radius-pill);font-size:14px;font-weight:650;transition:color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.insight-header-cta button{padding:9px 16px}.cta-compare,.cta-compare-view,.insight-footer button:not(.cta-path){border:1px solid var(--cp-rule, var(--line-strong));background:var(--tp-card-solid);color:var(--ink)}.cta-compare[aria-pressed=true],.cta-compare-view{border-color:var(--tp-tint-42);background:var(--tp-tint-08);color:var(--tp-blue)}.cta-path{border:1px solid var(--tp-blue);background:var(--tp-blue);color:var(--cp-on-accent)}.login-hint{color:var(--muted);font-size:var(--text-xs);line-height:1.45;text-align:right}.insight-slice-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;width:100%;max-width:var(--page-max);margin:0 auto;padding:10px var(--page-pad) 0;border-top:1px solid var(--line)}.insight-slice-label{color:var(--muted);font-size:var(--text-xs);font-weight:700}.metric-cards-row,.insight-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:0;margin-bottom:28px;border-block:1px solid var(--cp-rule, var(--line-strong));border-inline-start:1px solid var(--cp-rule, var(--line-strong));background:var(--tp-card-solid)}.metric-card{display:grid;grid-template-columns:28px minmax(0,1fr);align-content:start;gap:6px 10px;min-width:0;padding:18px;border-inline-end:1px solid var(--cp-rule, var(--line-strong));border-radius:0;background:var(--tp-card-solid);box-shadow:none}.metric-icon{display:grid;grid-row:1 / span 2;place-items:center;width:28px;height:28px;border:1px solid var(--tp-tint-20);border-radius:var(--radius-pill);background:var(--tp-tint-08);color:var(--tp-blue)}.metric-label{align-self:center;color:var(--muted);font-size:var(--text-xs);font-weight:700}.metric-value{grid-column:1 / -1;min-width:0;overflow-wrap:anywhere;font-size:clamp(22px,2.6vw,30px);font-weight:720;line-height:1.12}.metric-card .metric-value.stat-hero{font-size:clamp(26px,3vw,34px)}.metric-sub{grid-column:1 / -1;color:var(--muted);font-size:var(--text-xs);line-height:1.45}.quality-banner{display:grid;gap:0;margin-bottom:32px;padding:0;border:1px solid var(--cp-rule, var(--line-strong));border-radius:var(--radius-sm);background:var(--tp-card-solid);color:var(--ink);font-size:var(--text-sm)}.quality-banner-summary{display:flex;align-items:center;gap:10px;min-height:48px;padding:12px 16px;border-top:1px solid var(--tp-blue)}.quality-banner-summary svg{flex:0 0 auto;color:var(--tp-blue)}.data-scope-disclosure{border-top:1px solid var(--line);padding:0 16px}.data-scope-disclosure summary{padding:12px 0;color:var(--muted);cursor:pointer;font-size:var(--text-sm);font-weight:650;list-style-position:inside}.data-scope-disclosure dl{display:grid;margin:0 0 12px}.data-scope-disclosure dl>div{display:grid;grid-template-columns:minmax(112px,.32fr) minmax(0,1fr);gap:16px;padding:10px 0;border-top:1px solid var(--line)}.data-scope-disclosure dt{color:var(--muted)}.data-scope-disclosure dd{min-width:0;margin:0}.data-scope-disclosure dd strong{color:var(--ink);font-weight:700}.data-scope-disclosure dd small{display:block;margin-top:3px;color:var(--muted);line-height:1.45}.data-scope-disclosure__note{margin:0 0 12px;color:var(--muted);font-size:var(--text-sm);line-height:1.5}.insight-charts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin-bottom:36px;border-top:1px solid var(--cp-rule, var(--line-strong));border-inline-start:1px solid var(--cp-rule, var(--line-strong))}.insight-chart-card{min-width:0;padding:20px;border:0;border-inline-end:1px solid var(--cp-rule, var(--line-strong));border-bottom:1px solid var(--cp-rule, var(--line-strong));border-radius:0;background:var(--tp-card-solid);box-shadow:none}.insight-chart-card .eyebrow{color:var(--muted);font-size:var(--text-xs);font-weight:700;text-transform:none;letter-spacing:normal}.insight-chart-card h3{margin-top:4px;font-size:var(--text-lg);font-weight:700;line-height:1.3}.chart-subtitle{display:block;margin:4px 0 8px;color:var(--muted);font-size:var(--text-xs);line-height:1.45}.chart-viewport{min-width:0;min-height:260px;border-top:1px solid var(--line)}.chart-no-data .no-data-message{display:grid;min-height:200px;margin-top:12px;place-items:center;border-top:1px solid var(--line);background:var(--tp-page-1)}.no-data-message{padding:24px;color:var(--muted);font-size:var(--text-sm);line-height:1.55;text-align:center}.insight-skill-hotness{margin-bottom:32px}.skill-hotness-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 16px;padding-bottom:12px;border-bottom:1px solid var(--cp-rule, var(--line-strong))}.skill-hotness-head h2{display:flex;align-items:center;gap:8px;font-size:var(--text-xl);font-weight:720;line-height:1.25}.skill-hotness-head h2 svg{color:var(--tp-blue)}.skill-hotness-head small{color:var(--muted);font-size:var(--text-xs)}.skill-hotness-list{display:grid;border-inline:1px solid var(--cp-rule, var(--line-strong))}.skill-hotness-row{display:grid;grid-template-columns:32px minmax(120px,.6fr) minmax(140px,1fr) 56px 86px;align-items:center;gap:14px;width:100%;min-height:52px;padding:10px 16px;border:0;border-bottom:1px solid var(--cp-rule, var(--line-strong));border-radius:0;background:var(--tp-card-solid);color:var(--ink);text-align:left}.skill-rank{display:grid;place-items:center;width:24px;height:24px;border:1px solid var(--line-strong);border-radius:var(--radius-pill);background:var(--tp-page-1);color:var(--muted);font-size:var(--text-xs);font-weight:700}.skill-name{min-width:0;overflow-wrap:anywhere;font-size:var(--text-base);font-weight:650}.skill-hotness-bar{height:6px;overflow:hidden;border-radius:0;background:var(--line)}.skill-hotness-fill{height:100%;border-radius:0}.skill-hotness-value{color:var(--ink);font-size:var(--text-sm);font-weight:700;text-align:right}.skill-sample{color:var(--muted);font-size:var(--text-xs);text-align:right}.insight-footer{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;padding:24px 0;border-top:1px solid var(--cp-rule, var(--line-strong))}.insight-footer button{padding:10px 20px}.insight-footer .cta-path{border:1px solid var(--tp-blue);background:var(--tp-blue);box-shadow:none;color:var(--cp-on-accent)}.insight-skeleton{display:grid;gap:20px;padding:32px 0}.insight-error-state{padding:60px 24px;text-align:center}.insight-error-state strong{display:block;margin-bottom:8px;font-size:var(--text-lg)}.insight-error-state p{margin-bottom:16px;color:var(--muted);font-size:var(--text-sm)}.insight-error-state button{min-height:44px;padding:9px 18px;border:1px solid var(--tp-blue);border-radius:var(--radius-pill);background:var(--tp-blue);color:var(--cp-on-accent);font-size:var(--text-sm);font-weight:650}@media(max-width:900px){.chart-viewport,.chart-viewport .echart,.skeleton-chart{min-height:220px;height:220px}.insight-charts-grid{grid-template-columns:minmax(0,1fr)}.insight-header{grid-template-areas:"title" "context" "actions";grid-template-columns:minmax(0,1fr)}.insight-header-cta{justify-items:start;max-width:100%;margin-bottom:20px}.insight-header-actions{justify-content:flex-start}.login-hint{text-align:left}.skill-hotness-row{grid-template-columns:32px minmax(100px,.7fr) minmax(100px,1fr) 52px}.skill-sample{display:none}}@media(max-width:640px){.insight-page{padding-bottom:40px}.insight-header{padding-top:16px}.insight-title-block h1{font-size:28px}.metric-cards-row,.insight-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card{padding:14px}.metric-value,.metric-card .metric-value.stat-hero{font-size:21px}.data-scope-disclosure dl>div{grid-template-columns:minmax(88px,.38fr) minmax(0,1fr);gap:10px}.insight-chart-card{padding:16px}.skill-hotness-row{grid-template-columns:28px minmax(0,1fr) 48px;gap:10px;padding-inline:12px}.skill-hotness-bar{display:none}.insight-footer{justify-content:stretch}.insight-footer button{flex:1 1 100%}}@media(hover:hover)and (pointer:fine){.cta-compare:hover,.insight-footer button:not(.cta-path):hover{border-color:var(--tp-tint-42);color:var(--tp-blue)}.cta-compare[aria-pressed=true]:hover,.cta-compare-view:hover{background:var(--tp-tint-12)}.cta-path:hover,.insight-footer .cta-path:hover,.insight-error-state button:hover{background:var(--tp-accent-hover);border-color:var(--tp-accent-hover);color:var(--cp-on-accent-hover)}.insight-header-actions button:not(:disabled):hover{transform:translateY(-1px)}.skill-hotness-row:hover{background:var(--tp-tint-05)}}.path-page,.skill-page{--cp-on-accent: var(--tp-on-accent);--cp-on-accent-hover: var(--tp-on-accent-hover);min-height:100vh;max-width:var(--page-max);margin:0 auto;padding:0 var(--page-pad) 64px;background:var(--tp-page-2)}.path-page h1,.path-page h2,.path-page h3,.path-page h4,.path-page strong,.skill-page h1,.skill-page h2,.skill-page h3,.skill-page h4,.skill-page strong,.skill-drawer h3,.skill-drawer h4,.skill-drawer strong{letter-spacing:normal}.path-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:14px 0 10px;border-top:1px solid var(--tp-blue)}.path-header h1{margin-top:4px;font-size:clamp(30px,4vw,42px);font-weight:720;line-height:1.1}.path-role-context-row{margin-bottom:16px;padding-bottom:8px}.path-role-context-row .path-target-button,.path-role-context-row .role-context-tabs{position:relative;top:6px}.path-refresh{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:9px 14px;border:1px solid var(--cp-rule, var(--line-strong));border-radius:var(--radius-pill);background:var(--tp-card-solid);color:var(--muted);font-size:var(--text-sm);font-weight:650;transition:color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out)}.path-notice{display:inline-flex;align-items:center;gap:8px;max-width:min(100%,720px);margin:8px 0 16px;padding:10px 14px;border:1px solid var(--tp-tint-20);border-radius:var(--radius-pill);background:var(--tp-notice-bg);color:var(--muted);font-size:var(--text-sm);line-height:1.45;animation:toastIn .22s var(--ease-out) both}.path-notice.danger{border-color:var(--tp-danger-border-soft);background:var(--tp-danger-tint-soft);color:var(--tp-danger-text)}.path-skeleton{display:grid;gap:12px;padding:24px;border:1px solid var(--cp-rule, var(--line-strong));background:var(--tp-card-solid)}.stage-skeleton-title{display:grid;flex:1 1 auto;gap:8px;max-width:220px}.stage-skeleton-title .skeleton-line:last-child{height:20px}.stage-skeleton-hours{display:grid;flex:0 0 auto;gap:6px;justify-items:end}.stage-list-skeleton .stage-skill{display:grid;gap:8px}.stage-list-skeleton .stage-skeleton-meta{height:22px}.learning-summary{margin-bottom:24px;padding:24px;border:1px solid var(--cp-rule, var(--line-strong));border-top-color:var(--tp-blue);border-radius:var(--radius-sm);background:var(--tp-card-solid);box-shadow:none}.learning-summary.authenticated{display:grid;gap:20px}.learning-summary-head{display:flex;align-items:center;justify-content:space-between;gap:24px}.learning-summary-primary,.learning-summary-lead{display:grid;gap:8px;min-width:0}.learning-summary-primary h2,.learning-summary-lead h2{font-size:clamp(26px,3vw,34px);font-weight:720;line-height:1.08}.learning-summary-primary p,.learning-summary-lead p{color:var(--muted);font-size:var(--text-sm)}.duration-prefix{margin-right:5px;font-size:var(--text-lg);font-weight:650}.learning-progress-ring{position:relative;display:grid;flex:0 0 auto;width:88px;height:88px;place-items:center;border:1px solid var(--cp-rule, var(--line-strong));border-radius:50%;background:var(--tp-card-solid)}.learning-progress-ring:before{position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:50%;background:conic-gradient(from -90deg,var(--tp-blue) 0deg,var(--tp-progress-2) calc(var(--progress, 0) * 360deg),var(--line) 0);content:""}.learning-progress-ring:after{position:absolute;top:13px;right:13px;bottom:13px;left:13px;border-radius:50%;background:var(--tp-card-solid);content:""}.learning-progress-ring span{position:relative;z-index:1;font-size:var(--text-base);font-weight:720}.learning-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:0;border-top:1px solid var(--cp-rule, var(--line-strong));border-inline-start:1px solid var(--cp-rule, var(--line-strong))}.learning-tile{display:grid;grid-template-columns:28px minmax(0,1fr);gap:5px 10px;min-width:0;padding:16px;border-inline-end:1px solid var(--cp-rule, var(--line-strong));border-bottom:1px solid var(--cp-rule, var(--line-strong));border-radius:0;background:var(--tp-card-solid)}.learning-tile-icon{display:grid;grid-row:1 / span 2;width:28px;height:28px;place-items:center;border:1px solid var(--tp-tint-20);border-radius:var(--radius-pill);background:var(--tp-tint-08);color:var(--tp-blue)}.learning-tile-label{align-self:center;color:var(--muted);font-size:var(--text-xs);font-weight:700}.learning-tile-value{grid-column:1 / -1;min-width:0;overflow-wrap:anywhere;font-size:clamp(21px,2.4vw,27px);font-weight:720;line-height:1.2}.learning-tile-sub{grid-column:1 / -1;color:var(--muted);font-size:var(--text-xs);line-height:1.45}.learning-summary.guest{display:grid;gap:14px;text-align:left}.learning-summary-cta,.skill-drawer-open,.skill-side-cta{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;border:1px solid var(--tp-blue);border-radius:var(--radius-pill);background:var(--tp-blue);color:var(--cp-on-accent);font-size:var(--text-sm);font-weight:650;transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.learning-summary-cta{justify-self:start;padding:10px 18px}.next-step-panel{margin-bottom:24px;padding:0;border:1px solid var(--cp-rule, var(--line-strong));border-radius:var(--radius-sm);background:var(--tp-card-solid);box-shadow:none}.next-step-head{display:flex;align-items:center;gap:12px;padding:18px 20px;border-top:1px solid var(--tp-blue);border-bottom:1px solid var(--cp-rule, var(--line-strong))}.next-step-head svg{flex:0 0 auto;color:var(--tp-blue)}.next-step-head h3{margin-top:2px;font-size:var(--text-lg);font-weight:720;line-height:1.3}.next-step-list{display:grid;gap:0;margin:0;padding:0;list-style:none}.next-step-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;min-width:0;padding:14px 16px;border-bottom:1px solid var(--line);background:var(--tp-card-solid)}.next-step-row:last-child{border-bottom:0}.next-step-main{display:grid;gap:4px;min-width:0;padding:0;border:0;background:transparent;color:var(--ink);text-align:left}.next-step-rank{color:var(--tp-blue);font-size:var(--text-xs);font-weight:700}.next-step-name{min-width:0;overflow-wrap:anywhere;font-size:var(--text-lg);font-weight:720}.next-step-meta,.next-step-status{color:var(--muted);font-size:var(--text-xs);line-height:1.45}.next-step-status{display:block}.next-step-actions{display:flex;align-items:center;gap:8px}.next-step-link,.next-step-mark{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:var(--radius-pill);transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.next-step-link{width:44px;border:1px solid var(--cp-rule, var(--line-strong));background:var(--tp-card-solid);color:var(--ink)}.next-step-mark{gap:6px;padding:8px 14px;border:1px solid var(--tp-tint-28);background:var(--tp-tint-08);color:var(--tp-blue);font-size:var(--text-sm);font-weight:650}.next-step-empty{padding:24px 18px;color:var(--muted);font-size:var(--text-sm);line-height:1.55;text-align:center}.path-view-switch{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:20px 0 12px;padding-bottom:10px;border-bottom:1px solid var(--cp-rule, var(--line-strong))}.path-view-tabs{display:inline-flex;flex-wrap:nowrap;gap:0;max-width:100%;padding:0;overflow-x:auto;overscroll-behavior-x:contain;border:1px solid var(--cp-rule, var(--line-strong));border-radius:var(--radius-pill);background:var(--tp-card-solid)}.path-view-tabs button{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:8px 14px;border:0;border-inline-end:1px solid var(--line);border-radius:0;background:transparent;color:var(--muted);font-size:var(--text-sm);font-weight:650;transition:color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out)}.path-view-tabs button:last-child{border-inline-end:0}.path-view-tabs button.active{background:var(--tp-tint-10);box-shadow:inset 0 -2px 0 var(--tp-blue);color:var(--ink)}.path-view-body{margin-bottom:24px;view-transition-name:learning-path-view}.stage-list{display:grid;gap:20px;margin:0;padding:0;list-style:none}.stage-list-empty{padding:28px;border:1px dashed var(--cp-rule, var(--line-strong));border-radius:var(--radius-sm);background:var(--tp-card-bg-soft);color:var(--muted);text-align:center}.stage-card{overflow:hidden;border:1px solid var(--cp-rule, var(--line-strong));border-radius:var(--radius-sm);background:var(--tp-card-solid);box-shadow:none}.stage-card-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-top:1px solid var(--tp-blue);border-bottom:1px solid var(--cp-rule, var(--line-strong))}.stage-card-head h4{margin-top:2px;font-size:var(--text-lg);font-weight:720;line-height:1.3}.stage-card-hours{display:grid;flex:0 0 auto;gap:2px;text-align:right}.stage-card-hours span{color:var(--ink);font-weight:720}.stage-card-hours small{color:var(--muted)}.stage-skills{display:grid;gap:0;margin:0;padding:0;list-style:none}.stage-skill{min-width:0;padding:12px 16px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:var(--tp-card-bg)}.stage-skill:last-child{border-bottom:0}.stage-skill.status-mastered{box-shadow:inset 1px 0 0 var(--tp-success-text)}.stage-skill.status-learning{box-shadow:inset 1px 0 0 var(--tp-blue)}.stage-skill.status-locked{background:var(--tp-locked-bg);color:var(--muted)}.stage-skill-main{display:grid;gap:8px;width:100%;min-width:0;padding:0;border:0;background:transparent;color:var(--ink);text-align:left}.stage-skill-title{display:block;max-width:100%;min-width:0}.stage-skill-title strong{display:block;min-width:0;overflow-wrap:anywhere;font-size:var(--text-base);line-height:1.35}.stage-skill-meta{display:inline-flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:8px 12px;width:100%;max-width:100%;min-width:0;color:var(--muted);font-size:var(--text-xs)}.stage-skill-meta>span{white-space:nowrap}.stage-skill-locked{display:flex;align-items:center;gap:6px;margin-top:8px;color:var(--muted);font-size:var(--text-xs)}.skill-drawer{position:fixed;inset:0 0 0 auto;display:none;grid-template-rows:auto minmax(0,1fr);width:min(480px,92vw);height:100dvh;max-width:none;max-height:none;margin:0;padding:0;overflow:hidden;border:1px solid var(--cp-rule, var(--line-strong));border-radius:var(--radius-sm) 0 0 var(--radius-sm);background:var(--tp-drawer-bg);box-shadow:var(--shadow-lg);opacity:0;transform:translate(24px);transition:transform .2s var(--ease-in-out),opacity .2s var(--ease-in-out),overlay .2s allow-discrete,display .2s allow-discrete;z-index:var(--z-drawer)}.skill-drawer[open]{display:grid;opacity:1;transform:translate(0);transition-duration:.3s}@starting-style{.skill-drawer[open]{opacity:0;transform:translate(24px)}}.skill-drawer::backdrop{background:transparent;transition:background .2s var(--ease-in-out),overlay .2s allow-discrete,display .2s allow-discrete}.skill-drawer[open]::backdrop{background:color-mix(in srgb,var(--ink) 34%,transparent)}@starting-style{.skill-drawer[open]::backdrop{background:transparent}}.skill-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-top:1px solid var(--tp-blue);border-bottom:1px solid var(--cp-rule, var(--line-strong));background:var(--tp-drawer-header)}.skill-drawer-header button{display:grid;width:44px;height:44px;place-items:center;border:1px solid var(--cp-rule, var(--line-strong));border-radius:var(--radius-pill);background:var(--tp-card-bg);color:var(--muted);transition:color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out)}.skill-drawer-scroll{display:grid;gap:18px;min-height:0;padding:20px 24px 26px;overflow-y:auto;overscroll-behavior:contain}.skill-drawer h3{font-size:24px;font-weight:720;line-height:1.2}.skill-drawer-badges,.skill-page-badges{display:flex;flex-wrap:wrap;gap:8px}.skill-drawer-desc{color:var(--muted);font-size:var(--text-sm);line-height:1.65}.skill-drawer-section,.skill-page-section{display:grid;gap:10px;padding-top:16px;border-top:1px solid var(--cp-rule, var(--line-strong))}.skill-drawer-section h4,.skill-page-section h2{display:inline-flex;align-items:center;gap:7px;font-weight:720}.skill-drawer-section h4{font-size:var(--text-base)}.skill-page-section h2{font-size:var(--text-xl)}.skill-drawer-section h4 svg,.skill-page-section h2 svg{color:var(--tp-blue)}.skill-prereq-list{display:grid;gap:0;margin:0;padding:0;border-top:1px solid var(--line);border-inline:1px solid var(--line);list-style:none}.skill-prereq-list button{width:100%;min-height:42px;padding:9px 12px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:var(--tp-tint-05);color:var(--tp-blue);font-size:var(--text-sm);text-align:left}.skill-unlock-list button{display:flex;align-items:center;justify-content:space-between}.skill-drawer-footer,.skill-action-bar{display:grid;gap:8px;padding-top:16px;border-top:1px solid var(--cp-rule, var(--line-strong))}.skill-drawer-open{width:100%;padding:10px 18px}.skill-drawer-status-line,.skill-action-hint{color:var(--muted);font-size:var(--text-xs);line-height:1.45}.skill-action-row{display:flex;flex-wrap:wrap;gap:8px}.skill-action-btn,.skill-cancel-confirm{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:9px 14px;border:1px solid var(--cp-rule, var(--line-strong));border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:650;transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.skill-action-btn.secondary{background:var(--tp-card-bg);color:var(--ink)}.skill-action-btn.secondary.active{border-color:var(--tp-warning-border);background:var(--tp-warning-tint);color:var(--tp-warning-text-soft);box-shadow:none}.skill-action-btn.primary{border-color:transparent;color:var(--cp-on-accent)}.skill-action-btn.primary.tone-blue{background:var(--tp-blue)}.skill-action-btn.primary.tone-green{background:var(--green);color:var(--tp-on-success)}.skill-action-btn.primary.tone-gray{border-color:var(--cp-rule, var(--line-strong));background:var(--tp-card-bg);color:var(--ink)}.skill-action-warn{display:inline-flex;align-items:center;gap:6px;color:var(--tp-warning-text)}.skill-cancel-confirm{background:transparent;color:var(--muted)}.skill-resources{display:grid;gap:0;margin:0;padding:0;border-top:1px solid var(--cp-rule, var(--line-strong));border-inline:1px solid var(--cp-rule, var(--line-strong));list-style:none}.skill-resource-link{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 12px;border:0;border-bottom:1px solid var(--cp-rule, var(--line-strong));border-radius:0;background:var(--tp-card-bg);color:var(--ink)}.skill-resource-icon{display:grid;width:32px;height:32px;place-items:center;border:1px solid var(--tp-tint-20);border-radius:var(--radius-pill);background:var(--tp-tint-08);color:var(--tp-blue)}.skill-resource-body{display:grid;gap:2px;min-width:0}.skill-resource-body strong{min-width:0;overflow-wrap:anywhere;font-size:var(--text-sm)}.skill-resource-body small,.skill-resource-arrow{color:var(--muted);font-size:var(--text-xs)}.skill-resources-empty{padding:18px;border:1px dashed var(--cp-rule, var(--line-strong));border-radius:var(--radius-sm);color:var(--muted);text-align:center}.skill-page-hero{padding:20px 0 22px;border-top:1px solid var(--tp-blue);border-bottom:1px solid var(--cp-rule, var(--line-strong))}.skill-page-hero h1{margin-top:4px;font-size:clamp(30px,4vw,42px);font-weight:720;line-height:1.1}.skill-page-badges{margin-top:12px}.skill-page-desc{max-width:72ch;margin-top:12px;font-size:var(--text-base);line-height:1.65}.skill-page-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,320px);align-items:start;gap:32px;margin-top:24px}.skill-page-main{display:grid;gap:24px;min-width:0}.skill-page-section p{font-size:var(--text-base)}.skill-page-section .link-button{justify-self:start}.skill-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));gap:0;border-top:1px solid var(--cp-rule, var(--line-strong));border-inline-start:1px solid var(--cp-rule, var(--line-strong))}.fact{display:grid;align-content:center;gap:6px;min-width:0;min-height:78px;padding:12px;border:0;border-inline-end:1px solid var(--cp-rule, var(--line-strong));border-bottom:1px solid var(--cp-rule, var(--line-strong));border-radius:0;background:var(--tp-card-bg)}.fact strong{min-width:0;overflow-wrap:anywhere;font-size:20px;line-height:1.25}.fact>span{color:var(--muted);font-size:var(--text-xs);font-weight:650}.skill-history-list{display:grid;gap:0;margin:0;padding:0;border-top:1px solid var(--cp-rule, var(--line-strong));border-inline:1px solid var(--cp-rule, var(--line-strong));list-style:none}.skill-history-row{display:grid;grid-template-columns:76px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;border-bottom:1px solid var(--cp-rule, var(--line-strong));background:var(--tp-card-solid)}.skill-history-action{padding:3px 4px;border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--tp-card-bg);color:var(--muted);font-size:var(--text-xs);font-weight:700;text-align:center}.skill-history-status{min-width:0;overflow:hidden;color:var(--ink);font-size:var(--text-sm);font-weight:650;text-overflow:ellipsis;white-space:nowrap}.skill-history-time{color:var(--muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums;white-space:nowrap}.skill-page-side{position:sticky;top:24px}.skill-side-card{display:grid;gap:10px;padding:18px;border:1px solid var(--cp-rule, var(--line-strong));border-top-color:var(--tp-blue);border-radius:var(--radius-sm);background:var(--tp-card-solid);box-shadow:none}.skill-side-card h3{margin-top:2px;font-size:var(--text-lg);font-weight:720}.skill-side-card p{font-size:var(--text-sm)}.skill-side-facts{display:grid;gap:0;margin:4px 0 0}.skill-side-facts div{display:grid;grid-template-columns:minmax(76px,auto) minmax(0,1fr);align-items:start;gap:12px;padding:11px 0;border-top:1px solid var(--line)}.skill-side-facts dt{color:var(--muted);font-size:var(--text-xs)}.skill-side-facts dd{margin:0;font-size:var(--text-sm);font-weight:650;text-align:right}.skill-side-cta{width:100%;margin-top:6px;padding:10px 18px}.rotate-right{transform:rotate(135deg)}@media(max-width:1180px){.skill-page-grid{grid-template-columns:minmax(0,1fr)}.skill-page-side{position:static}}@media(max-width:900px){.path-page,.skill-page{padding-bottom:40px}.path-role-context-row .path-target-button{scale:.9;transform-origin:left center}.path-role-context-row .role-context-tabs{scale:.9;transform-origin:right center}.path-header h1{font-size:28px}}@media(min-width:641px)and (max-width:900px){.learning-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.learning-summary{padding:18px}.learning-summary-head{align-items:flex-start}.learning-progress-ring{width:64px;height:64px}.learning-progress-ring:before{top:4px;right:4px;bottom:4px;left:4px}.learning-progress-ring:after{top:10px;right:10px;bottom:10px;left:10px}.learning-progress-ring span{font-size:var(--text-sm)}.learning-tiles{grid-template-columns:minmax(0,1fr)}.next-step-head,.stage-card-head{padding:14px}.next-step-row{grid-template-columns:minmax(0,1fr);gap:12px}.next-step-actions{justify-content:flex-start;flex-wrap:wrap}.path-view-switch{align-items:flex-start;flex-direction:column}.stage-card-head{align-items:flex-start}.skill-drawer{inset:auto 0 0;width:100%;height:82dvh;max-height:82dvh;border-radius:var(--radius-sm) var(--radius-sm) 0 0;transform:translateY(24px)}.skill-drawer[open]{transform:translateY(0)}@starting-style{.skill-drawer[open]{opacity:0;transform:translateY(24px)}}.skill-drawer-header{padding:12px 16px}.skill-drawer-scroll{padding:16px 16px calc(22px + env(safe-area-inset-bottom))}.skill-history-row{grid-template-columns:76px minmax(0,1fr)}.skill-history-time{grid-column:2}}@media(hover:hover)and (pointer:fine){.path-refresh:hover,.next-step-link:hover,.skill-drawer-header button:hover,.skill-action-btn.secondary:hover,.skill-cancel-confirm:hover{border-color:var(--tp-tint-42);color:var(--tp-blue)}.learning-summary-cta:hover,.skill-drawer-open:hover,.skill-action-btn.primary.tone-blue:hover,.skill-side-cta:hover{border-color:var(--tp-accent-hover);background:var(--tp-accent-hover);color:var(--cp-on-accent-hover)}.learning-summary-cta:hover,.skill-drawer-open:hover,.skill-action-btn:not(:disabled):hover,.skill-side-cta:hover{transform:translateY(-1px)}.learning-tile:hover,.next-step-row:hover,.stage-skill:hover,.skill-resource-link:hover,.fact:hover{background:var(--tp-tint-05)}.next-step-mark:hover,.path-view-tabs button:not(.active):hover,.skill-prereq-list button:hover{background:var(--tp-tint-10);color:var(--tp-blue)}.skill-action-btn.primary.tone-green:hover{background:var(--tp-success-hover);color:var(--tp-on-success-hover)}.skill-action-btn.primary.tone-gray:hover{background:var(--tp-card-strong)}}.tree-panel{min-width:0;overflow:hidden;border:1px solid var(--cp-rule, var(--line-strong));border-radius:var(--radius-sm);background:var(--tp-card-solid);box-shadow:none}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;border-top:1px solid var(--tp-blue);border-bottom:1px solid var(--cp-rule, var(--line-strong))}.panel-heading h3{margin:4px 0 0;font-size:var(--text-lg);font-weight:720;line-height:1.3;letter-spacing:normal}.flow-shell{position:relative;height:min(68dvh,660px);min-height:480px;padding:0;background:var(--tp-card-solid);touch-action:none}.graph-touch-hint{display:none}.skill-graph-view .graph-legend{display:inline-flex;flex-wrap:wrap;gap:8px 14px;color:var(--muted);font-size:var(--text-xs)}.skill-graph-view .graph-legend span{display:inline-flex;align-items:center;gap:6px}.skill-graph-view .graph-legend .dot{display:inline-block;width:8px;height:8px;border:1px solid var(--line-strong);border-radius:0;background:var(--muted-2)}.skill-graph-view .graph-legend .dot.mastered{background:var(--green)}.skill-graph-view .graph-legend .dot.learning{background:var(--tp-blue)}.skill-graph-view .graph-legend .dot.focused{background:var(--orange)}.skill-graph-view .graph-legend .dot.locked{background:var(--line-strong)}.tree-flow-node{position:relative;min-width:210px;overflow:hidden;padding:0!important;border:1px solid var(--cp-rule, var(--line-strong))!important;border-radius:var(--radius-sm)!important;background:var(--tp-card-solid)!important;box-shadow:none!important;color:var(--ink)!important;transition:border-color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out),opacity var(--dur-fast) var(--ease-out)!important}.tree-flow-node:before{position:absolute;inset:0 auto 0 0;width:1px;background:var(--muted-2);content:"";z-index:1}.tree-flow-node.learning{border-color:var(--tp-tint-28)!important}.tree-flow-node.learning:before{background:var(--tp-blue)}.tree-flow-node.mastered:before{background:var(--green)}.tree-flow-node.focused:before{background:var(--orange)}.tree-flow-node.locked{border-style:dashed!important;opacity:.58}.tree-flow-node.recommended:before{background:var(--tp-blue)}.tree-node-label{position:relative;display:grid;gap:6px;min-width:0;padding:12px 14px}.tree-node-label strong{padding-right:18px;overflow-wrap:anywhere;font-size:var(--text-base);font-weight:700;line-height:1.3;letter-spacing:normal}.tree-node-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:var(--text-xs)}.tree-node-label>svg{position:absolute;top:12px;right:12px;color:var(--muted-2)}.tree-node-recommended{display:inline-flex;align-items:center;gap:4px;color:var(--tp-blue);font-size:var(--text-xs);font-weight:700}.tree-node-recommended svg{position:static}.react-flow__edge-path{stroke:var(--line-strong);stroke-width:1.8}.react-flow__edge-marker{fill:var(--muted-2)}.skill-graph-port{width:2px!important;height:2px!important;border:0!important;background:transparent!important;opacity:0;pointer-events:none}.react-flow__controls,.react-flow__minimap{overflow:hidden;border:1px solid var(--cp-rule, var(--line-strong))!important;border-radius:var(--radius-sm)!important;box-shadow:none!important}.react-flow__minimap{--xy-minimap-background-color: var(--tp-minimap-bg);--xy-minimap-mask-background-color: var(--tp-tint-16);--xy-minimap-mask-stroke-color: var(--tp-tint-36);--xy-minimap-mask-stroke-width: 2;--xy-minimap-node-background-color: var(--muted-2);width:184px!important;height:128px!important;border-radius:var(--radius-sm)!important;background:var(--tp-minimap-bg)!important}.react-flow__minimap-svg{border-radius:inherit}.react-flow__controls-button{border-bottom:1px solid var(--line)!important;background:var(--tp-controls-bg)!important}.react-flow__controls-button svg{fill:var(--ink)}.react-flow__attribution{border-radius:var(--radius-pill) 0 0 0;background:var(--tp-controls-bg)!important;color:var(--muted)!important}@media(max-width:900px){.panel-heading{align-items:flex-start;padding:14px 16px}.flow-shell{height:min(60dvh,520px);min-height:380px}}@media(min-width:641px)and (max-width:1180px)and (pointer:coarse){.graph-touch-hint{display:block;margin:0;padding:9px 16px;border-bottom:1px solid var(--cp-rule, var(--line-strong));background:var(--tp-tint-05);color:var(--muted);font-size:var(--text-sm)}}@media(hover:hover)and (pointer:fine){.tree-flow-node:hover{background:var(--tp-card-strong)!important;border-color:var(--tp-tint-36)!important}.react-flow__controls-button:hover{background:var(--tp-card-solid)!important}}.capability-page{min-height:100vh;max-width:var(--page-max);margin:0 auto;padding:0 var(--page-pad) 64px}.capability-page :is(h1,h2,h3,strong){letter-spacing:0}.capability-page .capability-hero{margin:24px 0 16px;padding:28px 0 0;border-block-start:1px solid var(--cp-rule, var(--line-strong));border-radius:0;background:transparent}.capability-hero .eyebrow{display:none}.capability-hero h1{font-size:42px;line-height:1.08}.capability-summary-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin-top:28px;border-block-start:1px solid var(--cp-rule, var(--line-strong));border-inline-start:1px solid var(--cp-rule, var(--line-strong))}.capability-summary-card{display:grid;min-width:0;min-height:154px;align-content:start;gap:5px;padding:16px;border:0;border-inline-end:1px solid var(--cp-rule, var(--line-strong));border-block-end:1px solid var(--cp-rule, var(--line-strong));border-radius:0;background:var(--cp-panel, var(--tp-card-solid));color:var(--ink);text-align:left;transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.capability-summary-card.active{border-color:var(--tp-blue);background:var(--tp-tint-08)}.capability-summary-card.static{cursor:default}.capability-summary-card.static:disabled{opacity:1}.capability-card-icon{display:grid;width:32px;height:32px;place-items:center;margin-bottom:10px;border:1px solid var(--cp-rule, var(--line-strong));border-radius:2px;color:var(--tp-blue)}.capability-card-label{color:var(--muted);font-size:12px;font-weight:650}.capability-card-value{color:var(--ink);font-size:28px;font-weight:720;line-height:1.15}.capability-card-sub{color:var(--muted);font-size:12px;line-height:1.45}.capability-section{margin-bottom:16px;padding:0;overflow:hidden;border:1px solid var(--cp-rule, var(--line-strong));border-radius:0;background:var(--cp-panel, var(--tp-card-solid))}.capability-section-head{display:flex;min-height:54px;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 18px;border-block-end:1px solid var(--cp-rule, var(--line-strong))}.capability-section-head h2{display:inline-flex;align-items:center;gap:8px;font-size:18px;line-height:1.25}.capability-section-head h2 svg{color:var(--tp-blue)}.capability-section-head small{color:var(--muted);font-size:12px}.capability-page .capability-target-section{margin-top:0}.capability-page .capability-target-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px}.capability-page .capability-target-row>div:first-child{min-width:0}.capability-page .capability-target-row strong{display:block;overflow-wrap:anywhere;font-size:var(--text-xl)}.capability-page .capability-target-row p{margin-top:5px;color:var(--muted);font-size:13px}.capability-page .capability-target-actions{display:flex;flex:0 0 auto;gap:8px}.capability-page .capability-target-row button{min-height:42px;padding-inline:14px;border:1px solid var(--cp-rule, var(--line-strong));border-radius:3px;background:transparent;color:var(--ink)}.capability-page .capability-target-actions button.primary{border-color:var(--tp-blue);background:var(--tp-blue);color:var(--tp-on-accent)}.closest-role-list{display:grid;gap:0;margin:0;padding:0;list-style:none}.closest-role-list>li{min-width:0}.closest-role-list>li+li{border-block-start:1px solid var(--line)}.capability-page .closest-role-row{display:grid;width:100%;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:16px 18px 12px;border:0;border-radius:0;background:transparent;color:var(--ink);text-align:left;transition:background-color var(--dur-fast) var(--ease-out)}.closest-role-main{display:grid;min-width:0;gap:4px}.closest-role-main strong{font-size:16px}.closest-role-meta{color:var(--muted);font-size:12px}.closest-role-market{color:var(--ink);font-size:12px;font-weight:650}.closest-role-scope{margin:0;padding:0 18px 14px}.closest-role-scope .data-scope-disclosure{padding-top:8px}.closest-role-scope .data-scope-disclosure dl>div{grid-template-columns:minmax(112px,.42fr) minmax(0,1fr);gap:8px}.closest-role-error{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:16px 18px;padding:10px 12px;border:1px solid var(--tp-danger-border-soft);border-radius:2px;background:var(--tp-danger-tint-soft);color:var(--tp-danger-text);font-size:13px}.closest-role-error button{min-height:40px;padding:6px 10px;border:1px solid currentColor;border-radius:2px;background:transparent;color:inherit;font-weight:700}.closest-role-hours{display:grid;gap:1px;text-align:right}.closest-role-hours strong{color:var(--tp-blue);font-size:20px}.closest-role-hours small{color:var(--muted);font-size:11px}.closest-role-arrow{color:var(--muted-2)}.capability-page .capability-status-tabs{display:flex;width:fit-content;max-width:calc(100% - 36px);flex-wrap:nowrap;gap:0;margin:16px 18px;padding:0;overflow-x:auto;border:1px solid var(--cp-rule, var(--line-strong));border-radius:3px;background:transparent;overscroll-behavior-x:contain;scrollbar-width:none}.capability-status-tabs::-webkit-scrollbar{display:none}.capability-status-tabs button{min-height:38px;flex:0 0 auto;padding:7px 14px;border:0;border-inline-end:1px solid var(--line);border-radius:0;background:transparent;box-shadow:none;color:var(--muted);font-size:13px;font-weight:650;transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.capability-status-tabs button:last-child{border-inline-end:0}.capability-status-tabs button.active{background:var(--tp-tint-10);box-shadow:inset 0 2px 0 var(--tp-blue);color:var(--ink)}.capability-skill-search-wrap{display:flex;min-width:min(220px,100%);align-items:center;padding-inline-end:10px;border:1px solid var(--cp-rule, var(--line-strong));border-radius:3px;background:transparent;color:var(--muted)}.capability-skill-search{min-width:0;flex:1;padding:7px 10px;border:0;background:transparent;font-size:16px}.capability-skill-search:focus-visible{outline:none;box-shadow:none}.capability-page .capability-skill-search-wrap:focus-within{border-color:var(--tp-blue);box-shadow:none}.capability-skill-list{display:grid;gap:0;margin:0;padding:0;border-block-start:1px solid var(--line);list-style:none}.capability-skill-list>li+li{border-block-start:1px solid var(--line)}.capability-page .capability-skill-row{display:grid;width:100%;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:12px;padding:13px 18px;border:0;border-radius:0;background:transparent;color:var(--ink);text-align:left;transition:background-color var(--dur-fast) var(--ease-out)}.capability-skill-main{display:inline-flex;min-width:0;align-items:center;gap:10px}.capability-skill-main strong{overflow:hidden;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.capability-skill-cat{flex-shrink:0;padding:2px 7px;border:1px solid var(--line);border-radius:2px;background:transparent;color:var(--muted);font-size:11px}.capability-skill-status{justify-self:end;border-radius:2px}.capability-skill-meta{display:inline-flex;align-items:center;gap:10px;color:var(--muted);font-size:12px;white-space:nowrap}.capability-skill-arrow{color:var(--muted-2)}.capability-section>.muted-placeholder,.capability-skill-loading>.ui-loading-content>.muted-placeholder{padding:18px}.category-bar-list{display:grid;gap:12px;margin:0;padding:18px;list-style:none}.category-bar-row{display:grid;grid-template-columns:120px minmax(0,1fr) 40px;align-items:center;gap:14px}.category-bar-name{overflow:hidden;font-size:14px;font-weight:550;text-overflow:ellipsis;white-space:nowrap}.category-bar-track{display:flex;height:10px;overflow:hidden;border:1px solid var(--line);border-radius:0;background:var(--surface-soft)}.category-bar-seg{height:100%}.category-bar-seg.completed{background:var(--tp-success-text)}.category-bar-seg.learning{background:var(--tp-blue)}.category-bar-seg.focused{background:var(--tp-warning-text)}.category-bar-total{color:var(--muted);font-size:13px;font-weight:650;text-align:right}.category-legend{display:flex;gap:16px;flex-wrap:wrap;padding:12px 18px;border-block-start:1px solid var(--line);color:var(--muted);font-size:12px}.category-legend span{display:inline-flex;align-items:center;gap:6px}.category-legend .dot{display:inline-block;width:8px;height:8px;border-radius:0}.category-legend .dot.completed{background:var(--tp-success-text)}.category-legend .dot.learning{background:var(--tp-blue)}.category-legend .dot.focused{background:var(--tp-warning-text)}.capability-page .skeleton{border-radius:2px}.capability-body-skeleton .capability-section-head .skeleton-line{max-width:160px}.capability-body-skeleton .closest-role-main .skeleton-line{max-width:240px}.capability-body-skeleton .category-bar-list .skeleton-line{height:20px}.capability-tabs-skeleton{width:min(360px,calc(100% - 36px));height:40px;margin:16px 18px}.capability-page .capability-skill-row.skeleton-table-row{grid-template-areas:none;grid-template-columns:minmax(0,1.3fr) minmax(90px,.55fr) minmax(120px,.8fr)}.capability-page .ui-error-state,.capability-page .ui-empty-state{border:1px solid var(--cp-rule, var(--line-strong));border-radius:0;background:var(--cp-panel, var(--tp-card-solid))}@media(hover:hover)and (pointer:fine){.capability-summary-card:not(.static):hover,.capability-page .closest-role-row:hover,.capability-page .capability-skill-row:hover{background:var(--tp-tint-05)}.capability-summary-card:not(.static):hover{border-color:var(--tp-tint-55)}.capability-status-tabs button:not(.active):hover{background:var(--tp-tint-05);color:var(--ink)}.capability-page .capability-target-row button:not(:disabled):hover,.closest-role-error button:not(:disabled):hover{border-color:var(--tp-blue);background:var(--tp-tint-08)}.capability-page .capability-target-actions button.primary:not(:disabled):hover{border-color:var(--tp-accent-hover);background:var(--tp-accent-hover);color:var(--tp-on-accent-hover)}}@media(max-width:900px){.capability-page{padding-bottom:40px}.capability-hero h1{font-size:34px}.capability-summary-cards{grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr))}.capability-page .closest-role-row{grid-template-columns:minmax(0,1fr) auto}.closest-role-arrow{display:none}.capability-page .capability-skill-row{grid-template-columns:minmax(0,1fr) auto}.capability-skill-meta,.capability-skill-arrow{display:none}.category-bar-row{grid-template-columns:90px minmax(0,1fr) 32px}}@media(max-width:640px){.capability-page .capability-hero{margin-top:18px;padding-top:22px}.capability-hero h1{font-size:30px}.capability-summary-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.capability-summary-card{min-height:142px;padding:14px}.capability-summary-card.static{grid-column:span 2}.capability-page .capability-target-row{align-items:stretch;flex-direction:column;padding:16px}.capability-page .capability-target-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.capability-page .capability-target-actions button{width:100%}.capability-section-head{align-items:flex-start;padding-inline:14px}.capability-skill-search-wrap{width:100%}.capability-page .capability-status-tabs{max-width:calc(100% - 28px);margin-inline:14px}.capability-page .capability-skill-row{grid-template-areas:"main status" "meta meta";grid-template-columns:minmax(0,1fr) auto;gap:9px;padding:14px}.capability-page .capability-skill-row.skeleton-table-row{grid-template-areas:none;grid-template-columns:minmax(0,1fr) 84px}.capability-page .capability-skill-row.skeleton-table-row .skeleton-line:last-child{grid-column:1 / -1}.capability-skill-main{grid-area:main}.capability-skill-status{grid-area:status}.capability-skill-meta{display:inline-flex;grid-area:meta;justify-content:space-between;white-space:normal}.capability-skill-arrow{display:none}.category-bar-list,.category-legend{padding-inline:14px}}.compare-page{min-height:100vh;max-width:var(--page-max);margin:0 auto;padding:0 var(--page-pad) 64px}.compare-page :is(h1,h2,h3,strong){letter-spacing:0}.compare-hero{margin:0 0 16px;padding:28px 0 22px;border-block-end:1px solid var(--cp-rule, var(--line-strong))}.compare-hero .eyebrow{display:none}.compare-hero h1{font-size:42px;line-height:1.08}.compare-section,.compare-tray{margin-bottom:16px;padding:0;overflow:hidden;border:1px solid var(--cp-rule, var(--line-strong));border-radius:0;background:var(--cp-panel, var(--tp-card-solid))}.compare-section>.capability-section-head,.compare-tray-head{display:flex;min-height:54px;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0;padding:12px 18px;border-block-end:1px solid var(--cp-rule, var(--line-strong))}.compare-section>.capability-section-head h2,.compare-tray-head h2{font-size:18px;line-height:1.25}.compare-section>.capability-section-head small{color:var(--muted);font-size:12px}.compare-tray-count{padding:3px 8px;border:1px solid var(--cp-rule, var(--line-strong));border-radius:2px;color:var(--muted);font-size:13px;font-weight:650}.compare-chip-row{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:14px 18px;border-block-end:1px solid var(--line)}.compare-page .compare-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 7px 6px 10px;border:1px solid var(--tp-tint-42);border-radius:2px;background:var(--tp-tint-08);color:var(--ink);font-size:13px;font-weight:650}.compare-chip button{position:relative;display:grid;width:24px;height:24px;place-items:center;padding:0;border:1px solid var(--tp-tint-24);border-radius:2px;background:transparent;color:var(--tp-blue)}.compare-chip button:after{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;content:""}.compare-search{display:flex;align-items:center;gap:8px;margin:14px 18px;padding:8px 10px;border:1px solid var(--cp-rule, var(--line-strong));border-radius:3px;background:transparent;transition:border-color var(--dur-fast) var(--ease-out)}.compare-page .compare-search:focus-within{border-color:var(--tp-blue);box-shadow:none}.compare-search svg{flex-shrink:0;color:var(--muted-2)}.compare-search input{min-width:0;flex:1;border:0;background:transparent;font-size:16px;outline:none}.compare-search-results{margin:0 18px 16px;padding:0;overflow:hidden;border:1px solid var(--cp-rule, var(--line-strong));border-radius:2px;list-style:none}.compare-search-results li+li{border-block-start:1px solid var(--line)}.compare-search-results li.muted-placeholder{padding:10px 12px}.compare-tray>.muted-placeholder{margin:0 18px 14px;padding:8px 10px;border:1px solid var(--tp-danger-border-soft);background:var(--tp-danger-tint-soft);color:var(--tp-danger-text);font-size:13px}.compare-search-results button{display:flex;width:100%;align-items:center;justify-content:space-between;padding:10px 12px;border:0;border-radius:0;background:transparent;color:var(--ink);font-size:14px;text-align:left;transition:background-color var(--dur-fast) var(--ease-out)}.compare-data-scopes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:0;margin:0;padding:16px 18px;border-block-end:1px solid var(--line)}.compare-data-scopes .data-scope-disclosure{margin:-1px 0 0 -1px;padding:12px;border:1px solid var(--line);border-radius:0}.compare-table-scroll{position:relative;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-gutter:stable}.compare-table-scroll:focus-visible{outline:2px solid var(--tp-blue);outline-offset:-2px}.compare-scroll-hint{display:none}.compare-table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px;font-variant-numeric:tabular-nums}.compare-table th,.compare-table td{min-width:150px;padding:13px 14px;border-block-end:1px solid var(--line);border-inline-end:1px solid var(--line);background:var(--cp-panel, var(--tp-card-solid));text-align:left;vertical-align:middle}.compare-table tr>:last-child{border-inline-end:0}.compare-table th:first-child,.compare-table td:first-child{min-width:118px}.compare-table thead th{border-block-end-color:var(--cp-rule, var(--line-strong));background:var(--surface-soft);color:var(--ink);font-size:15px;font-weight:720}.compare-table thead th:first-child{color:var(--muted);font-size:12px;font-weight:650}.compare-table tbody th[scope=row]{color:var(--muted);font-size:13px;font-weight:550;white-space:nowrap}.compare-table td{font-weight:550}.compare-cell-sample{display:inline-flex;align-items:center;gap:8px}.compare-cell-fact{display:grid;gap:3px}.compare-cell-fact strong{color:var(--ink);font-weight:680}.compare-cell-fact small{color:var(--muted);font-size:11px;font-weight:400;line-height:1.4}.compare-table-cta-row th,.compare-table-cta-row td{padding-block:14px;border-block-end:0}.compare-page .compare-target-actions{display:inline-flex;width:max-content;max-width:none;align-items:center;flex-direction:row;gap:6px}.compare-target-actions .compare-target-btn{display:inline-flex;width:max-content;min-width:96px;min-height:44px;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border:1px solid var(--tp-blue);border-radius:3px;background-color:var(--tp-blue);box-shadow:none;color:var(--tp-on-accent);font-size:13px;font-weight:650;transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.compare-target-actions .compare-path-btn{display:inline-flex;width:max-content;min-width:96px;min-height:44px;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border:1px solid var(--cp-rule, var(--line-strong));border-radius:3px;background-color:transparent;color:var(--ink);font-size:13px;font-weight:650;transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.compare-target-actions .target-current-label.compare-target-btn{cursor:default}.overlap-group{margin:0;padding:18px}.overlap-group+.overlap-group{border-block-start:1px solid var(--cp-rule, var(--line-strong))}.overlap-group h3{display:inline-flex;align-items:center;gap:8px;margin:0 0 12px;font-size:16px;font-weight:700}.overlap-group h3 svg{color:var(--tp-blue)}.overlap-count{padding:2px 7px;border:1px solid var(--cp-rule, var(--line-strong));border-radius:2px;color:var(--muted);font-size:12px;font-weight:650}.overlap-chip-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:0;border-block-start:1px solid var(--line);border-inline-start:1px solid var(--line)}.compare-page .overlap-chip{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border:0;border-inline-end:1px solid var(--line);border-block-end:1px solid var(--line);border-radius:0;background:transparent;color:var(--ink);font-size:13px;text-align:left;transition:background-color var(--dur-fast) var(--ease-out)}.compare-page .overlap-chip.shared{border-color:var(--tp-success-border-soft);background:var(--tp-success-tint);color:var(--tp-success-text)}.overlap-diff-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:0;border-block-start:1px solid var(--line);border-inline-start:1px solid var(--line)}.compare-page .overlap-diff-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:0;border-inline-end:1px solid var(--line);border-block-end:1px solid var(--line);border-radius:0;background:transparent;color:var(--ink);text-align:left;transition:background-color var(--dur-fast) var(--ease-out)}.overlap-diff-name{font-size:14px;font-weight:550}.overlap-diff-roles{color:var(--muted);font-size:12px;text-align:right}.compare-page .compare-empty{display:grid;justify-items:start;gap:10px;padding:34px 24px;border:1px solid var(--cp-rule, var(--line-strong));border-radius:0;background:var(--cp-panel, var(--tp-card-solid));text-align:left}.compare-empty svg{color:var(--tp-blue)}.compare-empty strong{font-size:18px}.compare-empty p{max-width:60ch;font-size:14px}.compare-page .compare-empty button{min-height:42px;margin-top:6px;padding:9px 16px;border:1px solid var(--tp-blue);border-radius:3px;background:var(--tp-blue);color:var(--tp-on-accent);font-size:14px;font-weight:650}.compare-page .skeleton{border-radius:2px}@media(hover:hover)and (pointer:fine){.compare-chip button:hover,.compare-search-results button:hover,.compare-page .overlap-chip:hover,.compare-page .overlap-diff-row:hover,.compare-page .compare-target-actions .compare-path-btn:not(:disabled):hover{background:var(--tp-tint-08)}.compare-chip button:hover,.compare-page .overlap-chip:hover,.compare-page .overlap-diff-row:hover,.compare-page .compare-target-actions .compare-path-btn:not(:disabled):hover{border-color:var(--tp-tint-55)}.compare-page .compare-target-actions .compare-target-btn:not(:disabled):hover,.compare-page .compare-empty button:hover{border-color:var(--tp-accent-hover);background:var(--tp-accent-hover);box-shadow:none;color:var(--tp-on-accent-hover);transform:none}}@media(max-width:1180px){.compare-table{min-width:max-content}.compare-table th:first-child{position:sticky;left:0;z-index:2;border-inline-end-color:var(--cp-rule, var(--line-strong));background:var(--cp-panel, var(--tp-card-solid))}.compare-table thead th:first-child{z-index:3;background:var(--surface-soft)}}@media(max-width:900px){.compare-page{padding-bottom:40px}.compare-hero h1{font-size:34px}.overlap-diff-row{align-items:flex-start;flex-direction:column;gap:4px}.overlap-diff-roles{text-align:left}}@media(max-width:640px){.compare-section{padding:20px 12px}.compare-hero{padding-top:22px}.compare-hero h1{font-size:30px}.compare-section>.capability-section-head,.compare-tray-head,.compare-chip-row,.overlap-group{padding-inline:14px}.compare-search,.compare-search-results{margin-inline:14px}.compare-data-scopes{padding-inline:14px}.compare-scroll-hint{display:block;margin:0;padding:9px 14px;border-block-end:1px solid var(--line);color:var(--muted);font-size:12px}.compare-table th,.compare-table td{padding-inline:10px}.compare-table th:first-child,.compare-table td:first-child{width:104px;min-width:104px;max-width:104px}.compare-table tbody th[scope=row]{line-height:1.35;white-space:normal}}.overlap-chip svg,.overlap-diff-row svg{flex-shrink:0}.assessment-page{min-height:100vh;max-width:720px;margin:0 auto;padding:0 var(--page-pad) 64px}.assessment-page :is(h1,h2,h3,strong){letter-spacing:0}.assessment-hero{margin-bottom:16px;padding:28px 0 22px;border-block-end:1px solid var(--cp-rule, var(--line-strong));text-align:left}.assessment-hero .eyebrow{display:none}.assessment-hero h1{font-size:36px;line-height:1.08}.assessment-page .assessment-status-card{display:grid;justify-items:start;gap:10px;padding:28px;border:1px solid var(--cp-rule, var(--line-strong));border-radius:0;background:var(--cp-panel, var(--tp-card-solid));color:var(--ink);text-align:left}.assessment-status-icon{display:grid;width:48px;height:48px;place-items:center;margin-bottom:4px;border:1px solid currentColor;border-radius:2px}.assessment-status-card h2{font-size:24px;line-height:1.2}.assessment-status-card p{max-width:60ch;font-size:15px}.assessment-page .assessment-status-card.tone-success{border-color:var(--tp-success-border)}.assessment-page .assessment-status-card.tone-success .assessment-status-icon{background:var(--tp-success-tint);color:var(--tp-success-text)}.assessment-page .assessment-status-card.tone-danger{border-color:var(--tp-danger-border)}.assessment-page .assessment-status-card.tone-danger .assessment-status-icon{background:var(--tp-danger-tint);color:var(--tp-danger-text)}.assessment-page .assessment-status-card.tone-warn{border-color:var(--tp-warning-border)}.assessment-page .assessment-status-card.tone-warn .assessment-status-icon{background:var(--tp-warning-tint);color:var(--tp-warning-text)}.assessment-page .assessment-status-card.tone-neutral{border-color:var(--tp-tint-42)}.assessment-page .assessment-status-card.tone-neutral .assessment-status-icon{background:var(--tp-tint-10);color:var(--tp-blue)}.assessment-score{display:inline-flex;align-items:baseline;gap:6px;margin-top:6px;padding:8px 12px;border:1px solid var(--cp-rule, var(--line-strong));border-radius:2px;background:var(--surface-soft)}.assessment-score strong{font-size:28px;font-weight:720}.assessment-score span{color:var(--muted);font-size:13px}.assessment-actions{display:flex;justify-content:flex-start;gap:8px;flex-wrap:wrap;margin-top:16px}.assessment-btn{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:6px;padding:9px 14px;border:1px solid var(--cp-rule, var(--line-strong));border-radius:3px;background:transparent;color:var(--ink);font-size:14px;font-weight:650;transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.assessment-page .assessment-btn.primary{border-color:var(--tp-blue);background:var(--tp-blue);color:var(--tp-on-accent)}.assessment-page .assessment-btn.ghost{border-color:var(--cp-rule, var(--line-strong));background:var(--cp-panel, var(--tp-card-solid));color:var(--ink)}.assessment-page .assessment-saved-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:16px;padding:11px 12px;border:1px solid var(--tp-success-border);border-radius:2px;background:var(--tp-success-tint);color:var(--tp-success-text);font-size:14px;font-weight:650}.assessment-saved-value,.assessment-saved-value small{color:inherit}.assessment-saved-prefix{margin-inline-end:3px;font-size:var(--text-base);font-weight:500}.assessment-page .path-skeleton{padding:0;border:1px solid var(--cp-rule, var(--line-strong));border-radius:0;background:var(--cp-panel, var(--tp-card-solid))}.assessment-page .skeleton{border-radius:2px}@media(hover:hover)and (pointer:fine){.assessment-page .assessment-btn.primary:not(:disabled):hover{border-color:var(--tp-accent-hover);background:var(--tp-accent-hover);color:var(--tp-on-accent-hover)}.assessment-page .assessment-btn.ghost:not(:disabled):hover{border-color:var(--tp-tint-55);background:var(--tp-tint-08)}}@media(max-width:900px){.assessment-page{padding-bottom:40px}.assessment-hero{padding-top:22px}.assessment-hero h1{font-size:30px}.assessment-page .assessment-status-card{padding:22px}.assessment-actions{align-items:stretch;flex-direction:column}.assessment-btn{width:100%}}@media(max-width:900px){:root{--page-pad: 24px}.login-shell{grid-template-columns:1fr}.login-card{margin:0;max-width:none}.login-art-panel{min-height:430px}.career-motion{margin:28px 0}}@media(max-width:640px){:root{--page-pad: 16px}.skill-facts{grid-template-columns:1fr}.login-page{padding:12px}.login-shell{gap:14px;min-height:0}.login-art-panel,.login-auth-panel{border-radius:8px}.login-art-panel{gap:6px;grid-template-rows:auto auto auto;min-height:0;padding:18px 20px 20px}.brand-chip.floating{justify-self:center}.career-motion{margin:-8px 0 -16px;width:min(420px,90%)}.login-art-copy{gap:8px;justify-items:center;max-width:none;text-align:center}.login-art-copy>.eyebrow,.login-benefits{display:none}.login-art-copy h1{font-size:28px;line-height:1.05}.login-art-copy .ghost-button{justify-self:center;min-height:40px;padding:8px 15px}.login-auth-panel{padding:18px}.code-row{grid-template-columns:1fr}}@media(prefers-reduced-transparency:reduce){:root{--surface: #fff;--surface-soft: #f5f5f7}.login-art-panel:before,.login-art-panel:after{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}.career-motion-line,.career-motion-glow,.career-motion-fill{animation:none}.career-motion-line{stroke-dashoffset:0}.career-motion-glow{opacity:.42;stroke-dashoffset:0}.career-motion-fill{opacity:.94}}:root{--tp-page-1: #fbfbfd;--tp-page-2: #f5f5f7;--tp-page-3: #ebeef3;--tp-page-top: #fafcff;--tp-nav-active: rgba(255, 255, 255, .9);--tp-card-bg: rgba(255, 255, 255, .72);--tp-card-solid: #ffffff;--tp-card-strong: rgba(255, 255, 255, .88);--tp-card-bg-soft: rgba(255, 255, 255, .62);--tp-soft-bg: rgba(255, 255, 255, .58);--tp-empty-a: rgba(255, 255, 255, .96);--tp-empty-b: rgba(255, 255, 255, .6);--tp-tab-track: rgba(255, 255, 255, .75);--tp-tab-border: rgba(255, 255, 255, .66);--tp-tab-active: #ffffff;--tp-login-panel: rgba(255, 255, 255, .62);--tp-login-input: rgba(255, 255, 255, .74);--tp-login-input-focus: rgba(255, 255, 255, .96);--tp-chip-bg: rgba(255, 255, 255, .66);--tp-notice-bg: rgba(255, 255, 255, .78);--tp-drawer-bg: rgba(255, 255, 255, .88);--tp-drawer-header: rgba(255, 255, 255, .94);--tp-popover-bg: rgba(255, 255, 255, .96);--tp-locked-bg: rgba(245, 245, 247, .6);--tp-skeleton-a: rgba(245, 245, 247, .4);--tp-skeleton-b: rgba(255, 255, 255, .85);--tp-controls-bg: rgba(255, 255, 255, .9);--tp-minimap-bg: rgba(255, 255, 255, .92);--tp-blue: #0a84ff;--tp-on-accent: #111111;--tp-on-accent-hover: #ffffff;--tp-on-success: #000000;--tp-on-success-hover: #000000;--tp-muted-readable: #67676c;--tp-accent-hover: #0071e3;--tp-accent-bright: #64d2ff;--tp-accent-bright2: #1a8dff;--tp-tint-05: rgba(10, 132, 255, .05);--tp-tint-07: rgba(10, 132, 255, .07);--tp-tint-08: rgba(10, 132, 255, .08);--tp-tint-10: rgba(10, 132, 255, .1);--tp-tint-12: rgba(10, 132, 255, .12);--tp-tint-16: rgba(10, 132, 255, .16);--tp-tint-18: rgba(10, 132, 255, .18);--tp-tint-20: rgba(10, 132, 255, .2);--tp-tint-24: rgba(10, 132, 255, .24);--tp-tint-28: rgba(10, 132, 255, .28);--tp-tint-36: rgba(10, 132, 255, .36);--tp-tint-42: rgba(10, 132, 255, .42);--tp-tint-55: rgba(10, 132, 255, .55);--tp-primary-gradient: linear-gradient(180deg, var(--tp-accent-bright2), var(--tp-blue));--tp-hero-text-gradient: var(--brand-gradient);--tp-login-title-gradient: var(--brand-gradient);--tp-success-text: #248a3d;--tp-success-bright: #45dc69;--tp-success-hover: #28a745;--tp-success-tint: rgba(48, 209, 88, .12);--tp-success-tint-strong: rgba(48, 209, 88, .14);--tp-success-border: rgba(36, 138, 61, .5);--tp-success-border-soft: rgba(48, 209, 88, .3);--tp-warning-text: #c93400;--tp-warning-text-soft: #a65d00;--tp-warning-tint: rgba(255, 159, 10, .12);--tp-warning-border: rgba(255, 159, 10, .36);--tp-warning-border-soft: rgba(255, 159, 10, .3);--tp-danger-text: #d70015;--tp-danger-bright: #ff5c4d;--tp-danger-tint: rgba(255, 69, 58, .1);--tp-danger-tint-strong: rgba(255, 69, 58, .12);--tp-danger-tint-soft: rgba(255, 69, 58, .06);--tp-danger-border: rgba(255, 69, 58, .4);--tp-danger-border-soft: rgba(255, 69, 58, .24);--tp-secondary-text: #8a35b5;--tp-secondary-tint: rgba(191, 90, 242, .1);--tp-hot-high: linear-gradient(90deg, #0a84ff, #64d2ff);--tp-hot-medium: linear-gradient(90deg, #30b0c7, #64d2ff);--tp-progress-2: #7d5cf6;--tp-chart-bar: rgba(10, 132, 255, .09);--tp-graph-grid: #d7dce3;--tp-hero-bg: #1d1d1f;--tp-hero-glow-1: rgba(125, 92, 246, .34);--tp-hero-glow-2: rgba(10, 132, 255, .22);--tp-hero-icon: #64d2ff;--tp-glow-a: rgba(10, 132, 255, .1);--tp-glow-b: rgba(125, 92, 246, .08);--tp-login-glow-1: rgba(10, 132, 255, .22);--tp-login-glow-2: rgba(191, 90, 242, .18);--tp-login-art-a: rgba(10, 132, 255, .2);--tp-login-art-b: rgba(48, 209, 88, .15);--tp-logo-1: #ff453a;--tp-logo-2: #ff9f0a;--tp-logo-3: #ffd60a;--tp-logo-4: #32d74b;--tp-logo-5: #64d2ff;--tp-logo-6: #bf5af2}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,[tabindex]:not([tabindex="-1"]):focus-visible{outline-color:var(--tp-blue)}::selection{background:var(--tp-tint-18)}.insight-page,.discovery-page,.path-page,.skill-page,.capability-page,.compare-page,.assessment-page,.login-page{background:var(--tp-page-2)}.app-header,.mobile-tab-bar{background:var(--tp-page-1)}.app-nav-link.active{background:transparent}.app-login-button,.page-back-row button,.compare-chip,.overlap-diff-row,.overlap-chip,.stage-skill,.fact,.skill-resource-link,.skill-action-btn.secondary,.closest-role-row,.capability-skill-row,.icon-action,.ghost-button,.skill-drawer-header button,.stage-list-empty{background:var(--tp-card-solid)}.stage-skill.status-locked{background:var(--tp-locked-bg)}.cta-compare,.insight-footer button:not(.cta-path),.filter-drawer-content label select,.auth-tabs button.active{background:var(--tp-card-solid)}.skill-drawer{background:var(--surface-solid)}.skill-drawer-header{background:var(--tp-card-solid)}.target-role-popover{background:var(--tp-popover-bg)}.empty-state,.ui-empty-state{background:var(--tp-card-solid)}.skeleton-role-card{background:var(--tp-card-bg)}.compare-empty{background:var(--tp-card-solid)}.path-view-tabs{border-color:var(--tp-tab-border)}.path-view-tabs button.active{background:var(--tp-tab-active)}.capability-status-tabs{border-color:var(--tp-tab-border)}.role-context-tabs{background:var(--tp-tab-track)}.login-art-panel,.login-auth-panel,.brand-chip{background:var(--tp-card-solid)}.input-shell{background:var(--tp-page-1)}.input-shell:focus-within{background:var(--tp-card-solid)}.notice{background:var(--tp-notice-bg);border-color:var(--tp-tint-18)}.notice.notice-danger{border-color:var(--tp-danger-border)}.notice.notice-success{border-color:var(--tp-success-border-soft)}.path-notice{background:var(--tp-notice-bg);border-color:var(--tp-tint-18)}.path-notice.danger{background:var(--tp-danger-tint-soft);border-color:var(--tp-danger-border-soft);color:var(--tp-danger-text)}.skeleton{background:linear-gradient(100deg,var(--tp-skeleton-a) 30%,var(--tp-skeleton-b) 50%,var(--tp-skeleton-a) 70%)}.skeleton-chart{background:linear-gradient(to top,transparent 0 24px,rgba(118,118,128,.09) 24px 25px,transparent 25px),repeating-linear-gradient(to bottom,transparent 0 52px,rgba(118,118,128,.07) 52px 53px),linear-gradient(100deg,var(--tp-skeleton-a) 30%,var(--tp-skeleton-b) 50%,var(--tp-skeleton-a) 70%)}.skeleton-chart:after{background:linear-gradient(to top,var(--tp-chart-bar) 0 42%,transparent 42%) 10% 100% / 12% 76%,linear-gradient(to top,var(--tp-chart-bar) 0 68%,transparent 68%) 32% 100% / 12% 76%,linear-gradient(to top,var(--tp-chart-bar) 0 55%,transparent 55%) 54% 100% / 12% 76%,linear-gradient(to top,var(--tp-chart-bar) 0 82%,transparent 82%) 76% 100% / 12% 76%;background-repeat:no-repeat}.filter-search:focus-within,.capability-skill-search-wrap:focus-within,.compare-search:focus-within,.input-shell:focus-within{border-color:var(--tp-tint-42)}.confirm-dialog .confirm-actions .confirm-primary,.ui-state-primary,.ui-state-actions .ui-state-primary,.insight-footer .cta-path,.learning-summary-cta,.skill-drawer-open,.skill-action-btn.primary.tone-blue,.assessment-btn.primary{background:var(--tp-blue)}.confirm-dialog .confirm-actions .confirm-primary.tone-danger{background:var(--red)}.skill-action-btn.primary.tone-green{background:var(--green)}.metric-icon,.learning-tile-icon,.skill-resource-icon,.login-benefit-icon,.graph-touch-hint,.cta-compare-view,.cta-compare[aria-pressed=true],.next-step-mark,.skill-prereq-list button,.session-retry-action{background:var(--tp-tint-08)}.next-step-mark{border-color:var(--tp-tint-24)}.skill-prereq-list button{border-color:var(--tp-tint-20)}.session-retry-action{border-color:var(--tp-tint-24)}.filter-chip,.compare-chip,.leaderboard-card .card-rank{background:var(--tp-tint-10)}.filter-chip button,.compare-chip button{background:var(--tp-tint-20)}.role-card-compare.active{background:var(--tp-tint-12);border-color:var(--tp-tint-24)}.discovery-target-bar.intent{background:var(--tp-tint-05)}.ui-badge.tone-focus{background:var(--tp-tint-10)}.ui-badge.tone-learning{background:var(--tp-warning-tint);color:var(--tp-warning-text-soft)}.ui-badge.tone-self{border-color:var(--tp-success-border);color:var(--tp-success-text)}.ui-badge.tone-passed{background:var(--green);color:var(--tp-on-success)}.ui-badge.tone-core{background:var(--tp-secondary-tint);color:var(--tp-secondary-text)}.overlap-chip.shared,.assessment-saved-line,.assessment-status-card.tone-success .assessment-status-icon{background:var(--tp-success-tint);color:var(--tp-success-text)}.discovery-notice,.assessment-status-card.tone-warn .assessment-status-icon{background:var(--tp-warning-tint);color:var(--tp-warning-text)}.discovery-error,.skill-action-warn,.assessment-status-card.tone-danger .assessment-status-icon{background:var(--tp-danger-tint);color:var(--tp-danger-text)}.assessment-status-card.tone-neutral .assessment-status-icon{background:var(--tp-tint-10)}.overlap-chip.shared,.assessment-saved-line{border-color:var(--tp-success-border-soft)}.skill-hotness-fill.importance-high{background:var(--tp-hot-high)}.skill-hotness-fill.importance-medium{background:var(--tp-hot-medium)}.learning-progress-ring:before{background:conic-gradient(from -90deg,var(--blue) 0deg,var(--tp-progress-2) calc(var(--progress, 0) * 360deg),rgba(0,0,0,.08) 0)}.skill-action-btn.secondary.active{background:var(--tp-warning-tint);border-color:var(--tp-warning-border);box-shadow:inset 0 -2px 0 var(--tp-warning-text)}.tree-flow-node.learning{border-color:var(--tp-tint-24)!important}.tree-flow-node.mastered{border-color:var(--tp-success-border-soft)!important;box-shadow:none!important}.tree-flow-node.selected,.tree-flow-node.focused{border-color:var(--tp-warning-border-soft)!important}.tree-flow-node.recommended{border-color:var(--tp-tint-42)!important;box-shadow:inset 0 -2px 0 var(--tp-blue)!important}@keyframes recommendedNodePulse{50%{box-shadow:inset 0 -2px 0 var(--tp-blue)}}.react-flow__minimap{--xy-minimap-background-color: var(--tp-minimap-bg);--xy-minimap-mask-background-color: var(--tp-tint-16);--xy-minimap-mask-stroke-color: var(--tp-tint-36);background:var(--tp-minimap-bg)!important}.react-flow__controls-button,.react-flow__attribution{background:var(--tp-controls-bg)!important}.capability-hero{background:var(--tp-card-solid)}.capability-card-icon{color:var(--tp-hero-icon)}.glow-field:before{background:var(--tp-glow-a)}.glow-field:after{background:var(--tp-glow-b)}.login-art-panel:before{display:none}.login-art-panel:after{display:none}#careerGradient stop{stop-color:var(--tp-logo-1)}#careerGradient stop:nth-of-type(2){stop-color:var(--tp-logo-2)}#careerGradient stop:nth-of-type(3){stop-color:var(--tp-logo-3)}#careerGradient stop:nth-of-type(4){stop-color:var(--tp-logo-4)}#careerGradient stop:nth-of-type(5){stop-color:var(--tp-logo-5)}#careerGradient stop:nth-of-type(6){stop-color:var(--tp-logo-6)}@media(hover:hover)and (pointer:fine){.page-back-row button:hover{background:var(--tp-card-solid)}.discovery-empty button:hover,.cta-path:hover,.insight-footer .cta-path:hover,.learning-summary-cta:hover,.skill-drawer-open:hover,.skill-action-btn.primary.tone-blue:hover,.skill-side-cta:hover,.assessment-btn.primary:hover,.compare-empty button:hover{background:var(--tp-accent-hover);color:var(--tp-on-accent-hover)}button.compare-target-btn:hover{background:var(--tp-accent-hover);border-color:var(--tp-accent-hover);box-shadow:none;color:var(--tp-on-accent-hover)}.skill-action-btn.primary.tone-green:hover{background:var(--tp-success-hover);color:var(--tp-on-success-hover)}.filter-chip button:hover,.compare-chip button:hover{background:var(--tp-tint-36)}.role-card-compare:hover{background:var(--tp-tint-12)}.compare-search-results button:hover,.role-context-tabs button:not([aria-current=page]):not(:disabled):hover,.next-step-mark:hover,.skill-prereq-list button:hover,.session-retry-action:hover,.cta-compare[aria-pressed=true]:hover,.cta-compare-view:hover,.compare-path-btn:not(:disabled):hover{background-color:var(--tp-tint-10)}button.path-target-button:hover{border-color:var(--tp-tint-36);background-color:var(--tp-tint-08)}.next-step-row:hover,.stage-skill:hover,.overlap-diff-row:hover,.closest-role-row:hover,.capability-skill-row:hover,.skill-resource-link:hover,.fact:hover{border-color:var(--tp-tint-24)}.fact:hover{background:var(--tp-card-strong)}.capability-summary-card:not(.static):hover{border-color:var(--tp-tint-28)}.overlap-chip:hover{border-color:var(--tp-tint-36)}.react-flow__controls-button:hover{background:var(--tp-card-solid)!important}}:root[data-theme=teal]{--ink: #232220;--muted: #6f6b63;--muted-2: #8f8a82;--surface: rgba(255, 253, 249, .78);--surface-solid: #fffdf9;--surface-soft: rgba(246, 244, 239, .88);--line: rgba(45, 38, 30, .08);--line-strong: rgba(45, 38, 30, .14);--blue: #0e7a6f;--green: #3e7a54;--orange: #a06a17;--red: #b23a2a;--purple: #64748b;--shadow-sm: 0 1px 2px rgba(54, 42, 28, .05), 0 2px 8px rgba(54, 42, 28, .05);--shadow-md: 0 4px 16px rgba(54, 42, 28, .08);--shadow-lg: 0 24px 80px rgba(54, 42, 28, .13);--ring: 0 0 0 4px rgba(14, 122, 111, .16);--ring-soft: 0 0 0 3px rgba(14, 122, 111, .1);--chart-grid: rgba(70, 60, 45, .06);--brand-gradient: linear-gradient(135deg, #0e9385 0%, #6f8f89 100%);color:#232220;background:#f4f2ec;--tp-page-1: #fdfbf7;--tp-page-2: #f4f2ec;--tp-page-3: #efece4;--tp-page-top: #fcfaf6;--tp-nav-active: rgba(255, 253, 249, .9);--tp-card-bg: rgba(255, 253, 249, .72);--tp-card-solid: #fffdf9;--tp-card-strong: rgba(255, 253, 249, .88);--tp-card-bg-soft: rgba(255, 253, 249, .62);--tp-soft-bg: rgba(255, 253, 249, .58);--tp-empty-a: rgba(255, 253, 249, .96);--tp-empty-b: rgba(255, 253, 249, .6);--tp-tab-track: rgba(255, 253, 249, .75);--tp-tab-border: rgba(255, 253, 249, .66);--tp-tab-active: #fffdf9;--tp-login-panel: rgba(255, 253, 249, .62);--tp-login-input: rgba(255, 253, 249, .74);--tp-login-input-focus: rgba(255, 253, 249, .96);--tp-chip-bg: rgba(255, 253, 249, .66);--tp-notice-bg: rgba(255, 253, 249, .78);--tp-drawer-bg: rgba(255, 253, 249, .88);--tp-drawer-header: rgba(255, 253, 249, .94);--tp-popover-bg: rgba(255, 253, 249, .96);--tp-locked-bg: rgba(246, 244, 239, .6);--tp-skeleton-a: rgba(246, 244, 239, .5);--tp-skeleton-b: rgba(255, 253, 249, .9);--tp-controls-bg: rgba(255, 253, 249, .9);--tp-minimap-bg: rgba(255, 253, 249, .92);--tp-blue: #0e7a6f;--tp-on-accent: #ffffff;--tp-on-accent-hover: #ffffff;--tp-on-success: #ffffff;--tp-on-success-hover: #ffffff;--tp-muted-readable: #68645d;--tp-accent-hover: #0b6259;--tp-accent-bright: #6fd0c3;--tp-accent-bright2: #17998d;--tp-tint-05: rgba(14, 122, 111, .05);--tp-tint-07: rgba(14, 122, 111, .07);--tp-tint-08: rgba(14, 122, 111, .08);--tp-tint-10: rgba(14, 122, 111, .1);--tp-tint-12: rgba(14, 122, 111, .12);--tp-tint-16: rgba(14, 122, 111, .16);--tp-tint-18: rgba(14, 122, 111, .18);--tp-tint-20: rgba(14, 122, 111, .2);--tp-tint-24: rgba(14, 122, 111, .24);--tp-tint-28: rgba(14, 122, 111, .28);--tp-tint-36: rgba(14, 122, 111, .36);--tp-tint-42: rgba(14, 122, 111, .42);--tp-tint-55: rgba(14, 122, 111, .55);--tp-primary-gradient: linear-gradient(180deg, var(--tp-accent-bright2), var(--tp-blue));--tp-hero-text-gradient: linear-gradient(135deg, #35c9ba 0%, #9fded6 100%);--tp-success-text: #3e7a54;--tp-success-bright: #5aa87c;--tp-success-hover: #356b48;--tp-success-tint: rgba(62, 122, 84, .12);--tp-success-tint-strong: rgba(62, 122, 84, .14);--tp-success-border: rgba(62, 122, 84, .5);--tp-success-border-soft: rgba(62, 122, 84, .3);--tp-warning-text: #a06a17;--tp-warning-text-soft: #a06a17;--tp-warning-tint: rgba(160, 106, 23, .12);--tp-warning-border: rgba(160, 106, 23, .36);--tp-warning-border-soft: rgba(160, 106, 23, .3);--tp-danger-text: #b23a2a;--tp-danger-bright: #d94f3d;--tp-danger-tint: rgba(178, 58, 42, .1);--tp-danger-tint-strong: rgba(178, 58, 42, .12);--tp-danger-tint-soft: rgba(178, 58, 42, .06);--tp-danger-border: rgba(178, 58, 42, .4);--tp-danger-border-soft: rgba(178, 58, 42, .24);--tp-secondary-text: #64748b;--tp-secondary-tint: rgba(100, 116, 139, .12);--tp-hot-high: linear-gradient(90deg, #0e7a6f, #6fd0c3);--tp-hot-medium: linear-gradient(90deg, #2e9f95, #6fd0c3);--tp-progress-2: #64748b;--tp-chart-bar: rgba(14, 122, 111, .09);--tp-graph-grid: #dedbd4;--tp-hero-bg: #262420;--tp-hero-glow-1: rgba(53, 185, 169, .18);--tp-hero-glow-2: rgba(100, 116, 139, .2);--tp-hero-icon: #6fd0c3;--tp-glow-a: rgba(14, 122, 111, .08);--tp-glow-b: rgba(100, 116, 139, .07);--tp-login-glow-1: rgba(14, 122, 111, .07);--tp-login-glow-2: rgba(100, 116, 139, .06);--tp-login-art-a: rgba(14, 122, 111, .1);--tp-login-art-b: rgba(100, 116, 139, .08);--tp-logo-1: #0e9385;--tp-logo-2: #1fa396;--tp-logo-3: #3ea89c;--tp-logo-4: #5e9a95;--tp-logo-5: #7d9a94;--tp-logo-6: #9aa7ab}:root[data-theme=paper]{--ink: #2b241d;--muted: #756a5d;--muted-2: #948a7c;--surface: rgba(255, 252, 246, .78);--surface-solid: #fffcf5;--surface-soft: rgba(248, 243, 233, .88);--line: rgba(55, 42, 28, .09);--line-strong: rgba(55, 42, 28, .15);--blue: #b9452f;--green: #4c7a52;--orange: #a06a17;--red: #8f2d1f;--purple: #6b7280;--shadow-sm: 0 1px 2px rgba(72, 55, 34, .06), 0 2px 8px rgba(72, 55, 34, .06);--shadow-md: 0 4px 16px rgba(72, 55, 34, .09);--shadow-lg: 0 24px 80px rgba(72, 55, 34, .14);--ring: 0 0 0 4px rgba(185, 69, 47, .16);--ring-soft: 0 0 0 3px rgba(185, 69, 47, .1);--chart-grid: rgba(80, 62, 40, .06);--brand-gradient: linear-gradient(135deg, #c2573f 0%, #8a6a3b 100%);color:#2b241d;background:#f3ecdf;--tp-page-1: #fbf6ec;--tp-page-2: #f3ecdf;--tp-page-3: #ece2d2;--tp-page-top: #fdf8f0;--tp-nav-active: rgba(255, 252, 246, .9);--tp-card-bg: rgba(255, 252, 246, .74);--tp-card-solid: #fffcf5;--tp-card-strong: rgba(255, 252, 246, .9);--tp-card-bg-soft: rgba(255, 252, 246, .64);--tp-soft-bg: rgba(255, 252, 246, .6);--tp-empty-a: rgba(255, 252, 246, .96);--tp-empty-b: rgba(255, 252, 246, .62);--tp-tab-track: rgba(255, 252, 246, .78);--tp-tab-border: rgba(255, 252, 246, .68);--tp-tab-active: #fffcf5;--tp-login-panel: rgba(255, 252, 246, .64);--tp-login-input: rgba(255, 252, 246, .76);--tp-login-input-focus: rgba(255, 252, 246, .97);--tp-chip-bg: rgba(255, 252, 246, .68);--tp-notice-bg: rgba(255, 252, 246, .8);--tp-drawer-bg: rgba(255, 252, 246, .9);--tp-drawer-header: rgba(255, 252, 246, .95);--tp-popover-bg: rgba(255, 252, 246, .97);--tp-locked-bg: rgba(243, 236, 223, .6);--tp-skeleton-a: rgba(243, 236, 223, .5);--tp-skeleton-b: rgba(255, 252, 246, .9);--tp-controls-bg: rgba(255, 252, 246, .9);--tp-minimap-bg: rgba(255, 252, 246, .92);--tp-blue: #b9452f;--tp-on-accent: #ffffff;--tp-on-accent-hover: #ffffff;--tp-on-success: #ffffff;--tp-on-success-hover: #ffffff;--tp-muted-readable: #6a5f53;--tp-accent-hover: #9c3826;--tp-accent-bright: #e08a74;--tp-accent-bright2: #c2573f;--tp-tint-05: rgba(185, 69, 47, .05);--tp-tint-07: rgba(185, 69, 47, .07);--tp-tint-08: rgba(185, 69, 47, .08);--tp-tint-10: rgba(185, 69, 47, .1);--tp-tint-12: rgba(185, 69, 47, .12);--tp-tint-16: rgba(185, 69, 47, .16);--tp-tint-18: rgba(185, 69, 47, .18);--tp-tint-20: rgba(185, 69, 47, .2);--tp-tint-24: rgba(185, 69, 47, .24);--tp-tint-28: rgba(185, 69, 47, .28);--tp-tint-36: rgba(185, 69, 47, .36);--tp-tint-42: rgba(185, 69, 47, .42);--tp-tint-55: rgba(185, 69, 47, .55);--tp-primary-gradient: linear-gradient(180deg, var(--tp-accent-bright2), var(--tp-blue));--tp-hero-text-gradient: linear-gradient(135deg, #e8805f 0%, #e0b36a 100%);--tp-success-text: #4c7a52;--tp-success-bright: #6ea877;--tp-success-hover: #3f6a45;--tp-success-tint: rgba(76, 122, 82, .12);--tp-success-tint-strong: rgba(76, 122, 82, .14);--tp-success-border: rgba(76, 122, 82, .5);--tp-success-border-soft: rgba(76, 122, 82, .3);--tp-warning-text: #a06a17;--tp-warning-text-soft: #9a701f;--tp-warning-tint: rgba(160, 106, 23, .12);--tp-warning-border: rgba(160, 106, 23, .36);--tp-warning-border-soft: rgba(160, 106, 23, .3);--tp-danger-text: #8f2d1f;--tp-danger-bright: #c24a36;--tp-danger-tint: rgba(143, 45, 31, .1);--tp-danger-tint-strong: rgba(143, 45, 31, .12);--tp-danger-tint-soft: rgba(143, 45, 31, .06);--tp-danger-border: rgba(143, 45, 31, .4);--tp-danger-border-soft: rgba(143, 45, 31, .24);--tp-secondary-text: #6b7280;--tp-secondary-tint: rgba(107, 114, 128, .12);--tp-hot-high: linear-gradient(90deg, #b9452f, #e08a74);--tp-hot-medium: linear-gradient(90deg, #c27a5a, #e08a74);--tp-progress-2: #6b7280;--tp-chart-bar: rgba(185, 69, 47, .09);--tp-graph-grid: #e3dccb;--tp-hero-bg: #2e2821;--tp-hero-glow-1: rgba(192, 87, 63, .24);--tp-hero-glow-2: rgba(138, 106, 59, .22);--tp-hero-icon: #e0a088;--tp-glow-a: rgba(185, 69, 47, .08);--tp-glow-b: rgba(138, 106, 59, .08);--tp-login-glow-1: rgba(185, 69, 47, .08);--tp-login-glow-2: rgba(138, 106, 59, .07);--tp-login-art-a: rgba(185, 69, 47, .12);--tp-login-art-b: rgba(138, 106, 59, .1);--tp-logo-1: #c2573f;--tp-logo-2: #c96a4f;--tp-logo-3: #c7825c;--tp-logo-4: #a88a5f;--tp-logo-5: #8a6a3b;--tp-logo-6: #75684f}:root[data-theme=slate]{--ink: #23262b;--muted: #6b7280;--muted-2: #8b93a1;--surface: rgba(250, 251, 253, .8);--surface-solid: #fbfcfe;--surface-soft: rgba(242, 245, 248, .9);--line: rgba(35, 45, 60, .08);--line-strong: rgba(35, 45, 60, .14);--blue: #2f6fb2;--green: #3d7d63;--orange: #a97a1f;--red: #c2424a;--purple: #64748b;--shadow-sm: 0 1px 2px rgba(30, 45, 65, .06), 0 2px 8px rgba(30, 45, 65, .06);--shadow-md: 0 4px 16px rgba(30, 45, 65, .09);--shadow-lg: 0 24px 80px rgba(30, 45, 65, .14);--ring: 0 0 0 4px rgba(47, 111, 178, .16);--ring-soft: 0 0 0 3px rgba(47, 111, 178, .1);--chart-grid: rgba(40, 60, 85, .06);--brand-gradient: linear-gradient(135deg, #3d82c9 0%, #6b7f9b 100%);color:#23262b;background:#eef2f6;--tp-page-1: #f7f9fb;--tp-page-2: #eef2f6;--tp-page-3: #e4eaf0;--tp-page-top: #fafcfe;--tp-nav-active: rgba(255, 255, 255, .9);--tp-card-bg: rgba(255, 255, 255, .72);--tp-card-solid: #ffffff;--tp-card-strong: rgba(255, 255, 255, .9);--tp-card-bg-soft: rgba(255, 255, 255, .64);--tp-soft-bg: rgba(255, 255, 255, .6);--tp-empty-a: rgba(255, 255, 255, .96);--tp-empty-b: rgba(255, 255, 255, .62);--tp-tab-track: rgba(255, 255, 255, .78);--tp-tab-border: rgba(255, 255, 255, .68);--tp-tab-active: #ffffff;--tp-login-panel: rgba(255, 255, 255, .64);--tp-login-input: rgba(255, 255, 255, .76);--tp-login-input-focus: rgba(255, 255, 255, .97);--tp-chip-bg: rgba(255, 255, 255, .68);--tp-notice-bg: rgba(255, 255, 255, .8);--tp-drawer-bg: rgba(255, 255, 255, .9);--tp-drawer-header: rgba(255, 255, 255, .95);--tp-popover-bg: rgba(255, 255, 255, .97);--tp-locked-bg: rgba(238, 242, 246, .6);--tp-skeleton-a: rgba(238, 242, 246, .5);--tp-skeleton-b: rgba(255, 255, 255, .9);--tp-controls-bg: rgba(255, 255, 255, .9);--tp-minimap-bg: rgba(255, 255, 255, .92);--tp-blue: #2f6fb2;--tp-on-accent: #ffffff;--tp-on-accent-hover: #ffffff;--tp-on-success: #ffffff;--tp-on-success-hover: #ffffff;--tp-muted-readable: #5e6571;--tp-accent-hover: #275d93;--tp-accent-bright: #7fb3e0;--tp-accent-bright2: #3d82c9;--tp-tint-05: rgba(47, 111, 178, .05);--tp-tint-07: rgba(47, 111, 178, .07);--tp-tint-08: rgba(47, 111, 178, .08);--tp-tint-10: rgba(47, 111, 178, .1);--tp-tint-12: rgba(47, 111, 178, .12);--tp-tint-16: rgba(47, 111, 178, .16);--tp-tint-18: rgba(47, 111, 178, .18);--tp-tint-20: rgba(47, 111, 178, .2);--tp-tint-24: rgba(47, 111, 178, .24);--tp-tint-28: rgba(47, 111, 178, .28);--tp-tint-36: rgba(47, 111, 178, .36);--tp-tint-42: rgba(47, 111, 178, .42);--tp-tint-55: rgba(47, 111, 178, .55);--tp-primary-gradient: linear-gradient(180deg, var(--tp-accent-bright2), var(--tp-blue));--tp-hero-text-gradient: linear-gradient(135deg, #7fb3e0 0%, #b8cde4 100%);--tp-success-text: #3d7d63;--tp-success-bright: #63a584;--tp-success-hover: #336b54;--tp-success-tint: rgba(61, 125, 99, .12);--tp-success-tint-strong: rgba(61, 125, 99, .14);--tp-success-border: rgba(61, 125, 99, .5);--tp-success-border-soft: rgba(61, 125, 99, .3);--tp-warning-text: #a97a1f;--tp-warning-text-soft: #a97a1f;--tp-warning-tint: rgba(169, 122, 31, .12);--tp-warning-border: rgba(169, 122, 31, .36);--tp-warning-border-soft: rgba(169, 122, 31, .3);--tp-danger-text: #c2424a;--tp-danger-bright: #dd6f77;--tp-danger-tint: rgba(194, 66, 74, .1);--tp-danger-tint-strong: rgba(194, 66, 74, .12);--tp-danger-tint-soft: rgba(194, 66, 74, .06);--tp-danger-border: rgba(194, 66, 74, .4);--tp-danger-border-soft: rgba(194, 66, 74, .24);--tp-secondary-text: #64748b;--tp-secondary-tint: rgba(100, 116, 139, .12);--tp-hot-high: linear-gradient(90deg, #2f6fb2, #7fb3e0);--tp-hot-medium: linear-gradient(90deg, #5d9ccf, #7fb3e0);--tp-progress-2: #64748b;--tp-chart-bar: rgba(47, 111, 178, .09);--tp-graph-grid: #d6dde5;--tp-hero-bg: #1f2937;--tp-hero-glow-1: rgba(61, 130, 201, .3);--tp-hero-glow-2: rgba(100, 116, 139, .28);--tp-hero-icon: #7fb3e0;--tp-glow-a: rgba(47, 111, 178, .08);--tp-glow-b: rgba(100, 116, 139, .08);--tp-login-glow-1: rgba(47, 111, 178, .08);--tp-login-glow-2: rgba(100, 116, 139, .07);--tp-login-art-a: rgba(47, 111, 178, .12);--tp-login-art-b: rgba(100, 116, 139, .1);--tp-logo-1: #2f6fb2;--tp-logo-2: #3d82c9;--tp-logo-3: #5d9ccf;--tp-logo-4: #7fb3e0;--tp-logo-5: #8ba3c4;--tp-logo-6: #a0b4cc}:root[data-theme=night]{--ink: #e9ecef;--muted: #a8b0b8;--muted-2: #7d858d;--surface: rgba(255, 255, 255, .06);--surface-solid: #262a31;--surface-soft: rgba(255, 255, 255, .04);--line: rgba(255, 255, 255, .1);--line-strong: rgba(255, 255, 255, .16);--blue: #2e8fb5;--green: #57a67e;--orange: #d0a24c;--red: #dd6b62;--purple: #8ba3c4;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .35), 0 2px 8px rgba(0, 0, 0, .35);--shadow-md: 0 4px 16px rgba(0, 0, 0, .45);--shadow-lg: 0 24px 80px rgba(0, 0, 0, .6);--ring: 0 0 0 4px rgba(46, 143, 181, .28);--ring-soft: 0 0 0 3px rgba(46, 143, 181, .18);--chart-grid: rgba(255, 255, 255, .08);--brand-gradient: linear-gradient(135deg, #3f9ec9 0%, #8ba3c4 100%);color-scheme:dark;color:#e9ecef;background:#1c2026;--tp-page-1: #20242b;--tp-page-2: #1c2026;--tp-page-3: #181c21;--tp-page-top: #20242b;--tp-nav-active: rgba(255, 255, 255, .08);--tp-card-bg: rgba(255, 255, 255, .06);--tp-card-solid: #262a31;--tp-card-strong: rgba(255, 255, 255, .09);--tp-card-bg-soft: rgba(255, 255, 255, .04);--tp-soft-bg: rgba(255, 255, 255, .04);--tp-empty-a: rgba(255, 255, 255, .09);--tp-empty-b: rgba(255, 255, 255, .03);--tp-tab-track: rgba(255, 255, 255, .06);--tp-tab-border: rgba(255, 255, 255, .12);--tp-tab-active: rgba(255, 255, 255, .12);--tp-login-panel: rgba(255, 255, 255, .05);--tp-login-input: rgba(255, 255, 255, .07);--tp-login-input-focus: rgba(255, 255, 255, .12);--tp-chip-bg: rgba(255, 255, 255, .07);--tp-notice-bg: rgba(255, 255, 255, .06);--tp-drawer-bg: rgba(255, 255, 255, .08);--tp-drawer-header: rgba(255, 255, 255, .1);--tp-popover-bg: rgba(255, 255, 255, .08);--tp-locked-bg: rgba(255, 255, 255, .04);--tp-skeleton-a: rgba(255, 255, 255, .06);--tp-skeleton-b: rgba(255, 255, 255, .13);--tp-controls-bg: rgba(255, 255, 255, .1);--tp-minimap-bg: rgba(255, 255, 255, .08);--tp-blue: #2e8fb5;--tp-on-accent: #111111;--tp-on-accent-hover: #111111;--tp-on-success: #111111;--tp-on-success-hover: #111111;--tp-muted-readable: #a8b0b8;--tp-accent-hover: #3fa3c9;--tp-accent-bright: #7cc3e0;--tp-accent-bright2: #3f9ec9;--tp-tint-05: rgba(46, 143, 181, .05);--tp-tint-07: rgba(46, 143, 181, .07);--tp-tint-08: rgba(46, 143, 181, .08);--tp-tint-10: rgba(46, 143, 181, .1);--tp-tint-12: rgba(46, 143, 181, .12);--tp-tint-16: rgba(46, 143, 181, .16);--tp-tint-18: rgba(46, 143, 181, .18);--tp-tint-20: rgba(46, 143, 181, .2);--tp-tint-24: rgba(46, 143, 181, .24);--tp-tint-28: rgba(46, 143, 181, .28);--tp-tint-36: rgba(46, 143, 181, .36);--tp-tint-42: rgba(46, 143, 181, .42);--tp-tint-55: rgba(46, 143, 181, .55);--tp-primary-gradient: linear-gradient(180deg, var(--tp-accent-bright2), var(--tp-blue));--tp-success-text: #57a67e;--tp-success-bright: #6fba94;--tp-success-hover: #4c9370;--tp-success-tint: rgba(87, 166, 126, .14);--tp-success-tint-strong: rgba(87, 166, 126, .16);--tp-success-border: rgba(87, 166, 126, .5);--tp-success-border-soft: rgba(87, 166, 126, .32);--tp-warning-text: #d0a24c;--tp-warning-text-soft: #d0a24c;--tp-warning-tint: rgba(208, 162, 76, .14);--tp-warning-border: rgba(208, 162, 76, .36);--tp-warning-border-soft: rgba(208, 162, 76, .3);--tp-danger-text: #dd6b62;--tp-danger-bright: #ee857b;--tp-danger-tint: rgba(221, 107, 98, .14);--tp-danger-tint-strong: rgba(221, 107, 98, .16);--tp-danger-tint-soft: rgba(221, 107, 98, .08);--tp-danger-border: rgba(221, 107, 98, .4);--tp-danger-border-soft: rgba(221, 107, 98, .24);--tp-secondary-text: #8ba3c4;--tp-secondary-tint: rgba(139, 163, 196, .14);--tp-hot-high: linear-gradient(90deg, #2e8fb5, #7cc3e0);--tp-hot-medium: linear-gradient(90deg, #5bb0d4, #7cc3e0);--tp-progress-2: #8ba3c4;--tp-chart-bar: rgba(46, 143, 181, .14);--tp-graph-grid: rgba(255, 255, 255, .09);--tp-hero-bg: #14171c;--tp-hero-glow-1: rgba(46, 143, 181, .25);--tp-hero-glow-2: rgba(139, 163, 196, .2);--tp-hero-icon: #7cc3e0;--tp-glow-a: rgba(46, 143, 181, .12);--tp-glow-b: rgba(139, 163, 196, .1);--tp-login-glow-1: rgba(46, 143, 181, .12);--tp-login-glow-2: rgba(139, 163, 196, .1);--tp-login-art-a: rgba(46, 143, 181, .16);--tp-login-art-b: rgba(139, 163, 196, .12);--tp-logo-1: #3f9ec9;--tp-logo-2: #5bb0d4;--tp-logo-3: #7cc3e0;--tp-logo-4: #8ba3c4;--tp-logo-5: #a0b4cc;--tp-logo-6: #b8c8d8}:root[data-theme=night] ::-webkit-scrollbar-thumb{background:#ffffff29}:root[data-theme=night] .app-user-trigger[aria-expanded=true],:root[data-theme=night] .target-role-sheet-header button{background:#ffffff14}:root[data-theme=night] .confirm-dialog,:root[data-theme=night] .skill-drawer,:root[data-theme=night] .target-role-sheet{color:var(--ink)}:root[data-theme=night] .role-context-indicator{background:#e9ecef}:root[data-theme=night] .role-context-tabs button[aria-current=page]{color:#1c2026}:root[data-theme=night] .discovery-target-bar button,:root[data-theme=night] button.path-target-button,:root[data-theme=night] .capability-target-row button:not(.primary),:root[data-theme=night] .compare-target-actions button:not(.compare-target-btn),:root[data-theme=night] .target-role-actions button:not(.target-primary),:root[data-theme=night] .target-role-direct-actions button{background:#ffffff0f}:root[data-theme=night] .path-refresh,:root[data-theme=night] .role-list-sort button,:root[data-theme=night] .skill-hotness-row,:root[data-theme=night] .capability-status-tabs button.active{background:#ffffff0f}:root[data-theme=night] .capability-status-tabs button.active{box-shadow:none}:root[data-theme=night] .skill-action-btn.primary.tone-gray{background:#ffffff1a;color:var(--ink)}:root[data-theme=night] .capability-hero .eyebrow{color:#ffffff94}@media(hover:hover)and (pointer:fine){:root[data-theme=night] .app-nav-link:not(.active):not(.target-role-trigger):hover,:root[data-theme=night] .app-user-trigger:hover,:root[data-theme=night] .app-user-dropdown button:hover{background:#ffffff14}:root[data-theme=night] .page-back-row button:hover,:root[data-theme=night] .fact:hover,:root[data-theme=night] .app-login-button:hover,:root[data-theme=night] .icon-action:not(:disabled):hover,:root[data-theme=night] .ghost-button:not(:disabled):hover,:root[data-theme=night] .input-shell:hover,:root[data-theme=night] .stage-skill:hover,:root[data-theme=night] .skill-action-btn.secondary:hover,:root[data-theme=night] .skill-resource-link:hover,:root[data-theme=night] .capability-skill-row:hover{background:var(--tp-card-strong)}:root[data-theme=night] .input-shell:hover{border-color:var(--line-strong)}:root[data-theme=night] ::-webkit-scrollbar-thumb:hover{background:#ffffff42}}:root[data-theme=cyber]{color-scheme:dark;color:#e6f1f7;background:#0b1120;--ink: #e6f1f7;--muted: #9db4c4;--muted-2: #71879a;--surface: rgba(255, 255, 255, .06);--surface-solid: #101827;--surface-soft: rgba(255, 255, 255, .045);--line: rgba(140, 200, 255, .14);--line-strong: rgba(140, 200, 255, .22);--blue: #0e9fbe;--green: #1f9d5c;--orange: #f5a623;--red: #e0445f;--purple: #9d7bff;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4), 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .5);--shadow-lg: 0 24px 80px rgba(0, 0, 0, .65);--ring: 0 0 0 4px rgba(0, 194, 255, .35);--ring-soft: 0 0 0 3px rgba(0, 194, 255, .22);--chart-grid: rgba(180, 220, 255, .1);--brand-gradient: linear-gradient(135deg, #21c8e8 0%, #9d7bff 100%);--tp-page-1: #101828;--tp-page-2: #0b1120;--tp-page-3: #070c16;--tp-page-top: #0e1526;--tp-nav-active: rgba(255, 255, 255, .08);--tp-card-bg: rgba(255, 255, 255, .06);--tp-card-solid: #111a2b;--tp-card-strong: rgba(255, 255, 255, .1);--tp-card-bg-soft: rgba(255, 255, 255, .04);--tp-soft-bg: rgba(255, 255, 255, .04);--tp-empty-a: rgba(255, 255, 255, .1);--tp-empty-b: rgba(255, 255, 255, .03);--tp-tab-track: rgba(255, 255, 255, .06);--tp-tab-border: rgba(255, 255, 255, .12);--tp-tab-active: rgba(255, 255, 255, .12);--tp-login-panel: rgba(255, 255, 255, .05);--tp-login-input: rgba(255, 255, 255, .07);--tp-login-input-focus: rgba(255, 255, 255, .12);--tp-chip-bg: rgba(255, 255, 255, .07);--tp-notice-bg: rgba(255, 255, 255, .06);--tp-drawer-bg: rgba(255, 255, 255, .09);--tp-drawer-header: rgba(255, 255, 255, .12);--tp-popover-bg: rgba(255, 255, 255, .09);--tp-locked-bg: rgba(255, 255, 255, .04);--tp-skeleton-a: rgba(255, 255, 255, .06);--tp-skeleton-b: rgba(255, 255, 255, .13);--tp-controls-bg: rgba(255, 255, 255, .1);--tp-minimap-bg: rgba(255, 255, 255, .08);--tp-blue: #0e9fbe;--tp-on-accent: #111111;--tp-on-accent-hover: #000000;--tp-on-success: #111111;--tp-on-success-hover: #000000;--tp-muted-readable: #9db4c4;--tp-accent-hover: #0b86a1;--tp-accent-bright: #57e0ff;--tp-accent-bright2: #21c8e8;--tp-tint-05: rgba(0, 194, 255, .05);--tp-tint-07: rgba(0, 194, 255, .07);--tp-tint-08: rgba(0, 194, 255, .08);--tp-tint-10: rgba(0, 194, 255, .1);--tp-tint-12: rgba(0, 194, 255, .12);--tp-tint-16: rgba(0, 194, 255, .16);--tp-tint-18: rgba(0, 194, 255, .18);--tp-tint-20: rgba(0, 194, 255, .2);--tp-tint-24: rgba(0, 194, 255, .24);--tp-tint-28: rgba(0, 194, 255, .28);--tp-tint-36: rgba(0, 194, 255, .36);--tp-tint-42: rgba(0, 194, 255, .42);--tp-tint-55: rgba(0, 194, 255, .55);--tp-primary-gradient: linear-gradient(180deg, var(--tp-accent-bright2), var(--tp-blue));--tp-success-text: #1f9d5c;--tp-success-bright: #48e88a;--tp-success-hover: #1c8a50;--tp-success-tint: rgba(31, 157, 92, .16);--tp-success-tint-strong: rgba(31, 157, 92, .18);--tp-success-border: rgba(31, 157, 92, .5);--tp-success-border-soft: rgba(31, 157, 92, .32);--tp-warning-text: #ffb84d;--tp-warning-text-soft: #ffb84d;--tp-warning-tint: rgba(255, 184, 77, .14);--tp-warning-border: rgba(255, 184, 77, .38);--tp-warning-border-soft: rgba(255, 184, 77, .3);--tp-danger-text: #ff6b85;--tp-danger-bright: #ff87a0;--tp-danger-tint: rgba(255, 77, 109, .16);--tp-danger-tint-strong: rgba(255, 77, 109, .18);--tp-danger-tint-soft: rgba(255, 77, 109, .08);--tp-danger-border: rgba(255, 77, 109, .42);--tp-danger-border-soft: rgba(255, 77, 109, .24);--tp-secondary-text: #9d7bff;--tp-secondary-tint: rgba(157, 123, 255, .16);--tp-hot-high: linear-gradient(90deg, #0e9fbe, #57e0ff);--tp-hot-medium: linear-gradient(90deg, #2f9fd0, #57e0ff);--tp-progress-2: #9d7bff;--tp-chart-bar: rgba(0, 194, 255, .16);--tp-graph-grid: rgba(255, 255, 255, .1);--tp-hero-bg: #070b15;--tp-hero-glow-1: rgba(0, 194, 255, .28);--tp-hero-glow-2: rgba(157, 123, 255, .24);--tp-hero-icon: #57e0ff;--tp-glow-a: rgba(0, 194, 255, .14);--tp-glow-b: rgba(157, 123, 255, .12);--tp-login-glow-1: rgba(0, 194, 255, .14);--tp-login-glow-2: rgba(157, 123, 255, .12);--tp-login-art-a: rgba(0, 194, 255, .18);--tp-login-art-b: rgba(157, 123, 255, .14);--tp-logo-1: #21c8e8;--tp-logo-2: #57e0ff;--tp-logo-3: #4fc3f7;--tp-logo-4: #9d7bff;--tp-logo-5: #b388ff;--tp-logo-6: #d1a3ff}:root[data-theme=cyber] ::-webkit-scrollbar-thumb{background:#ffffff29}:root[data-theme=cyber] .app-user-trigger[aria-expanded=true],:root[data-theme=cyber] .target-role-sheet-header button{background:#ffffff14}:root[data-theme=cyber] .confirm-dialog,:root[data-theme=cyber] .skill-drawer,:root[data-theme=cyber] .target-role-sheet{color:var(--ink)}:root[data-theme=cyber] .role-context-indicator{background:#e6f1f7}:root[data-theme=cyber] .role-context-tabs button[aria-current=page]{color:#0b1120}:root[data-theme=cyber] .discovery-target-bar button,:root[data-theme=cyber] button.path-target-button,:root[data-theme=cyber] .capability-target-row button:not(.primary),:root[data-theme=cyber] .compare-target-actions button:not(.compare-target-btn),:root[data-theme=cyber] .target-role-actions button:not(.target-primary),:root[data-theme=cyber] .target-role-direct-actions button{background:#ffffff0f}:root[data-theme=cyber] .path-refresh,:root[data-theme=cyber] .role-list-sort button,:root[data-theme=cyber] .skill-hotness-row,:root[data-theme=cyber] .capability-status-tabs button.active{background:#ffffff0f}:root[data-theme=cyber] .capability-status-tabs button.active{box-shadow:none}:root[data-theme=cyber] .skill-action-btn.primary.tone-gray{background:#ffffff1a;color:var(--ink)}:root[data-theme=cyber] .capability-hero .eyebrow{color:#ffffff94}@media(hover:hover)and (pointer:fine){:root[data-theme=cyber] .app-nav-link:not(.active):not(.target-role-trigger):hover,:root[data-theme=cyber] .app-user-trigger:hover,:root[data-theme=cyber] .app-user-dropdown button:hover{background:#ffffff14}:root[data-theme=cyber] .page-back-row button:hover,:root[data-theme=cyber] .fact:hover,:root[data-theme=cyber] .app-login-button:hover,:root[data-theme=cyber] .icon-action:not(:disabled):hover,:root[data-theme=cyber] .ghost-button:not(:disabled):hover,:root[data-theme=cyber] .input-shell:hover,:root[data-theme=cyber] .stage-skill:hover,:root[data-theme=cyber] .skill-action-btn.secondary:hover,:root[data-theme=cyber] .skill-resource-link:hover,:root[data-theme=cyber] .capability-skill-row:hover{background:var(--tp-card-strong)}:root[data-theme=cyber] .input-shell:hover{border-color:var(--line-strong)}:root[data-theme=cyber] ::-webkit-scrollbar-thumb:hover{background:#ffffff42}}:root[data-theme=sunset]{color:#2d1b2e;background:#faf0e2;--ink: #2d1b2e;--muted: #8a6d78;--muted-2: #a98e97;--surface: rgba(255, 250, 242, .78);--surface-solid: #fff8ec;--surface-soft: rgba(250, 241, 229, .88);--line: rgba(80, 40, 60, .09);--line-strong: rgba(80, 40, 60, .15);--blue: #b0305c;--green: #3e7d5a;--orange: #b06a1e;--red: #c2433f;--purple: #9b6b9e;--shadow-sm: 0 1px 2px rgba(80, 40, 60, .06), 0 2px 8px rgba(80, 40, 60, .06);--shadow-md: 0 4px 16px rgba(80, 40, 60, .09);--shadow-lg: 0 24px 80px rgba(80, 40, 60, .14);--ring: 0 0 0 4px rgba(176, 48, 92, .16);--ring-soft: 0 0 0 3px rgba(176, 48, 92, .1);--chart-grid: rgba(90, 50, 70, .07);--brand-gradient: linear-gradient(135deg, #b0305c 0%, #f08a4b 100%);--tp-hero-text-gradient: linear-gradient(135deg, #f6b26b 0%, #ffd9a0 100%);--tp-login-title-gradient: linear-gradient(135deg, #b0305c 0%, #b3592f 100%);--tp-page-1: #fdf6ea;--tp-page-2: #faf0e2;--tp-page-3: #f3e4d2;--tp-page-top: #fef8ef;--tp-nav-active: rgba(255, 250, 242, .9);--tp-card-bg: rgba(255, 250, 242, .74);--tp-card-solid: #fff8ec;--tp-card-strong: rgba(255, 250, 242, .9);--tp-card-bg-soft: rgba(255, 250, 242, .64);--tp-soft-bg: rgba(255, 250, 242, .6);--tp-empty-a: rgba(255, 250, 242, .96);--tp-empty-b: rgba(255, 250, 242, .62);--tp-tab-track: rgba(255, 250, 242, .78);--tp-tab-border: rgba(255, 250, 242, .68);--tp-tab-active: #fff8ec;--tp-login-panel: rgba(255, 250, 242, .64);--tp-login-input: rgba(255, 250, 242, .76);--tp-login-input-focus: rgba(255, 250, 242, .97);--tp-chip-bg: rgba(255, 250, 242, .68);--tp-notice-bg: rgba(255, 250, 242, .8);--tp-drawer-bg: rgba(255, 250, 242, .9);--tp-drawer-header: rgba(255, 250, 242, .95);--tp-popover-bg: rgba(255, 250, 242, .97);--tp-locked-bg: rgba(248, 235, 220, .6);--tp-skeleton-a: rgba(248, 235, 220, .5);--tp-skeleton-b: rgba(255, 250, 242, .9);--tp-controls-bg: rgba(255, 250, 242, .9);--tp-minimap-bg: rgba(255, 250, 242, .92);--tp-blue: #b0305c;--tp-on-accent: #ffffff;--tp-on-accent-hover: #ffffff;--tp-on-success: #ffffff;--tp-on-success-hover: #ffffff;--tp-muted-readable: #765b68;--tp-accent-hover: #8f2949;--tp-accent-bright: #f6b26b;--tp-accent-bright2: #c93a63;--tp-tint-05: rgba(176, 48, 92, .05);--tp-tint-07: rgba(176, 48, 92, .07);--tp-tint-08: rgba(176, 48, 92, .08);--tp-tint-10: rgba(176, 48, 92, .1);--tp-tint-12: rgba(176, 48, 92, .12);--tp-tint-16: rgba(176, 48, 92, .16);--tp-tint-18: rgba(176, 48, 92, .18);--tp-tint-20: rgba(176, 48, 92, .2);--tp-tint-24: rgba(176, 48, 92, .24);--tp-tint-28: rgba(176, 48, 92, .28);--tp-tint-36: rgba(176, 48, 92, .36);--tp-tint-42: rgba(176, 48, 92, .42);--tp-tint-55: rgba(176, 48, 92, .55);--tp-primary-gradient: linear-gradient(180deg, var(--tp-accent-bright2), var(--tp-blue));--tp-success-text: #3e7d5a;--tp-success-bright: #62a97f;--tp-success-hover: #356d4d;--tp-success-tint: rgba(62, 125, 90, .12);--tp-success-tint-strong: rgba(62, 125, 90, .14);--tp-success-border: rgba(62, 125, 90, .5);--tp-success-border-soft: rgba(62, 125, 90, .3);--tp-warning-text: #b06a1e;--tp-warning-text-soft: #b06a1e;--tp-warning-tint: rgba(176, 106, 30, .12);--tp-warning-border: rgba(176, 106, 30, .36);--tp-warning-border-soft: rgba(176, 106, 30, .3);--tp-danger-text: #c2433f;--tp-danger-bright: #eb564b;--tp-danger-tint: rgba(194, 67, 63, .1);--tp-danger-tint-strong: rgba(194, 67, 63, .12);--tp-danger-tint-soft: rgba(194, 67, 63, .06);--tp-danger-border: rgba(194, 67, 63, .4);--tp-danger-border-soft: rgba(194, 67, 63, .24);--tp-secondary-text: #9b6b9e;--tp-secondary-tint: rgba(155, 107, 158, .12);--tp-hot-high: linear-gradient(90deg, #b0305c, #f08a4b);--tp-hot-medium: linear-gradient(90deg, #d76b66, #f6b26b);--tp-progress-2: #9b6b9e;--tp-chart-bar: rgba(176, 48, 92, .09);--tp-graph-grid: #ecdcc8;--tp-hero-bg: #2d1b2e;--tp-hero-glow-1: rgba(176, 48, 92, .35);--tp-hero-glow-2: rgba(240, 138, 75, .28);--tp-hero-icon: #f6b26b;--tp-glow-a: rgba(176, 48, 92, .09);--tp-glow-b: rgba(240, 138, 75, .08);--tp-login-glow-1: rgba(176, 48, 92, .09);--tp-login-glow-2: rgba(240, 138, 75, .08);--tp-login-art-a: rgba(176, 48, 92, .13);--tp-login-art-b: rgba(240, 138, 75, .11);--tp-logo-1: #b0305c;--tp-logo-2: #c93a63;--tp-logo-3: #eb564b;--tp-logo-4: #f08a4b;--tp-logo-5: #f6b26b;--tp-logo-6: #fcf6bd}:root[data-theme=noir]{color-scheme:dark;color:#f2ede2;background:#16130f;--ink: #f2ede2;--muted: #a79e8d;--muted-2: #7d7668;--surface: rgba(255, 255, 255, .05);--surface-solid: #1c1915;--surface-soft: rgba(255, 255, 255, .04);--line: rgba(242, 237, 226, .12);--line-strong: rgba(242, 237, 226, .2);--blue: #a8842c;--green: #8a9a5b;--orange: #c98f3e;--red: #c05a45;--purple: #a08d5f;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .45), 0 2px 8px rgba(0, 0, 0, .45);--shadow-md: 0 4px 16px rgba(0, 0, 0, .55);--shadow-lg: 0 24px 80px rgba(0, 0, 0, .7);--ring: 0 0 0 4px rgba(201, 162, 39, .3);--ring-soft: 0 0 0 3px rgba(201, 162, 39, .2);--chart-grid: rgba(242, 237, 226, .09);--brand-gradient: linear-gradient(135deg, #c9a227 0%, #a08d5f 100%);--tp-page-1: #1c1915;--tp-page-2: #16130f;--tp-page-3: #100e0b;--tp-page-top: #1a1713;--tp-nav-active: rgba(255, 255, 255, .07);--tp-card-bg: rgba(255, 255, 255, .055);--tp-card-solid: #1c1915;--tp-card-strong: rgba(255, 255, 255, .09);--tp-card-bg-soft: rgba(255, 255, 255, .04);--tp-soft-bg: rgba(255, 255, 255, .04);--tp-empty-a: rgba(255, 255, 255, .09);--tp-empty-b: rgba(255, 255, 255, .03);--tp-tab-track: rgba(255, 255, 255, .06);--tp-tab-border: rgba(255, 255, 255, .12);--tp-tab-active: rgba(255, 255, 255, .1);--tp-login-panel: rgba(255, 255, 255, .05);--tp-login-input: rgba(255, 255, 255, .07);--tp-login-input-focus: rgba(255, 255, 255, .11);--tp-chip-bg: rgba(255, 255, 255, .07);--tp-notice-bg: rgba(255, 255, 255, .06);--tp-drawer-bg: rgba(255, 255, 255, .08);--tp-drawer-header: rgba(255, 255, 255, .1);--tp-popover-bg: rgba(255, 255, 255, .08);--tp-locked-bg: rgba(255, 255, 255, .04);--tp-skeleton-a: rgba(255, 255, 255, .06);--tp-skeleton-b: rgba(255, 255, 255, .12);--tp-controls-bg: rgba(255, 255, 255, .1);--tp-minimap-bg: rgba(255, 255, 255, .08);--tp-blue: #a8842c;--tp-on-accent: #111111;--tp-on-accent-hover: #ffffff;--tp-on-success: #111111;--tp-on-success-hover: #111111;--tp-muted-readable: #a79e8d;--tp-accent-hover: #8f7022;--tp-accent-bright: #e0c15c;--tp-accent-bright2: #bf9a35;--tp-tint-05: rgba(201, 162, 39, .05);--tp-tint-07: rgba(201, 162, 39, .07);--tp-tint-08: rgba(201, 162, 39, .08);--tp-tint-10: rgba(201, 162, 39, .1);--tp-tint-12: rgba(201, 162, 39, .12);--tp-tint-16: rgba(201, 162, 39, .16);--tp-tint-18: rgba(201, 162, 39, .18);--tp-tint-20: rgba(201, 162, 39, .2);--tp-tint-24: rgba(201, 162, 39, .24);--tp-tint-28: rgba(201, 162, 39, .28);--tp-tint-36: rgba(201, 162, 39, .36);--tp-tint-42: rgba(201, 162, 39, .42);--tp-tint-55: rgba(201, 162, 39, .55);--tp-primary-gradient: linear-gradient(180deg, var(--tp-accent-bright2), var(--tp-blue));--tp-success-text: #9aaa6a;--tp-success-bright: #b7c68a;--tp-success-hover: #84935a;--tp-success-tint: rgba(154, 170, 106, .15);--tp-success-tint-strong: rgba(154, 170, 106, .17);--tp-success-border: rgba(154, 170, 106, .5);--tp-success-border-soft: rgba(154, 170, 106, .3);--tp-warning-text: #d3a24e;--tp-warning-text-soft: #d3a24e;--tp-warning-tint: rgba(211, 162, 78, .14);--tp-warning-border: rgba(211, 162, 78, .38);--tp-warning-border-soft: rgba(211, 162, 78, .3);--tp-danger-text: #d0745d;--tp-danger-bright: #e08a72;--tp-danger-tint: rgba(192, 90, 69, .16);--tp-danger-tint-strong: rgba(192, 90, 69, .18);--tp-danger-tint-soft: rgba(192, 90, 69, .08);--tp-danger-border: rgba(192, 90, 69, .42);--tp-danger-border-soft: rgba(192, 90, 69, .24);--tp-secondary-text: #b39a66;--tp-secondary-tint: rgba(160, 141, 95, .15);--tp-hot-high: linear-gradient(90deg, #a8842c, #e0c15c);--tp-hot-medium: linear-gradient(90deg, #b58f45, #e0c15c);--tp-progress-2: #b39a66;--tp-chart-bar: rgba(201, 162, 39, .14);--tp-graph-grid: rgba(242, 237, 226, .09);--tp-hero-bg: #0f0d09;--tp-hero-glow-1: rgba(201, 162, 39, .22);--tp-hero-glow-2: rgba(160, 141, 95, .18);--tp-hero-icon: #e0c15c;--tp-glow-a: rgba(201, 162, 39, .11);--tp-glow-b: rgba(160, 141, 95, .1);--tp-login-glow-1: rgba(201, 162, 39, .11);--tp-login-glow-2: rgba(160, 141, 95, .1);--tp-login-art-a: rgba(201, 162, 39, .15);--tp-login-art-b: rgba(160, 141, 95, .12);--tp-logo-1: #c9a227;--tp-logo-2: #d9b844;--tp-logo-3: #e0c15c;--tp-logo-4: #b39a66;--tp-logo-5: #8f7d55;--tp-logo-6: #6f6349}:root[data-theme=noir] ::-webkit-scrollbar-thumb{background:#ffffff29}:root[data-theme=noir] .app-user-trigger[aria-expanded=true],:root[data-theme=noir] .target-role-sheet-header button{background:#ffffff14}:root[data-theme=noir] .confirm-dialog,:root[data-theme=noir] .skill-drawer,:root[data-theme=noir] .target-role-sheet{color:var(--ink)}:root[data-theme=noir] .role-context-indicator{background:#f2ede2}:root[data-theme=noir] .role-context-tabs button[aria-current=page]{color:#16130f}:root[data-theme=noir] .discovery-target-bar button,:root[data-theme=noir] button.path-target-button,:root[data-theme=noir] .capability-target-row button:not(.primary),:root[data-theme=noir] .compare-target-actions button:not(.compare-target-btn),:root[data-theme=noir] .target-role-actions button:not(.target-primary),:root[data-theme=noir] .target-role-direct-actions button{background:#ffffff0f}:root[data-theme=noir] .path-refresh,:root[data-theme=noir] .role-list-sort button,:root[data-theme=noir] .skill-hotness-row,:root[data-theme=noir] .capability-status-tabs button.active{background:#ffffff0f}:root[data-theme=noir] .capability-status-tabs button.active{box-shadow:none}:root[data-theme=noir] .skill-action-btn.primary.tone-gray{background:#ffffff1a;color:var(--ink)}:root[data-theme=noir] .capability-hero .eyebrow{color:#ffffff94}@media(hover:hover)and (pointer:fine){:root[data-theme=noir] .app-nav-link:not(.active):not(.target-role-trigger):hover,:root[data-theme=noir] .app-user-trigger:hover,:root[data-theme=noir] .app-user-dropdown button:hover{background:#ffffff14}:root[data-theme=noir] .page-back-row button:hover,:root[data-theme=noir] .fact:hover,:root[data-theme=noir] .app-login-button:hover,:root[data-theme=noir] .icon-action:not(:disabled):hover,:root[data-theme=noir] .ghost-button:not(:disabled):hover,:root[data-theme=noir] .input-shell:hover,:root[data-theme=noir] .stage-skill:hover,:root[data-theme=noir] .skill-action-btn.secondary:hover,:root[data-theme=noir] .skill-resource-link:hover,:root[data-theme=noir] .capability-skill-row:hover{background:var(--tp-card-strong)}:root[data-theme=noir] .input-shell:hover{border-color:var(--line-strong)}:root[data-theme=noir] ::-webkit-scrollbar-thumb:hover{background:#ffffff42}}:root[data-theme=morandi]{color:#525654;background:#ecebe4;--ink: #525654;--muted: #858b86;--muted-2: #a3a8a2;--surface: rgba(248, 246, 240, .78);--surface-solid: #f6f3ec;--surface-soft: rgba(240, 238, 230, .88);--line: rgba(82, 86, 84, .09);--line-strong: rgba(82, 86, 84, .15);--blue: #8a6a45;--green: #6b8067;--orange: #a98d63;--red: #a86a5e;--purple: #8596a0;--shadow-sm: 0 1px 2px rgba(82, 86, 84, .06), 0 2px 8px rgba(82, 86, 84, .06);--shadow-md: 0 4px 16px rgba(82, 86, 84, .09);--shadow-lg: 0 24px 80px rgba(82, 86, 84, .14);--ring: 0 0 0 4px rgba(140, 110, 75, .16);--ring-soft: 0 0 0 3px rgba(140, 110, 75, .1);--chart-grid: rgba(82, 86, 84, .07);--brand-gradient: linear-gradient(135deg, #9c7a4d 0%, #8596a0 100%);--tp-hero-text-gradient: linear-gradient(135deg, #c9a06b 0%, #d9c2a8 100%);--tp-login-title-gradient: linear-gradient(135deg, #9c7a4d 0%, #5f6e7a 100%);--tp-page-1: #f2f0e9;--tp-page-2: #ecebe4;--tp-page-3: #e3e1d8;--tp-page-top: #f5f3ed;--tp-nav-active: rgba(255, 255, 255, .9);--tp-card-bg: rgba(255, 255, 255, .7);--tp-card-solid: #fbfaf5;--tp-card-strong: rgba(255, 255, 255, .88);--tp-card-bg-soft: rgba(255, 255, 255, .62);--tp-soft-bg: rgba(255, 255, 255, .58);--tp-empty-a: rgba(255, 255, 255, .95);--tp-empty-b: rgba(255, 255, 255, .6);--tp-tab-track: rgba(255, 255, 255, .75);--tp-tab-border: rgba(255, 255, 255, .66);--tp-tab-active: #fbfaf5;--tp-login-panel: rgba(255, 255, 255, .62);--tp-login-input: rgba(255, 255, 255, .74);--tp-login-input-focus: rgba(255, 255, 255, .95);--tp-chip-bg: rgba(255, 255, 255, .66);--tp-notice-bg: rgba(255, 255, 255, .78);--tp-drawer-bg: rgba(255, 255, 255, .88);--tp-drawer-header: rgba(255, 255, 255, .94);--tp-popover-bg: rgba(255, 255, 255, .96);--tp-locked-bg: rgba(230, 229, 220, .6);--tp-skeleton-a: rgba(227, 225, 216, .5);--tp-skeleton-b: rgba(255, 255, 255, .88);--tp-controls-bg: rgba(255, 255, 255, .9);--tp-minimap-bg: rgba(255, 255, 255, .92);--tp-blue: #8a6a45;--tp-on-accent: #ffffff;--tp-on-accent-hover: #ffffff;--tp-on-success: #000000;--tp-on-success-hover: #ffffff;--tp-muted-readable: #5e6260;--tp-accent-hover: #75593a;--tp-accent-bright: #c9a06b;--tp-accent-bright2: #a58457;--tp-tint-05: rgba(140, 110, 75, .05);--tp-tint-07: rgba(140, 110, 75, .07);--tp-tint-08: rgba(140, 110, 75, .08);--tp-tint-10: rgba(140, 110, 75, .1);--tp-tint-12: rgba(140, 110, 75, .12);--tp-tint-16: rgba(140, 110, 75, .16);--tp-tint-18: rgba(140, 110, 75, .18);--tp-tint-20: rgba(140, 110, 75, .2);--tp-tint-24: rgba(140, 110, 75, .24);--tp-tint-28: rgba(140, 110, 75, .28);--tp-tint-36: rgba(140, 110, 75, .36);--tp-tint-42: rgba(140, 110, 75, .42);--tp-tint-55: rgba(140, 110, 75, .55);--tp-primary-gradient: linear-gradient(180deg, var(--tp-accent-bright2), var(--tp-blue));--tp-success-text: #6b8067;--tp-success-bright: #93aa8b;--tp-success-hover: #5e735a;--tp-success-tint: rgba(107, 128, 103, .12);--tp-success-tint-strong: rgba(107, 128, 103, .14);--tp-success-border: rgba(107, 128, 103, .5);--tp-success-border-soft: rgba(107, 128, 103, .3);--tp-warning-text: #a98d63;--tp-warning-text-soft: #a98d63;--tp-warning-tint: rgba(169, 141, 99, .12);--tp-warning-border: rgba(169, 141, 99, .36);--tp-warning-border-soft: rgba(169, 141, 99, .3);--tp-danger-text: #a86a5e;--tp-danger-bright: #c1887a;--tp-danger-tint: rgba(168, 106, 94, .1);--tp-danger-tint-strong: rgba(168, 106, 94, .12);--tp-danger-tint-soft: rgba(168, 106, 94, .06);--tp-danger-border: rgba(168, 106, 94, .4);--tp-danger-border-soft: rgba(168, 106, 94, .24);--tp-secondary-text: #8596a0;--tp-secondary-tint: rgba(133, 150, 160, .12);--tp-hot-high: linear-gradient(90deg, #9c7a4d, #c9a06b);--tp-hot-medium: linear-gradient(90deg, #93a1a2, #c1af8b);--tp-progress-2: #8596a0;--tp-chart-bar: rgba(156, 122, 77, .09);--tp-graph-grid: #dcdbd1;--tp-hero-bg: #3d423f;--tp-hero-glow-1: rgba(201, 160, 107, .22);--tp-hero-glow-2: rgba(133, 150, 160, .2);--tp-hero-icon: #c9a06b;--tp-glow-a: rgba(140, 110, 75, .08);--tp-glow-b: rgba(133, 150, 160, .08);--tp-login-glow-1: rgba(140, 110, 75, .08);--tp-login-glow-2: rgba(133, 150, 160, .07);--tp-login-art-a: rgba(140, 110, 75, .11);--tp-login-art-b: rgba(133, 150, 160, .09);--tp-logo-1: #9c7a4d;--tp-logo-2: #b08d5e;--tp-logo-3: #c9a06b;--tp-logo-4: #93a1a2;--tp-logo-5: #a8b0a6;--tp-logo-6: #b9c0ba}:root[data-theme=vaporwave]{color-scheme:dark;color:#e9e9f2;background:#1a1a2e;--ink: #e9e9f2;--muted: #9d9db8;--muted-2: #6e6e8a;--surface: rgba(255, 255, 255, .05);--surface-solid: #252541;--surface-soft: rgba(255, 255, 255, .04);--line: rgba(233, 233, 242, .12);--line-strong: rgba(233, 233, 242, .2);--blue: #c2257f;--green: #3ee6a0;--orange: #ffb86c;--red: #ff6b9d;--purple: #b967ff;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .45), 0 2px 8px rgba(0, 0, 0, .45);--shadow-md: 0 4px 16px rgba(0, 0, 0, .55);--shadow-lg: 0 24px 80px rgba(0, 0, 0, .7);--ring: 0 0 0 4px rgba(194, 37, 127, .3);--ring-soft: 0 0 0 3px rgba(194, 37, 127, .2);--chart-grid: rgba(233, 233, 242, .09);--brand-gradient: linear-gradient(135deg, #c2257f 0%, #01cdfe 100%);--tp-page-1: #23233f;--tp-page-2: #1a1a2e;--tp-page-3: #121225;--tp-page-top: #1f1f39;--tp-nav-active: rgba(255, 255, 255, .07);--tp-card-bg: rgba(255, 255, 255, .055);--tp-card-solid: #252541;--tp-card-strong: rgba(255, 255, 255, .09);--tp-card-bg-soft: rgba(255, 255, 255, .04);--tp-soft-bg: rgba(255, 255, 255, .04);--tp-empty-a: rgba(255, 255, 255, .09);--tp-empty-b: rgba(255, 255, 255, .03);--tp-tab-track: rgba(255, 255, 255, .06);--tp-tab-border: rgba(255, 255, 255, .12);--tp-tab-active: rgba(255, 255, 255, .1);--tp-login-panel: rgba(255, 255, 255, .05);--tp-login-input: rgba(255, 255, 255, .07);--tp-login-input-focus: rgba(255, 255, 255, .11);--tp-chip-bg: rgba(255, 255, 255, .07);--tp-notice-bg: rgba(255, 255, 255, .06);--tp-drawer-bg: rgba(255, 255, 255, .08);--tp-drawer-header: rgba(255, 255, 255, .1);--tp-popover-bg: rgba(255, 255, 255, .08);--tp-locked-bg: rgba(255, 255, 255, .04);--tp-skeleton-a: rgba(255, 255, 255, .06);--tp-skeleton-b: rgba(255, 255, 255, .12);--tp-controls-bg: rgba(255, 255, 255, .1);--tp-minimap-bg: rgba(255, 255, 255, .08);--tp-blue: #c2257f;--tp-on-accent: #ffffff;--tp-on-accent-hover: #ffffff;--tp-on-success: #111111;--tp-on-success-hover: #111111;--tp-muted-readable: #9d9db8;--tp-accent-hover: #a01a68;--tp-accent-bright: #ff71ce;--tp-accent-bright2: #ff3fb0;--tp-tint-05: rgba(194, 37, 127, .05);--tp-tint-07: rgba(194, 37, 127, .07);--tp-tint-08: rgba(194, 37, 127, .08);--tp-tint-10: rgba(194, 37, 127, .1);--tp-tint-12: rgba(194, 37, 127, .12);--tp-tint-16: rgba(194, 37, 127, .16);--tp-tint-18: rgba(194, 37, 127, .18);--tp-tint-20: rgba(194, 37, 127, .2);--tp-tint-24: rgba(194, 37, 127, .24);--tp-tint-28: rgba(194, 37, 127, .28);--tp-tint-36: rgba(194, 37, 127, .36);--tp-tint-42: rgba(194, 37, 127, .42);--tp-tint-55: rgba(194, 37, 127, .55);--tp-primary-gradient: linear-gradient(180deg, var(--tp-accent-bright2), var(--tp-blue));--tp-success-text: #3ee6a0;--tp-success-bright: #05ffa1;--tp-success-hover: #2dbb81;--tp-success-tint: rgba(62, 230, 160, .15);--tp-success-tint-strong: rgba(62, 230, 160, .17);--tp-success-border: rgba(62, 230, 160, .5);--tp-success-border-soft: rgba(62, 230, 160, .3);--tp-warning-text: #ffb86c;--tp-warning-text-soft: #ffb86c;--tp-warning-tint: rgba(255, 184, 108, .14);--tp-warning-border: rgba(255, 184, 108, .38);--tp-warning-border-soft: rgba(255, 184, 108, .3);--tp-danger-text: #ff6b9d;--tp-danger-bright: #ff8fb4;--tp-danger-tint: rgba(255, 107, 157, .16);--tp-danger-tint-strong: rgba(255, 107, 157, .18);--tp-danger-tint-soft: rgba(255, 107, 157, .08);--tp-danger-border: rgba(255, 107, 157, .42);--tp-danger-border-soft: rgba(255, 107, 157, .24);--tp-secondary-text: #b967ff;--tp-secondary-tint: rgba(185, 103, 255, .15);--tp-hot-high: linear-gradient(90deg, #c2257f, #ff71ce);--tp-hot-medium: linear-gradient(90deg, #b967ff, #01cdfe);--tp-progress-2: #b967ff;--tp-chart-bar: rgba(194, 37, 127, .14);--tp-graph-grid: rgba(233, 233, 242, .09);--tp-hero-bg: #101022;--tp-hero-glow-1: rgba(255, 113, 206, .22);--tp-hero-glow-2: rgba(1, 205, 254, .18);--tp-hero-icon: #01cdfe;--tp-glow-a: rgba(255, 113, 206, .11);--tp-glow-b: rgba(1, 205, 254, .1);--tp-login-glow-1: rgba(255, 113, 206, .11);--tp-login-glow-2: rgba(1, 205, 254, .1);--tp-login-art-a: rgba(255, 113, 206, .15);--tp-login-art-b: rgba(1, 205, 254, .12);--tp-logo-1: #ff71ce;--tp-logo-2: #b967ff;--tp-logo-3: #01cdfe;--tp-logo-4: #05ffa1;--tp-logo-5: #ffd166;--tp-logo-6: #ff8fb4}:root[data-theme=vaporwave] ::-webkit-scrollbar-thumb{background:#ffffff29}:root[data-theme=vaporwave] .app-user-trigger[aria-expanded=true],:root[data-theme=vaporwave] .target-role-sheet-header button{background:#ffffff14}:root[data-theme=vaporwave] .confirm-dialog,:root[data-theme=vaporwave] .skill-drawer,:root[data-theme=vaporwave] .target-role-sheet{color:var(--ink)}:root[data-theme=vaporwave] .role-context-indicator{background:#e9e9f2}:root[data-theme=vaporwave] .role-context-tabs button[aria-current=page]{color:#1a1a2e}:root[data-theme=vaporwave] .discovery-target-bar button,:root[data-theme=vaporwave] button.path-target-button,:root[data-theme=vaporwave] .capability-target-row button:not(.primary),:root[data-theme=vaporwave] .compare-target-actions button:not(.compare-target-btn),:root[data-theme=vaporwave] .target-role-actions button:not(.target-primary),:root[data-theme=vaporwave] .target-role-direct-actions button{background:#ffffff0f}:root[data-theme=vaporwave] .path-refresh,:root[data-theme=vaporwave] .role-list-sort button,:root[data-theme=vaporwave] .skill-hotness-row,:root[data-theme=vaporwave] .capability-status-tabs button.active{background:#ffffff0f}:root[data-theme=vaporwave] .capability-status-tabs button.active{box-shadow:none}:root[data-theme=vaporwave] .skill-action-btn.primary.tone-gray{background:#ffffff1a;color:var(--ink)}:root[data-theme=vaporwave] .capability-hero .eyebrow{color:#ffffff94}@media(hover:hover)and (pointer:fine){:root[data-theme=vaporwave] .app-nav-link:not(.active):not(.target-role-trigger):hover,:root[data-theme=vaporwave] .app-user-trigger:hover,:root[data-theme=vaporwave] .app-user-dropdown button:hover{background:#ffffff14}:root[data-theme=vaporwave] .page-back-row button:hover,:root[data-theme=vaporwave] .fact:hover,:root[data-theme=vaporwave] .app-login-button:hover,:root[data-theme=vaporwave] .icon-action:not(:disabled):hover,:root[data-theme=vaporwave] .ghost-button:not(:disabled):hover,:root[data-theme=vaporwave] .input-shell:hover,:root[data-theme=vaporwave] .stage-skill:hover,:root[data-theme=vaporwave] .skill-action-btn.secondary:hover,:root[data-theme=vaporwave] .skill-resource-link:hover,:root[data-theme=vaporwave] .capability-skill-row:hover{background:var(--tp-card-strong)}:root[data-theme=vaporwave] .input-shell:hover{border-color:var(--line-strong)}:root[data-theme=vaporwave] ::-webkit-scrollbar-thumb:hover{background:#ffffff42}}:root[data-theme=washi]{color:#2b3c5e;background:#f4efe3;--ink: #2b3c5e;--muted: #6d7a90;--muted-2: #98a2b3;--surface: rgba(255, 253, 246, .78);--surface-solid: #fffdf6;--surface-soft: rgba(255, 253, 246, .88);--line: rgba(43, 60, 94, .09);--line-strong: rgba(43, 60, 94, .15);--blue: #2b3c5e;--green: #5a7a5e;--orange: #b76a1d;--red: #b5363c;--purple: #7a689f;--shadow-sm: rgba(43, 60, 94, .06), 0 2px 8px rgba(43, 60, 94, .06);--shadow-md: rgba(43, 60, 94, .09);--shadow-lg: rgba(43, 60, 94, .14);--ring: 0 0 0 4px rgba(43, 60, 94, .16);--ring-soft: 0 0 0 3px rgba(43, 60, 94, .1);--chart-grid: #e6dfcd;--brand-gradient: linear-gradient(135deg, #2b3c5e 0%, #c53d43 100%);--tp-hero-text-gradient: linear-gradient(135deg, #8fb3e8 0%, #d99b4a 100%);--tp-page-1: #faf6ec;--tp-page-2: #f4efe3;--tp-page-3: #eae2d0;--tp-page-top: #fdfaf2;--tp-nav-active: rgba(255, 253, 246, .9);--tp-card-bg: rgba(255, 253, 246, .74);--tp-card-solid: #fffdf6;--tp-card-strong: rgba(255, 253, 246, .9);--tp-card-bg-soft: rgba(255, 253, 246, .64);--tp-soft-bg: rgba(255, 253, 246, .6);--tp-empty-a: rgba(255, 253, 246, .96);--tp-empty-b: rgba(255, 253, 246, .62);--tp-tab-track: rgba(255, 253, 246, .78);--tp-tab-border: rgba(255, 253, 246, .68);--tp-tab-active: #fffdf6;--tp-login-panel: rgba(255, 253, 246, .64);--tp-login-input: rgba(255, 253, 246, .76);--tp-login-input-focus: rgba(255, 253, 246, .97);--tp-chip-bg: rgba(255, 253, 246, .68);--tp-notice-bg: rgba(255, 253, 246, .8);--tp-drawer-bg: rgba(255, 253, 246, .9);--tp-drawer-header: rgba(255, 253, 246, .95);--tp-popover-bg: rgba(255, 253, 246, .97);--tp-locked-bg: rgba(240, 233, 216, .6);--tp-skeleton-a: rgba(240, 233, 216, .5);--tp-skeleton-b: rgba(255, 253, 246, .9);--tp-controls-bg: rgba(255, 253, 246, .9);--tp-minimap-bg: rgba(255, 253, 246, .92);--tp-blue: #2b3c5e;--tp-on-accent: #ffffff;--tp-on-accent-hover: #ffffff;--tp-on-success: #ffffff;--tp-on-success-hover: #ffffff;--tp-muted-readable: #52617c;--tp-accent-hover: #22304d;--tp-accent-bright: #c53d43;--tp-accent-bright2: #4a6fa5;--tp-tint-05: rgba(43, 60, 94, .05);--tp-tint-07: rgba(43, 60, 94, .07);--tp-tint-08: rgba(43, 60, 94, .08);--tp-tint-10: rgba(43, 60, 94, .1);--tp-tint-12: rgba(43, 60, 94, .12);--tp-tint-16: rgba(43, 60, 94, .16);--tp-tint-18: rgba(43, 60, 94, .18);--tp-tint-20: rgba(43, 60, 94, .2);--tp-tint-24: rgba(43, 60, 94, .24);--tp-tint-28: rgba(43, 60, 94, .28);--tp-tint-36: rgba(43, 60, 94, .36);--tp-tint-42: rgba(43, 60, 94, .42);--tp-tint-55: rgba(43, 60, 94, .55);--tp-primary-gradient: linear-gradient(180deg, var(--tp-accent-bright2), var(--tp-blue));--tp-success-text: #5a7a5e;--tp-success-bright: #7fa984;--tp-success-hover: #4b6a50;--tp-success-tint: rgba(90, 122, 94, .12);--tp-success-tint-strong: rgba(90, 122, 94, .14);--tp-success-border: rgba(90, 122, 94, .5);--tp-success-border-soft: rgba(90, 122, 94, .3);--tp-warning-text: #b76a1d;--tp-warning-text-soft: #b76a1d;--tp-warning-tint: rgba(183, 106, 29, .12);--tp-warning-border: rgba(183, 106, 29, .36);--tp-warning-border-soft: rgba(183, 106, 29, .3);--tp-danger-text: #b5363c;--tp-danger-bright: #dd6b6f;--tp-danger-tint: rgba(181, 54, 60, .1);--tp-danger-tint-strong: rgba(181, 54, 60, .12);--tp-danger-tint-soft: rgba(181, 54, 60, .06);--tp-danger-border: rgba(181, 54, 60, .4);--tp-danger-border-soft: rgba(181, 54, 60, .24);--tp-secondary-text: #7a689f;--tp-secondary-tint: rgba(122, 104, 159, .12);--tp-hot-high: linear-gradient(90deg, #2b3c5e, #c53d43);--tp-hot-medium: linear-gradient(90deg, #c47222, #d99b4a);--tp-progress-2: #8d7bb0;--tp-chart-bar: rgba(43, 60, 94, .09);--tp-graph-grid: #e6dfcd;--tp-hero-bg: #1d2a45;--tp-hero-glow-1: rgba(197, 61, 67, .35);--tp-hero-glow-2: rgba(196, 114, 34, .28);--tp-hero-icon: #d99b4a;--tp-glow-a: rgba(197, 61, 67, .09);--tp-glow-b: rgba(196, 114, 34, .08);--tp-login-glow-1: rgba(197, 61, 67, .09);--tp-login-glow-2: rgba(196, 114, 34, .08);--tp-login-art-a: rgba(197, 61, 67, .13);--tp-login-art-b: rgba(196, 114, 34, .11);--tp-logo-1: #2b3c5e;--tp-logo-2: #4a6fa5;--tp-logo-3: #c53d43;--tp-logo-4: #c47222;--tp-logo-5: #d99b4a;--tp-logo-6: #8d7bb0}:root[data-theme=nordic]{color:#2f2d2a;background:#f4f0ea;--ink: #2f2d2a;--muted: #76726b;--muted-2: #a29d93;--surface: rgba(255, 253, 248, .78);--surface-solid: #fffdf8;--surface-soft: rgba(255, 253, 248, .88);--line: rgba(47, 45, 42, .09);--line-strong: rgba(47, 45, 42, .15);--blue: #3d5b49;--green: #3d5b49;--orange: #a87932;--red: #d03030;--purple: #7d8bb5;--shadow-sm: rgba(47, 45, 42, .06), 0 2px 8px rgba(47, 45, 42, .06);--shadow-md: rgba(47, 45, 42, .09);--shadow-lg: rgba(47, 45, 42, .14);--ring: 0 0 0 4px rgba(61, 91, 73, .16);--ring-soft: 0 0 0 3px rgba(61, 91, 73, .1);--chart-grid: #e5dfd3;--brand-gradient: linear-gradient(135deg, #3d5b49 0%, #a6cedb 100%);--tp-hero-text-gradient: linear-gradient(135deg, #a6cedb 0%, #cfe7ee 100%);--tp-login-title-gradient: linear-gradient(135deg, #3d5b49 0%, #4a7589 100%);--tp-page-1: #faf7f1;--tp-page-2: #f4f0ea;--tp-page-3: #e9e3d8;--tp-page-top: #fdfbf6;--tp-nav-active: rgba(255, 253, 248, .9);--tp-card-bg: rgba(255, 253, 248, .74);--tp-card-solid: #fffdf8;--tp-card-strong: rgba(255, 253, 248, .9);--tp-card-bg-soft: rgba(255, 253, 248, .64);--tp-soft-bg: rgba(255, 253, 248, .6);--tp-empty-a: rgba(255, 253, 248, .96);--tp-empty-b: rgba(255, 253, 248, .62);--tp-tab-track: rgba(255, 253, 248, .78);--tp-tab-border: rgba(255, 253, 248, .68);--tp-tab-active: #fffdf8;--tp-login-panel: rgba(255, 253, 248, .64);--tp-login-input: rgba(255, 253, 248, .76);--tp-login-input-focus: rgba(255, 253, 248, .97);--tp-chip-bg: rgba(255, 253, 248, .68);--tp-notice-bg: rgba(255, 253, 248, .8);--tp-drawer-bg: rgba(255, 253, 248, .9);--tp-drawer-header: rgba(255, 253, 248, .95);--tp-popover-bg: rgba(255, 253, 248, .97);--tp-locked-bg: rgba(238, 232, 220, .6);--tp-skeleton-a: rgba(238, 232, 220, .5);--tp-skeleton-b: rgba(255, 253, 248, .9);--tp-controls-bg: rgba(255, 253, 248, .9);--tp-minimap-bg: rgba(255, 253, 248, .92);--tp-blue: #3d5b49;--tp-on-accent: #ffffff;--tp-on-accent-hover: #ffffff;--tp-on-success: #ffffff;--tp-on-success-hover: #ffffff;--tp-muted-readable: #66625c;--tp-accent-hover: #2f4a39;--tp-accent-bright: #a6cedb;--tp-accent-bright2: #4f725d;--tp-tint-05: rgba(61, 91, 73, .05);--tp-tint-07: rgba(61, 91, 73, .07);--tp-tint-08: rgba(61, 91, 73, .08);--tp-tint-10: rgba(61, 91, 73, .1);--tp-tint-12: rgba(61, 91, 73, .12);--tp-tint-16: rgba(61, 91, 73, .16);--tp-tint-18: rgba(61, 91, 73, .18);--tp-tint-20: rgba(61, 91, 73, .2);--tp-tint-24: rgba(61, 91, 73, .24);--tp-tint-28: rgba(61, 91, 73, .28);--tp-tint-36: rgba(61, 91, 73, .36);--tp-tint-42: rgba(61, 91, 73, .42);--tp-tint-55: rgba(61, 91, 73, .55);--tp-primary-gradient: linear-gradient(180deg, var(--tp-accent-bright2), var(--tp-blue));--tp-success-text: #3d5b49;--tp-success-bright: #6f9a79;--tp-success-hover: #334d3e;--tp-success-tint: rgba(61, 91, 73, .12);--tp-success-tint-strong: rgba(61, 91, 73, .14);--tp-success-border: rgba(61, 91, 73, .5);--tp-success-border-soft: rgba(61, 91, 73, .3);--tp-warning-text: #a87932;--tp-warning-text-soft: #a87932;--tp-warning-tint: rgba(168, 121, 50, .12);--tp-warning-border: rgba(168, 121, 50, .36);--tp-warning-border-soft: rgba(168, 121, 50, .3);--tp-danger-text: #d03030;--tp-danger-bright: #e05d5d;--tp-danger-tint: rgba(208, 48, 48, .1);--tp-danger-tint-strong: rgba(208, 48, 48, .12);--tp-danger-tint-soft: rgba(208, 48, 48, .06);--tp-danger-border: rgba(208, 48, 48, .4);--tp-danger-border-soft: rgba(208, 48, 48, .24);--tp-secondary-text: #7d8bb5;--tp-secondary-tint: rgba(125, 139, 181, .12);--tp-hot-high: linear-gradient(90deg, #3d5b49, #a6cedb);--tp-hot-medium: linear-gradient(90deg, #d03030, #d5a55c);--tp-progress-2: #7d8bb5;--tp-chart-bar: rgba(61, 91, 73, .09);--tp-graph-grid: #e5dfd3;--tp-hero-bg: #24352b;--tp-hero-glow-1: rgba(61, 91, 73, .35);--tp-hero-glow-2: rgba(166, 206, 219, .28);--tp-hero-icon: #a6cedb;--tp-glow-a: rgba(61, 91, 73, .09);--tp-glow-b: rgba(166, 206, 219, .08);--tp-login-glow-1: rgba(61, 91, 73, .09);--tp-login-glow-2: rgba(166, 206, 219, .08);--tp-login-art-a: rgba(61, 91, 73, .13);--tp-login-art-b: rgba(166, 206, 219, .11);--tp-logo-1: #3d5b49;--tp-logo-2: #4f725d;--tp-logo-3: #a6cedb;--tp-logo-4: #d03030;--tp-logo-5: #d5a55c;--tp-logo-6: #7d8bb5}:root[data-theme=ocean]{color:#003f5c;background:#f1f6f6;--ink: #003f5c;--muted: #4d7288;--muted-2: #84a3b5;--surface: rgba(255, 255, 255, .78);--surface-solid: #ffffff;--surface-soft: rgba(255, 255, 255, .88);--line: rgba(0, 63, 92, .09);--line-strong: rgba(0, 63, 92, .15);--blue: #003f5c;--green: #2a9d8f;--orange: #b78a2e;--red: #e76f51;--purple: #5f7fae;--shadow-sm: rgba(0, 63, 92, .06), 0 2px 8px rgba(0, 63, 92, .06);--shadow-md: rgba(0, 63, 92, .09);--shadow-lg: rgba(0, 63, 92, .14);--ring: 0 0 0 4px rgba(0, 63, 92, .16);--ring-soft: 0 0 0 3px rgba(0, 63, 92, .1);--chart-grid: #dcebef;--brand-gradient: linear-gradient(135deg, #003f5c 0%, #48cae4 100%);--tp-hero-text-gradient: linear-gradient(135deg, #48cae4 0%, #7de3f0 100%);--tp-login-title-gradient: linear-gradient(135deg, #003f5c 0%, #15779c 100%);--tp-page-1: #f6faf9;--tp-page-2: #f1f6f6;--tp-page-3: #e3eef0;--tp-page-top: #fafdfd;--tp-nav-active: rgba(255, 255, 255, .9);--tp-card-bg: rgba(255, 255, 255, .74);--tp-card-solid: #ffffff;--tp-card-strong: rgba(255, 255, 255, .9);--tp-card-bg-soft: rgba(255, 255, 255, .64);--tp-soft-bg: rgba(255, 255, 255, .6);--tp-empty-a: rgba(255, 255, 255, .96);--tp-empty-b: rgba(255, 255, 255, .62);--tp-tab-track: rgba(255, 255, 255, .78);--tp-tab-border: rgba(255, 255, 255, .68);--tp-tab-active: #ffffff;--tp-login-panel: rgba(255, 255, 255, .64);--tp-login-input: rgba(255, 255, 255, .76);--tp-login-input-focus: rgba(255, 255, 255, .97);--tp-chip-bg: rgba(255, 255, 255, .68);--tp-notice-bg: rgba(255, 255, 255, .8);--tp-drawer-bg: rgba(255, 255, 255, .9);--tp-drawer-header: rgba(255, 255, 255, .95);--tp-popover-bg: rgba(255, 255, 255, .97);--tp-locked-bg: rgba(230, 242, 242, .6);--tp-skeleton-a: rgba(230, 242, 242, .5);--tp-skeleton-b: rgba(255, 255, 255, .9);--tp-controls-bg: rgba(255, 255, 255, .9);--tp-minimap-bg: rgba(255, 255, 255, .92);--tp-blue: #003f5c;--tp-on-accent: #ffffff;--tp-on-accent-hover: #ffffff;--tp-on-success: #111111;--tp-on-success-hover: #000000;--tp-muted-readable: #3f6880;--tp-accent-hover: #00314a;--tp-accent-bright: #48cae4;--tp-accent-bright2: #15779c;--tp-tint-05: rgba(0, 63, 92, .05);--tp-tint-07: rgba(0, 63, 92, .07);--tp-tint-08: rgba(0, 63, 92, .08);--tp-tint-10: rgba(0, 63, 92, .1);--tp-tint-12: rgba(0, 63, 92, .12);--tp-tint-16: rgba(0, 63, 92, .16);--tp-tint-18: rgba(0, 63, 92, .18);--tp-tint-20: rgba(0, 63, 92, .2);--tp-tint-24: rgba(0, 63, 92, .24);--tp-tint-28: rgba(0, 63, 92, .28);--tp-tint-36: rgba(0, 63, 92, .36);--tp-tint-42: rgba(0, 63, 92, .42);--tp-tint-55: rgba(0, 63, 92, .55);--tp-primary-gradient: linear-gradient(180deg, var(--tp-accent-bright2), var(--tp-blue));--tp-success-text: #2a9d8f;--tp-success-bright: #4fc4b4;--tp-success-hover: #21857a;--tp-success-tint: rgba(42, 157, 143, .12);--tp-success-tint-strong: rgba(42, 157, 143, .14);--tp-success-border: rgba(42, 157, 143, .5);--tp-success-border-soft: rgba(42, 157, 143, .3);--tp-warning-text: #b78a2e;--tp-warning-text-soft: #b78a2e;--tp-warning-tint: rgba(183, 138, 46, .12);--tp-warning-border: rgba(183, 138, 46, .36);--tp-warning-border-soft: rgba(183, 138, 46, .3);--tp-danger-text: #e76f51;--tp-danger-bright: #f0886e;--tp-danger-tint: rgba(231, 111, 81, .1);--tp-danger-tint-strong: rgba(231, 111, 81, .12);--tp-danger-tint-soft: rgba(231, 111, 81, .06);--tp-danger-border: rgba(231, 111, 81, .4);--tp-danger-border-soft: rgba(231, 111, 81, .24);--tp-secondary-text: #5f7fae;--tp-secondary-tint: rgba(95, 127, 174, .12);--tp-hot-high: linear-gradient(90deg, #003f5c, #48cae4);--tp-hot-medium: linear-gradient(90deg, #2a9d8f, #e9c46a);--tp-progress-2: #5f7fae;--tp-chart-bar: rgba(0, 63, 92, .09);--tp-graph-grid: #dcebef;--tp-hero-bg: #003048;--tp-hero-glow-1: rgba(72, 202, 228, .35);--tp-hero-glow-2: rgba(42, 157, 143, .28);--tp-hero-icon: #48cae4;--tp-glow-a: rgba(72, 202, 228, .09);--tp-glow-b: rgba(42, 157, 143, .08);--tp-login-glow-1: rgba(72, 202, 228, .09);--tp-login-glow-2: rgba(42, 157, 143, .08);--tp-login-art-a: rgba(72, 202, 228, .13);--tp-login-art-b: rgba(42, 157, 143, .11);--tp-logo-1: #003f5c;--tp-logo-2: #15779c;--tp-logo-3: #2a9d8f;--tp-logo-4: #48cae4;--tp-logo-5: #e9c46a;--tp-logo-6: #e76f51}:root[data-theme=autumn]{color:#352504;background:#f7efdd;--ink: #352504;--muted: #6f5d43;--muted-2: #a29175;--surface: rgba(255, 250, 240, .78);--surface-solid: #fffaf0;--surface-soft: rgba(255, 250, 240, .88);--line: rgba(90, 58, 28, .09);--line-strong: rgba(90, 58, 28, .15);--blue: #a7321c;--green: #6d8f4a;--orange: #c08a25;--red: #b0431f;--purple: #8d5c6e;--shadow-sm: rgba(90, 58, 28, .06), 0 2px 8px rgba(90, 58, 28, .06);--shadow-md: rgba(90, 58, 28, .09);--shadow-lg: rgba(90, 58, 28, .14);--ring: 0 0 0 4px rgba(167, 50, 28, .16);--ring-soft: 0 0 0 3px rgba(167, 50, 28, .1);--chart-grid: #e9dcc2;--brand-gradient: linear-gradient(135deg, #a7321c 0%, #ffdc68 100%);--tp-hero-text-gradient: linear-gradient(135deg, #ffb35c 0%, #ffdc68 100%);--tp-login-title-gradient: linear-gradient(135deg, #a7321c 0%, #9a6a1a 100%);--tp-page-1: #fcf6ea;--tp-page-2: #f7efdd;--tp-page-3: #eee0c4;--tp-page-top: #fefaf1;--tp-nav-active: rgba(255, 250, 240, .9);--tp-card-bg: rgba(255, 250, 240, .74);--tp-card-solid: #fffaf0;--tp-card-strong: rgba(255, 250, 240, .9);--tp-card-bg-soft: rgba(255, 250, 240, .64);--tp-soft-bg: rgba(255, 250, 240, .6);--tp-empty-a: rgba(255, 250, 240, .96);--tp-empty-b: rgba(255, 250, 240, .62);--tp-tab-track: rgba(255, 250, 240, .78);--tp-tab-border: rgba(255, 250, 240, .68);--tp-tab-active: #fffaf0;--tp-login-panel: rgba(255, 250, 240, .64);--tp-login-input: rgba(255, 250, 240, .76);--tp-login-input-focus: rgba(255, 250, 240, .97);--tp-chip-bg: rgba(255, 250, 240, .68);--tp-notice-bg: rgba(255, 250, 240, .8);--tp-drawer-bg: rgba(255, 250, 240, .9);--tp-drawer-header: rgba(255, 250, 240, .95);--tp-popover-bg: rgba(255, 250, 240, .97);--tp-locked-bg: rgba(243, 230, 205, .6);--tp-skeleton-a: rgba(243, 230, 205, .5);--tp-skeleton-b: rgba(255, 250, 240, .9);--tp-controls-bg: rgba(255, 250, 240, .9);--tp-minimap-bg: rgba(255, 250, 240, .92);--tp-blue: #a7321c;--tp-on-accent: #ffffff;--tp-on-accent-hover: #ffffff;--tp-on-success: #111111;--tp-on-success-hover: #ffffff;--tp-muted-readable: #6f5d43;--tp-accent-hover: #8a2814;--tp-accent-bright: #ffdc68;--tp-accent-bright2: #c6451f;--tp-tint-05: rgba(167, 50, 28, .05);--tp-tint-07: rgba(167, 50, 28, .07);--tp-tint-08: rgba(167, 50, 28, .08);--tp-tint-10: rgba(167, 50, 28, .1);--tp-tint-12: rgba(167, 50, 28, .12);--tp-tint-16: rgba(167, 50, 28, .16);--tp-tint-18: rgba(167, 50, 28, .18);--tp-tint-20: rgba(167, 50, 28, .2);--tp-tint-24: rgba(167, 50, 28, .24);--tp-tint-28: rgba(167, 50, 28, .28);--tp-tint-36: rgba(167, 50, 28, .36);--tp-tint-42: rgba(167, 50, 28, .42);--tp-tint-55: rgba(167, 50, 28, .55);--tp-primary-gradient: linear-gradient(180deg, var(--tp-accent-bright2), var(--tp-blue));--tp-success-text: #6d8f4a;--tp-success-bright: #8fae6a;--tp-success-hover: #5a7740;--tp-success-tint: rgba(109, 143, 74, .12);--tp-success-tint-strong: rgba(109, 143, 74, .14);--tp-success-border: rgba(109, 143, 74, .5);--tp-success-border-soft: rgba(109, 143, 74, .3);--tp-warning-text: #c08a25;--tp-warning-text-soft: #c08a25;--tp-warning-tint: rgba(192, 138, 37, .12);--tp-warning-border: rgba(192, 138, 37, .36);--tp-warning-border-soft: rgba(192, 138, 37, .3);--tp-danger-text: #b0431f;--tp-danger-bright: #d05a31;--tp-danger-tint: rgba(176, 67, 31, .1);--tp-danger-tint-strong: rgba(176, 67, 31, .12);--tp-danger-tint-soft: rgba(176, 67, 31, .06);--tp-danger-border: rgba(176, 67, 31, .4);--tp-danger-border-soft: rgba(176, 67, 31, .24);--tp-secondary-text: #8d5c6e;--tp-secondary-tint: rgba(141, 92, 110, .12);--tp-hot-high: linear-gradient(90deg, #a7321c, #ffdc68);--tp-hot-medium: linear-gradient(90deg, #cc982a, #e0b34f);--tp-progress-2: #8d5c6e;--tp-chart-bar: rgba(167, 50, 28, .09);--tp-graph-grid: #e9dcc2;--tp-hero-bg: #2b1f0a;--tp-hero-glow-1: rgba(167, 50, 28, .35);--tp-hero-glow-2: rgba(204, 152, 42, .28);--tp-hero-icon: #ffdc68;--tp-glow-a: rgba(167, 50, 28, .09);--tp-glow-b: rgba(204, 152, 42, .08);--tp-login-glow-1: rgba(167, 50, 28, .09);--tp-login-glow-2: rgba(204, 152, 42, .08);--tp-login-art-a: rgba(167, 50, 28, .13);--tp-login-art-b: rgba(204, 152, 42, .11);--tp-logo-1: #a7321c;--tp-logo-2: #c6451f;--tp-logo-3: #cc982a;--tp-logo-4: #ffdc68;--tp-logo-5: #6d8f4a;--tp-logo-6: #8d5c6e}:root[data-theme=candy]{color:#55495c;background:#fff5f7;--ink: #55495c;--muted: #8a7b90;--muted-2: #b3a8b8;--surface: rgba(255, 255, 255, .78);--surface-solid: #ffffff;--surface-soft: rgba(255, 255, 255, .88);--line: rgba(125, 95, 120, .09);--line-strong: rgba(125, 95, 120, .15);--blue: #8f5a80;--green: #5ba887;--orange: #cf7f35;--red: #e56b7a;--purple: #a78bc9;--shadow-sm: rgba(125, 95, 120, .06), 0 2px 8px rgba(125, 95, 120, .06);--shadow-md: rgba(125, 95, 120, .09);--shadow-lg: rgba(125, 95, 120, .14);--ring: 0 0 0 4px rgba(143, 90, 128, .16);--ring-soft: 0 0 0 3px rgba(143, 90, 128, .1);--chart-grid: #f2e7ea;--brand-gradient: linear-gradient(135deg, #8f5a80 0%, #ffb3c1 100%);--tp-hero-text-gradient: linear-gradient(135deg, #ffd6e0 0%, #ffb3c1 100%);--tp-login-title-gradient: linear-gradient(135deg, #8f5a80 0%, #6e3b66 100%);--tp-page-1: #fff9fa;--tp-page-2: #fff5f7;--tp-page-3: #f9ecef;--tp-page-top: #fffdfd;--tp-nav-active: rgba(255, 255, 255, .9);--tp-card-bg: rgba(255, 255, 255, .74);--tp-card-solid: #ffffff;--tp-card-strong: rgba(255, 255, 255, .9);--tp-card-bg-soft: rgba(255, 255, 255, .64);--tp-soft-bg: rgba(255, 255, 255, .6);--tp-empty-a: rgba(255, 255, 255, .96);--tp-empty-b: rgba(255, 255, 255, .62);--tp-tab-track: rgba(255, 255, 255, .78);--tp-tab-border: rgba(255, 255, 255, .68);--tp-tab-active: #ffffff;--tp-login-panel: rgba(255, 255, 255, .64);--tp-login-input: rgba(255, 255, 255, .76);--tp-login-input-focus: rgba(255, 255, 255, .97);--tp-chip-bg: rgba(255, 255, 255, .68);--tp-notice-bg: rgba(255, 255, 255, .8);--tp-drawer-bg: rgba(255, 255, 255, .9);--tp-drawer-header: rgba(255, 255, 255, .95);--tp-popover-bg: rgba(255, 255, 255, .97);--tp-locked-bg: rgba(250, 237, 241, .6);--tp-skeleton-a: rgba(250, 237, 241, .5);--tp-skeleton-b: rgba(255, 255, 255, .9);--tp-controls-bg: rgba(255, 255, 255, .9);--tp-minimap-bg: rgba(255, 255, 255, .92);--tp-blue: #8f5a80;--tp-on-accent: #ffffff;--tp-on-accent-hover: #ffffff;--tp-on-success: #111111;--tp-on-success-hover: #111111;--tp-muted-readable: #716378;--tp-accent-hover: #7a4b6e;--tp-accent-bright: #ffb3c1;--tp-accent-bright2: #b56f9f;--tp-tint-05: rgba(143, 90, 128, .05);--tp-tint-07: rgba(143, 90, 128, .07);--tp-tint-08: rgba(143, 90, 128, .08);--tp-tint-10: rgba(143, 90, 128, .1);--tp-tint-12: rgba(143, 90, 128, .12);--tp-tint-16: rgba(143, 90, 128, .16);--tp-tint-18: rgba(143, 90, 128, .18);--tp-tint-20: rgba(143, 90, 128, .2);--tp-tint-24: rgba(143, 90, 128, .24);--tp-tint-28: rgba(143, 90, 128, .28);--tp-tint-36: rgba(143, 90, 128, .36);--tp-tint-42: rgba(143, 90, 128, .42);--tp-tint-55: rgba(143, 90, 128, .55);--tp-primary-gradient: linear-gradient(180deg, var(--tp-accent-bright2), var(--tp-blue));--tp-success-text: #5ba887;--tp-success-bright: #8fd8bc;--tp-success-hover: #4b9274;--tp-success-tint: rgba(91, 168, 135, .12);--tp-success-tint-strong: rgba(91, 168, 135, .14);--tp-success-border: rgba(91, 168, 135, .5);--tp-success-border-soft: rgba(91, 168, 135, .3);--tp-warning-text: #cf7f35;--tp-warning-text-soft: #cf7f35;--tp-warning-tint: rgba(207, 127, 53, .12);--tp-warning-border: rgba(207, 127, 53, .36);--tp-warning-border-soft: rgba(207, 127, 53, .3);--tp-danger-text: #e56b7a;--tp-danger-bright: #ef8c98;--tp-danger-tint: rgba(229, 107, 122, .1);--tp-danger-tint-strong: rgba(229, 107, 122, .12);--tp-danger-tint-soft: rgba(229, 107, 122, .06);--tp-danger-border: rgba(229, 107, 122, .4);--tp-danger-border-soft: rgba(229, 107, 122, .24);--tp-secondary-text: #a78bc9;--tp-secondary-tint: rgba(167, 139, 201, .12);--tp-hot-high: linear-gradient(90deg, #8f5a80, #ffb3c1);--tp-hot-medium: linear-gradient(90deg, #e56b7a, #ffd6e0);--tp-progress-2: #a78bc9;--tp-chart-bar: rgba(143, 90, 128, .09);--tp-graph-grid: #f2e7ea;--tp-hero-bg: #4d4057;--tp-hero-glow-1: rgba(181, 111, 159, .35);--tp-hero-glow-2: rgba(255, 179, 193, .28);--tp-hero-icon: #ffd6e0;--tp-glow-a: rgba(181, 111, 159, .09);--tp-glow-b: rgba(255, 179, 193, .08);--tp-login-glow-1: rgba(181, 111, 159, .09);--tp-login-glow-2: rgba(255, 179, 193, .08);--tp-login-art-a: rgba(181, 111, 159, .13);--tp-login-art-b: rgba(255, 179, 193, .11);--tp-logo-1: #8f5a80;--tp-logo-2: #b56f9f;--tp-logo-3: #ffb3c1;--tp-logo-4: #ffd6e0;--tp-logo-5: #6fbf9f;--tp-logo-6: #a78bc9}:root[data-theme=dracula]{color-scheme:dark;color:#f2f2f5;background:#21222e;--ink: #f2f2f5;--muted: #a9a9bd;--muted-2: #74748a;--surface: rgba(255, 255, 255, .05);--surface-solid: #2b2d3a;--surface-soft: rgba(255, 255, 255, .04);--line: rgba(242, 242, 245, .12);--line-strong: rgba(242, 242, 245, .2);--blue: #7a5ec6;--green: #50fa7b;--orange: #ffb86c;--red: #ff5555;--purple: #bd93f9;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .45), 0 2px 8px rgba(0, 0, 0, .45);--shadow-md: 0 4px 16px rgba(0, 0, 0, .55);--shadow-lg: 0 24px 80px rgba(0, 0, 0, .7);--ring: 0 0 0 4px rgba(122, 94, 198, .3);--ring-soft: 0 0 0 3px rgba(122, 94, 198, .2);--chart-grid: rgba(242, 242, 245, .09);--brand-gradient: linear-gradient(135deg, #7a5ec6 0%, #bd93f9 100%);--tp-page-1: #282a36;--tp-page-2: #21222e;--tp-page-3: #17181f;--tp-page-top: #242633;--tp-nav-active: rgba(255, 255, 255, .07);--tp-card-bg: rgba(255, 255, 255, .055);--tp-card-solid: #2b2d3a;--tp-card-strong: rgba(255, 255, 255, .09);--tp-card-bg-soft: rgba(255, 255, 255, .04);--tp-soft-bg: rgba(255, 255, 255, .04);--tp-empty-a: rgba(255, 255, 255, .09);--tp-empty-b: rgba(255, 255, 255, .03);--tp-tab-track: rgba(255, 255, 255, .06);--tp-tab-border: rgba(255, 255, 255, .12);--tp-tab-active: rgba(255, 255, 255, .1);--tp-login-panel: rgba(255, 255, 255, .05);--tp-login-input: rgba(255, 255, 255, .07);--tp-login-input-focus: rgba(255, 255, 255, .11);--tp-chip-bg: rgba(255, 255, 255, .07);--tp-notice-bg: rgba(255, 255, 255, .06);--tp-drawer-bg: rgba(255, 255, 255, .08);--tp-drawer-header: rgba(255, 255, 255, .1);--tp-popover-bg: rgba(255, 255, 255, .08);--tp-locked-bg: rgba(255, 255, 255, .04);--tp-skeleton-a: rgba(255, 255, 255, .06);--tp-skeleton-b: rgba(255, 255, 255, .12);--tp-controls-bg: rgba(255, 255, 255, .1);--tp-minimap-bg: rgba(255, 255, 255, .08);--tp-blue: #7a5ec6;--tp-on-accent: #ffffff;--tp-on-accent-hover: #ffffff;--tp-on-success: #111111;--tp-on-success-hover: #111111;--tp-muted-readable: #a9a9bd;--tp-accent-hover: #684bb0;--tp-accent-bright: #bd93f9;--tp-accent-bright2: #9a7ce0;--tp-tint-05: rgba(122, 94, 198, .05);--tp-tint-07: rgba(122, 94, 198, .07);--tp-tint-08: rgba(122, 94, 198, .08);--tp-tint-10: rgba(122, 94, 198, .1);--tp-tint-12: rgba(122, 94, 198, .12);--tp-tint-16: rgba(122, 94, 198, .16);--tp-tint-18: rgba(122, 94, 198, .18);--tp-tint-20: rgba(122, 94, 198, .2);--tp-tint-24: rgba(122, 94, 198, .24);--tp-tint-28: rgba(122, 94, 198, .28);--tp-tint-36: rgba(122, 94, 198, .36);--tp-tint-42: rgba(122, 94, 198, .42);--tp-tint-55: rgba(122, 94, 198, .55);--tp-primary-gradient: linear-gradient(180deg, var(--tp-accent-bright2), var(--tp-blue));--tp-success-text: #50fa7b;--tp-success-bright: #8dffb0;--tp-success-hover: #3ed066;--tp-success-tint: rgba(80, 250, 123, .15);--tp-success-tint-strong: rgba(80, 250, 123, .17);--tp-success-border: rgba(80, 250, 123, .5);--tp-success-border-soft: rgba(80, 250, 123, .3);--tp-warning-text: #ffb86c;--tp-warning-text-soft: #ffb86c;--tp-warning-tint: rgba(255, 184, 108, .14);--tp-warning-border: rgba(255, 184, 108, .38);--tp-warning-border-soft: rgba(255, 184, 108, .3);--tp-danger-text: #ff5555;--tp-danger-bright: #ff8585;--tp-danger-tint: rgba(255, 85, 85, .16);--tp-danger-tint-strong: rgba(255, 85, 85, .18);--tp-danger-tint-soft: rgba(255, 85, 85, .08);--tp-danger-border: rgba(255, 85, 85, .42);--tp-danger-border-soft: rgba(255, 85, 85, .24);--tp-secondary-text: #bd93f9;--tp-secondary-tint: rgba(189, 147, 249, .15);--tp-hot-high: linear-gradient(90deg, #7a5ec6, #bd93f9);--tp-hot-medium: linear-gradient(90deg, #ff79c6, #8be9fd);--tp-progress-2: #ff79c6;--tp-chart-bar: rgba(122, 94, 198, .14);--tp-graph-grid: rgba(242, 242, 245, .09);--tp-hero-bg: #171821;--tp-hero-glow-1: rgba(189, 147, 249, .22);--tp-hero-glow-2: rgba(139, 233, 253, .18);--tp-hero-icon: #8be9fd;--tp-glow-a: rgba(189, 147, 249, .11);--tp-glow-b: rgba(139, 233, 253, .1);--tp-login-glow-1: rgba(189, 147, 249, .11);--tp-login-glow-2: rgba(139, 233, 253, .1);--tp-login-art-a: rgba(189, 147, 249, .15);--tp-login-art-b: rgba(139, 233, 253, .12);--tp-logo-1: #ff79c6;--tp-logo-2: #bd93f9;--tp-logo-3: #8be9fd;--tp-logo-4: #50fa7b;--tp-logo-5: #f1fa8c;--tp-logo-6: #ffb86c}:root[data-theme=dracula] ::-webkit-scrollbar-thumb{background:#ffffff29}:root[data-theme=dracula] .app-user-trigger[aria-expanded=true],:root[data-theme=dracula] .target-role-sheet-header button{background:#ffffff14}:root[data-theme=dracula] .confirm-dialog,:root[data-theme=dracula] .skill-drawer,:root[data-theme=dracula] .target-role-sheet{color:var(--ink)}:root[data-theme=dracula] .role-context-indicator{background:#f2f2f5}:root[data-theme=dracula] .role-context-tabs button[aria-current=page]{color:#21222e}:root[data-theme=dracula] .discovery-target-bar button,:root[data-theme=dracula] button.path-target-button,:root[data-theme=dracula] .capability-target-row button:not(.primary),:root[data-theme=dracula] .compare-target-actions button:not(.compare-target-btn),:root[data-theme=dracula] .target-role-actions button:not(.target-primary),:root[data-theme=dracula] .target-role-direct-actions button{background:#ffffff0f}:root[data-theme=dracula] .path-refresh,:root[data-theme=dracula] .role-list-sort button,:root[data-theme=dracula] .skill-hotness-row,:root[data-theme=dracula] .capability-status-tabs button.active{background:#ffffff0f}:root[data-theme=dracula] .capability-status-tabs button.active{box-shadow:none}:root[data-theme=dracula] .skill-action-btn.primary.tone-gray{background:#ffffff1a;color:var(--ink)}:root[data-theme=dracula] .capability-hero .eyebrow{color:#ffffff94}@media(hover:hover)and (pointer:fine){:root[data-theme=dracula] .app-nav-link:not(.active):not(.target-role-trigger):hover,:root[data-theme=dracula] .app-user-trigger:hover,:root[data-theme=dracula] .app-user-dropdown button:hover{background:#ffffff14}:root[data-theme=dracula] .page-back-row button:hover,:root[data-theme=dracula] .fact:hover,:root[data-theme=dracula] .app-login-button:hover,:root[data-theme=dracula] .icon-action:not(:disabled):hover,:root[data-theme=dracula] .ghost-button:not(:disabled):hover,:root[data-theme=dracula] .input-shell:hover,:root[data-theme=dracula] .stage-skill:hover,:root[data-theme=dracula] .skill-action-btn.secondary:hover,:root[data-theme=dracula] .skill-resource-link:hover,:root[data-theme=dracula] .capability-skill-row:hover{background:var(--tp-card-strong)}:root[data-theme=dracula] .input-shell:hover{border-color:var(--line-strong)}:root[data-theme=dracula] ::-webkit-scrollbar-thumb:hover{background:#ffffff42}}html{accent-color:var(--tp-blue);scrollbar-color:var(--line-strong) var(--tp-page-2);scrollbar-width:thin}body{caret-color:var(--tp-blue)}*{text-decoration-thickness:1px;text-underline-offset:.18em}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:var(--tp-page-2)}*::-webkit-scrollbar-thumb{background:var(--line-strong);border:3px solid var(--tp-page-2);border-radius:0}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,[tabindex]:not([tabindex="-1"]):focus-visible{outline:2px solid var(--tp-blue);outline-offset:3px}.app-shell{--radius-lg: 14px;--radius-md: 10px;--radius-sm: 6px;--radius-pill: 4px;--cp-canvas: var(--tp-page-2);--cp-field: var(--tp-page-1);--cp-panel: var(--tp-card-solid);--cp-rule: var(--line-strong);background:var(--cp-canvas);color:var(--ink)}.app-shell>.insight-page,.app-shell>.path-page,.app-shell>.skill-page,.app-shell>.capability-page,.app-shell>.compare-page,.app-shell>.assessment-page{background:var(--cp-canvas)}.app-header{background:var(--cp-field);border-bottom:1px solid var(--cp-rule);-webkit-backdrop-filter:none;backdrop-filter:none}.app-header-inner{min-height:64px;padding-block:8px}.app-brand{gap:8px;margin-left:0;padding:0}.app-brand svg{color:var(--tp-blue)}.app-brand .app-brand-wordmark{height:36px}.app-header-nav{align-self:stretch;gap:0}.app-nav-link{align-self:stretch;justify-content:center;min-height:46px;padding:0 15px;color:var(--tp-muted-readable);font-size:13px;font-weight:650}.app-nav-link:after{position:absolute;right:15px;bottom:4px;left:15px;height:2px;background:var(--tp-blue);content:"";opacity:0;transform:scaleX(.3);transform-origin:left center;transition:opacity var(--dur-fast) var(--ease-out),transform var(--dur-mid) var(--ease-out)}.app-nav-link.active{box-shadow:none}.app-nav-link.active:after{opacity:1;transform:scaleX(1)}.target-role-trigger.app-nav-link,.target-role-trigger.app-nav-link.active{background:transparent;box-shadow:none;color:var(--tp-blue)}.app-nav-badge{background:var(--tp-blue)}.app-header-account{gap:6px}.app-login-button,.app-user-trigger,.theme-switcher-trigger{min-height:38px;padding:0 12px;border:1px solid var(--cp-rule);border-radius:3px;background:var(--cp-panel);box-shadow:none}.app-user-trigger[aria-expanded=true],.theme-switcher-trigger[aria-expanded=true]{background:var(--tp-tint-08)}.app-user-dropdown,.theme-switcher-menu,.target-role-popover{border:1px solid var(--cp-rule);border-radius:4px;background:var(--cp-panel);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.app-user-dropdown{gap:0;padding:4px}.app-user-dropdown button,.theme-option{border-radius:2px}.theme-switcher-menu{gap:0;padding:4px}.theme-group-label{margin-inline:8px}.theme-option{min-height:40px;padding:8px}.theme-swatch{gap:2px}.theme-swatch i{width:11px;height:18px}.page-back-row button,.target-role-actions button,.target-role-direct-actions button,.discovery-target-bar button{border-radius:3px;background:var(--cp-panel);box-shadow:none}.target-role-popover{overflow:hidden}.target-role-scroll{padding:20px}.target-role-actions .target-primary{background:var(--tp-blue)}.mobile-tab-bar{background:var(--cp-field);border-top-color:var(--cp-rule);-webkit-backdrop-filter:none;backdrop-filter:none}.mobile-tab-item{position:relative}.mobile-tab-item:before{position:absolute;top:-6px;left:50%;width:22px;height:2px;background:var(--tp-blue);content:"";opacity:0;transform:translate(-50%)}.mobile-tab-item.active{color:var(--tp-blue)}.mobile-tab-item.active:before{opacity:1}.discovery-page{padding-bottom:80px;background:var(--cp-canvas)}.app-shell h1,.app-shell h2,.app-shell h3,.app-shell strong,.app-shell .num,.app-shell .stat-hero{letter-spacing:0}.discovery-hero,.role-filter-bar,.discovery-workspace,.discovery-leaderboards{max-width:var(--page-max);margin-inline:auto;padding-inline:var(--page-pad)}.discovery-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr);align-items:end;padding-top:clamp(38px,5vw,72px);padding-bottom:30px}.discovery-hero:after{position:absolute;right:var(--page-pad);bottom:0;left:var(--page-pad);height:1px;background:var(--cp-rule);content:"";animation:sparkRuleReveal .76s var(--ease-out) both}@keyframes sparkRuleReveal{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}.discovery-hero-title{min-width:0}.discovery-hero h1{max-width:none;margin:0;font-family:inherit;font-size:clamp(56px,6vw,84px);font-weight:760;line-height:.96;white-space:nowrap}.discovery-hero-sub{max-width:52ch;margin:24px 0 0;color:var(--tp-muted-readable);font-size:14px;line-height:1.7}.discovery-hero-sub strong{font-size:1.06em;font-weight:750}.discovery-target-bar{margin-bottom:0;padding-block:12px;border-top:0;border-bottom-color:var(--cp-rule)}.role-filter-bar{margin-bottom:0;padding-top:18px;padding-bottom:18px}.filter-bar-top{display:grid;grid-template-columns:minmax(0,1fr) max-content;gap:8px}.filter-search{min-height:48px;padding:0 14px;border:1px solid var(--cp-rule);border-radius:3px;background:var(--cp-panel);box-shadow:none}.filter-search:focus-within{border-color:var(--tp-blue);box-shadow:inset 0 -2px 0 var(--tp-blue)}.filter-search input{min-width:0;color:var(--ink);font:inherit;font-size:15px}.filter-search input::placeholder{color:var(--tp-muted-readable);opacity:1}.filter-drawer-toggle{min-width:116px;min-height:48px;justify-content:center;padding:0 18px;border:1px solid var(--cp-rule);border-radius:3px;background:var(--cp-panel)}.chip-count{top:3px;right:3px;min-width:16px;height:16px;padding:0 4px;border-radius:1px;background:var(--tp-blue);color:var(--tp-on-accent);font-size:10px}.filter-drawer-content{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;margin-top:8px;padding:0;border:1px solid var(--cp-rule);border-radius:3px;background:var(--cp-panel)}.filter-drawer-content label{min-width:0;gap:8px;padding:12px;color:var(--tp-muted-readable);font-size:11px}.filter-drawer-content label+label{border-left:1px solid var(--line)}.filter-drawer-content label select{width:100%;min-width:0;min-height:34px;padding:4px 8px;border-radius:2px;background:var(--tp-card-solid);font-size:13px}.filter-drawer-content label select:disabled{cursor:not-allowed;opacity:.48}.filter-chips{gap:6px;margin-top:10px}.filter-chip,.filter-chip.clear-all{min-height:32px;padding:5px 8px;border:1px solid var(--line);border-radius:2px;background:var(--tp-tint-05);color:var(--ink);font-size:12px}.filter-chip button{width:18px;height:18px;border-radius:1px;background:transparent;color:var(--tp-muted-readable)}.filter-chip.clear-all{color:var(--tp-muted-readable)}.discovery-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(306px,354px);align-items:start;margin-bottom:54px}.discovery-role-list{min-width:0;max-width:none;margin:0;padding:0;border-top:1px solid var(--cp-rule)}.role-list-head{min-height:68px;margin:0;padding:14px 0;border-bottom:1px solid var(--cp-rule)}.role-list-head h2{margin:0;font-size:21px;font-weight:760;letter-spacing:.01em}.role-list-sort{gap:0;color:var(--tp-muted-readable);font-size:12px}.role-list-sort>span{margin-right:8px}.role-list-sort button{min-height:34px;padding:0 10px;border:0;border-bottom:1px solid transparent;border-radius:0;background:transparent;color:var(--tp-muted-readable);font-size:12px}.role-list-sort button.active{border-bottom-color:var(--tp-blue);background:var(--tp-tint-08);color:var(--ink)}.role-grid{grid-template-columns:minmax(0,1fr);gap:0}.role-discovery-card{border-bottom:1px solid var(--line);border-radius:0;background:transparent;box-shadow:none;transition:background-color var(--dur-fast) var(--ease-out)}.role-discovery-card.is-previewed{background:var(--tp-tint-08)}.role-discovery-card.is-previewed:before{position:absolute;top:50%;left:11px;width:8px;height:8px;border:1px solid var(--tp-blue);background:var(--cp-panel);content:"";transform:translateY(-50%) rotate(45deg);z-index:1}.role-card-open{display:grid;grid-template-areas:"rank head metrics" "rank skills metrics" "rank progress progress";grid-template-columns:28px minmax(132px,.75fr) minmax(330px,1.55fr);align-items:center;gap:8px 14px;min-height:112px;padding:18px 56px 18px 22px}.role-card-open>.card-rank{grid-area:rank}.role-card-open .card-head{grid-area:head;align-items:flex-start;flex-direction:column;justify-content:center;min-width:0;padding-right:0}.card-head strong{max-width:100%;color:var(--ink);font-size:17px;font-weight:740;letter-spacing:.008em}.role-target-tag{color:var(--tp-blue);font-size:10px;letter-spacing:.05em}.card-rank{display:block;min-width:0;width:auto;height:auto;border-radius:0;background:transparent;color:var(--tp-muted-readable);font-size:11px;font-variant-numeric:tabular-nums;text-align:center}.role-card-open .card-metrics{display:grid;grid-area:metrics;grid-template-columns:repeat(2,minmax(0,1fr));align-self:stretch;gap:0;padding-left:14px;border-left:1px solid var(--line);color:var(--ink)}.role-card-open .card-metrics>span{display:flex;min-width:0;padding:6px 10px;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;line-height:1.25}.role-card-open .card-metrics>span:nth-child(2n){border-left:1px solid var(--line)}.role-card-open .card-metrics>span:nth-child(n+3){border-top:1px solid var(--line)}.card-metrics small{overflow:hidden;color:var(--tp-muted-readable);font-size:10px;font-weight:550;text-overflow:ellipsis;white-space:nowrap}.card-metrics b{max-width:100%;overflow:hidden;color:var(--ink);font-size:12px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.role-card-open .card-skills{display:flex;grid-area:skills;min-width:0;gap:0;overflow:hidden;flex-wrap:nowrap}.role-card-open .card-skills em{min-width:0;padding:0 7px;border-radius:0;background:transparent;color:var(--tp-muted-readable);font-size:11px;font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-card-open .card-skills em:first-child{padding-left:0}.role-card-open .card-skills em+em{border-left:1px solid var(--line)}.role-card-personal-progress{grid-area:progress;color:var(--tp-muted-readable);font-size:11px}.role-card-compare{top:50%;right:10px;border:1px solid var(--line);border-radius:3px;background:var(--cp-panel);color:var(--tp-muted-readable);transform:translateY(-50%)}.role-card-compare:before{border-radius:4px}.role-card-compare.active{border-color:var(--tp-tint-42);color:var(--tp-blue)}.role-card-skeleton .skeleton-line{display:block;height:1lh}.role-card-skeleton .card-skills em{width:72px}.role-pagination{justify-content:space-between;gap:8px;margin-top:0;padding:16px 0;border-bottom:1px solid var(--cp-rule)}.role-pagination button{padding:0 14px;border-radius:3px;background:var(--cp-panel)}.role-pagination span{font-size:12px;font-variant-numeric:tabular-nums}.discovery-empty,.role-catalog-loading>.ui-state,.discovery-role-list>.ui-state,.discovery-role-list>.ui-error-state{padding:54px 24px;border:0;border-bottom:1px solid var(--cp-rule);border-radius:0;background:transparent;box-shadow:none}.discovery-role-list .ui-state-primary{border-radius:3px;background:var(--tp-blue);box-shadow:none;color:var(--tp-on-accent)}.discovery-empty button{border-radius:3px;background:var(--tp-blue);color:var(--tp-on-accent)}.discovery-evidence{position:sticky;top:82px;min-width:0;max-height:calc(100vh - 102px);padding:24px;overflow-y:auto;border:1px solid var(--cp-rule);background:var(--cp-panel)}.spark-locator{position:relative;display:block;width:34px;height:34px;margin-bottom:30px;color:var(--tp-blue)}.spark-locator:before,.spark-locator:after{position:absolute;top:50%;left:50%;background:currentColor;content:"";transform:translate(-50%,-50%)}.spark-locator:before{width:34px;height:1px}.spark-locator:after{width:1px;height:34px}.evidence-role-name{min-height:2.35em;margin:0;color:var(--ink);font-size:clamp(26px,2.3vw,34px);font-weight:780;letter-spacing:.008em;line-height:1.08}.evidence-summary{max-width:34ch;margin:16px 0 22px;color:var(--tp-muted-readable);font-size:12px;line-height:1.65}.discovery-evidence-empty .evidence-role-name{max-width:9ch;color:var(--tp-muted-readable);font-size:24px;font-weight:680}.evidence-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;border-block:1px solid var(--cp-rule)}.evidence-facts>div{min-width:0;padding:13px 10px}.evidence-facts>div+div{border-left:1px solid var(--line)}.evidence-facts dt{color:var(--tp-muted-readable);font-size:9px;white-space:nowrap}.evidence-facts dd{display:flex;min-width:0;align-items:baseline;gap:3px;margin:8px 0 0}.evidence-facts dd strong{min-width:0;overflow:hidden;color:var(--ink);font-size:14px;font-weight:760;text-overflow:ellipsis;white-space:nowrap}.evidence-facts dd span{color:var(--tp-muted-readable);font-size:9px}.evidence-skills{padding:22px 0}.evidence-skills h3{margin:0 0 12px;color:var(--tp-muted-readable);font-size:11px;font-weight:650}.evidence-skills ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0;padding:0;border-top:1px solid var(--line);list-style:none}.evidence-skills li{min-width:0;padding:9px 8px;border-bottom:1px solid var(--line);color:var(--ink);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.evidence-skills li:nth-child(2n){border-left:1px solid var(--line)}.discovery-evidence .data-scope-disclosure{padding-top:12px;border-top-color:var(--cp-rule)}.discovery-evidence .data-scope-disclosure summary{min-height:40px;color:var(--tp-muted-readable);font-size:11px}.discovery-evidence .data-scope-disclosure dl>div{grid-template-columns:minmax(74px,.35fr) minmax(0,1fr);gap:8px;font-size:11px}.evidence-primary-action{display:flex;width:100%;min-height:48px;align-items:center;justify-content:space-between;margin-top:20px;padding:0 14px;border:1px solid var(--tp-blue);border-radius:3px;background:var(--tp-blue);color:var(--tp-on-accent);font:inherit;font-size:13px;font-weight:700}.discovery-leaderboards{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin-bottom:0}.leaderboard-section{border:1px solid var(--cp-rule);border-radius:0;background:transparent;box-shadow:none}.leaderboard-section+.leaderboard-section{border-left:0}.leaderboard-title{align-items:flex-start;gap:12px}.leaderboard-mark{position:relative;width:16px;height:16px;flex:0 0 auto;margin-top:2px}.leaderboard-mark:before,.leaderboard-mark:after{position:absolute;top:50%;left:50%;background:var(--tp-blue);content:"";transform:translate(-50%,-50%)}.leaderboard-mark:before{width:16px;height:1px}.leaderboard-mark:after{width:1px;height:16px}.leaderboard-title h2{margin:0;font-weight:760;letter-spacing:.008em}.leaderboard-grid{gap:0;border-top:1px solid var(--line)}.leaderboard-card{min-height:62px;gap:12px;padding:10px 8px;border-bottom:1px solid var(--line);border-radius:0;background:transparent;box-shadow:none}.leaderboard-card .card-rank{width:24px;background:transparent;color:var(--tp-muted-readable)}.leaderboard-body{display:grid;grid-template-columns:minmax(120px,1fr) minmax(170px,.85fr);align-items:center;gap:16px}.leaderboard-body strong{margin:0;font-size:13px;font-weight:700}.leaderboard-card .card-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.leaderboard-card .card-metrics span{display:flex;min-width:0;align-items:flex-start;flex-direction:column;gap:4px}.leaderboard-empty{border-top:1px solid var(--line)}@media(hover:hover)and (pointer:fine){.app-brand:hover{opacity:.76}.app-nav-link:not(.active):hover,.target-role-trigger.app-nav-link:hover{background:var(--tp-tint-05);color:var(--ink)}.app-login-button:hover,.app-user-trigger:hover,.theme-switcher-trigger:hover,.page-back-row button:hover{border-color:var(--tp-tint-55);background:var(--tp-tint-05);box-shadow:none}.app-user-dropdown button:hover,.theme-option:hover{background:var(--tp-tint-08)}.filter-drawer-toggle:hover,.filter-chip.clear-all:hover,.role-list-sort button:hover:not(.active),.role-pagination button:hover:not(:disabled){border-color:var(--tp-tint-55);color:var(--ink)}.filter-chip button:hover,.role-card-compare:hover{background:var(--tp-tint-12);color:var(--tp-blue)}.role-discovery-card:hover{background:var(--tp-tint-05);box-shadow:none;transform:none}.role-discovery-card.is-previewed:hover{background:var(--tp-tint-10)}.leaderboard-card:hover{background:var(--tp-tint-05);box-shadow:none;transform:none}.evidence-primary-action:hover,.discovery-empty button:hover{background:var(--tp-accent-hover);color:var(--tp-on-accent-hover)}}@media(max-width:1180px){.discovery-workspace{grid-template-columns:minmax(0,1fr)}.discovery-evidence{display:none}.discovery-page .filter-drawer-content{grid-template-columns:repeat(3,minmax(0,1fr))}.discovery-page .filter-drawer-content label:nth-child(4){border-left:0}.discovery-page .filter-drawer-content label:nth-child(n+4){border-top:1px solid var(--line)}.discovery-page .role-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:900px){.app-brand .app-brand-wordmark{height:32px}.discovery-hero{grid-template-columns:minmax(0,1fr);padding-top:46px}.discovery-hero-sub{max-width:60ch}.role-list-head{min-height:0}.role-card-open{grid-template-areas:"rank head metrics" "rank skills skills" "rank progress progress";grid-template-columns:28px minmax(150px,.75fr) minmax(0,1.55fr)}.role-card-open .card-head strong{overflow:visible;white-space:normal;text-overflow:clip}.discovery-leaderboards{grid-template-columns:minmax(0,1fr)}.leaderboard-section+.leaderboard-section{border-top:0;border-left:1px solid var(--cp-rule)}}@media(max-width:640px){.app-header-inner{min-height:58px}.app-brand{gap:5px}.app-brand .app-brand-wordmark{height:28px}.app-login-button,.app-user-trigger,.theme-switcher-trigger{min-height:36px;padding-inline:9px}.discovery-page{padding-bottom:48px}.discovery-hero{padding-top:38px;padding-bottom:24px}.discovery-hero h1{font-size:clamp(54px,17vw,68px)}.discovery-hero-sub{margin-top:18px;font-size:13px}.role-filter-bar{padding-top:14px;padding-bottom:14px}.filter-bar-top{grid-template-columns:minmax(0,1fr)}.filter-drawer-toggle{width:100%}.discovery-page .filter-drawer-content{grid-template-columns:minmax(0,1fr)}.discovery-page .filter-drawer-content label+label{border-top:1px solid var(--line);border-left:0}.role-list-head{padding-block:16px}.role-card-open{grid-template-areas:"rank head" "rank metrics" "rank skills" "rank progress";grid-template-columns:24px minmax(0,1fr);gap:12px;padding:18px 56px 18px 14px}.role-card-open .card-metrics{padding:8px 0 0;border-top:1px solid var(--line);border-left:0}.role-card-open .card-metrics>span{padding:7px 8px}.role-card-compare{top:18px;transform:none}.role-pagination{justify-content:center}.role-pagination span{order:-1;width:100%;text-align:center}.leaderboard-grid{max-width:none;overflow:visible;padding:0;-webkit-mask-image:none;mask-image:none}.leaderboard-card{flex:1 1 auto;width:100%}.leaderboard-body{grid-template-columns:minmax(0,1fr);gap:8px}}@container role-card (max-width: 320px){.role-card-open{grid-template-areas:"rank head" "rank metrics" "rank skills" "rank progress";grid-template-columns:22px minmax(0,1fr);padding:16px 52px 16px 12px}.role-card-open .card-head{padding-right:0}.role-card-open .card-metrics{padding:8px 0 0;border-top:1px solid var(--line);border-left:0}}@media(prefers-reduced-motion:reduce){.discovery-hero:after{animation:none}}