.sdet-roadmap-app{font-family:var(--cb-font-body);color:var(--cb-text);background:transparent;-webkit-font-smoothing:antialiased;--sdet-track-zero: #16a34a;--sdet-track-expert: #f59e0b;--sdet-track-mixed: var(--cb-text-muted);--sdet-must-nail: #ef4444;--sdet-must-demo: #6366f1;--sdet-must-talk: #a855f7}.sdet-roadmap-app *,.sdet-roadmap-app *:before,.sdet-roadmap-app *:after{box-sizing:border-box}.sdet-roadmap-app h1,.sdet-roadmap-app h2,.sdet-roadmap-app h3,.sdet-roadmap-app h4{font-family:var(--cb-font-display, var(--cb-font-body));margin:0;letter-spacing:-.02em;color:var(--cb-text-strong)}.sdet-roadmap-app button{font-family:var(--cb-font-body);cursor:pointer}.sdet-shell{width:100%;max-width:1280px;margin:0 auto;padding:32px clamp(20px,4vw,64px) 80px}.sdet-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:32px}.sdet-topbar .crumb{font-family:var(--cb-font-mono);font-size:12px;letter-spacing:.12em;color:var(--cb-text-muted);text-transform:uppercase}.sdet-topbar .controls{display:flex;gap:8px}.sdet-hero{margin-bottom:36px}.sdet-eyebrow{font-family:var(--cb-font-mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--cb-text-muted)}.sdet-hero h1{margin:12px 0 14px;font-size:clamp(28px,3.4vw,40px);font-weight:700;line-height:1.15}.sdet-hero p{margin:0 0 24px;color:var(--cb-text-muted);font-size:15px;line-height:1.65;max-width:760px}.sdet-hero strong{color:var(--cb-text-strong);font-weight:600}.sdet-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1px;background:var(--cb-border);border:1px solid var(--cb-border);border-radius:10px;overflow:hidden;margin-bottom:20px}.sdet-stat{background:var(--cb-surface);padding:16px 18px;display:flex;flex-direction:column;gap:6px}.sdet-stat .n{font-size:22px;font-weight:700;color:var(--cb-text-strong);letter-spacing:-.01em;line-height:1.1}.sdet-stat .l{font-family:var(--cb-font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--cb-text-muted)}.sdet-stat.nail .n{color:var(--sdet-must-nail)}.sdet-stat.demo .n{color:var(--sdet-must-demo)}.sdet-stat.talk .n{color:var(--sdet-must-talk)}.sdet-progress-wrap{margin-top:4px}.sdet-progress-label{display:flex;justify-content:space-between;font-family:var(--cb-font-mono);font-size:12px;letter-spacing:.06em;color:var(--cb-text-muted);margin-bottom:8px}.sdet-progress-bar{height:6px;background:var(--cb-border);border-radius:3px;overflow:hidden}.sdet-progress-fill{height:100%;background:var(--cb-accent);transition:width .24s ease}.sdet-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:6px;border:1px solid var(--cb-border);background:var(--cb-surface);color:var(--cb-text);font-size:13px;font-weight:500;transition:background .12s ease,color .12s ease,border-color .12s ease}.sdet-btn:hover{border-color:var(--cb-text-strong);color:var(--cb-text-strong)}.sdet-btn.tiny{padding:6px 12px;font-size:12px}.sdet-btn.accent{background:var(--cb-accent);color:#fff;border-color:var(--cb-accent)}.sdet-btn.accent:hover{filter:brightness(1.08)}.filter-row{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:14px}.filter-group{display:flex;align-items:center;gap:12px}.filter-group>label{font-family:var(--cb-font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--cb-text-muted)}.track-toggle,.must-toggle{display:inline-flex;background:var(--cb-surface);border:1px solid var(--cb-border);border-radius:6px;overflow:hidden}.track-toggle button,.must-toggle button{background:transparent;border:0;padding:8px 14px;font-size:13px;color:var(--cb-text-muted);border-right:1px solid var(--cb-border);transition:background .12s ease,color .12s ease}.track-toggle button:last-child,.must-toggle button:last-child{border-right:0}.track-toggle button:hover,.must-toggle button:hover{color:var(--cb-text-strong)}.track-toggle button.active,.must-toggle button.active{background:var(--cb-text-strong);color:var(--cb-bg)}.must-toggle button.nail.active{background:var(--sdet-must-nail);color:#fff}.must-toggle button.demo.active{background:var(--sdet-must-demo);color:#fff}.must-toggle button.talk.active{background:var(--sdet-must-talk);color:#fff}.filter-bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 14px;background:var(--cb-surface);border:1px solid var(--cb-border);border-radius:6px;margin-bottom:28px}.filter-bar>label{font-family:var(--cb-font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--cb-text-muted)}.filter-bar select,.filter-bar input{font-family:var(--cb-font-body);font-size:13px;background:transparent;border:1px solid var(--cb-border);border-radius:4px;padding:6px 10px;color:var(--cb-text)}.filter-bar input{flex:1;min-width:200px}.filter-bar select:focus,.filter-bar input:focus{outline:none;border-color:var(--cb-accent)}.phase{position:relative;background:var(--cb-surface);border:1px solid var(--cb-border);border-radius:12px;margin-bottom:40px;overflow:hidden;transition:border-color .2s ease,box-shadow .22s ease,transform .22s ease;--phase-accent: var(--cb-text-muted)}.phase:last-child{margin-bottom:0}.phase[data-level=beginner]{--phase-accent: #16a34a}.phase[data-level=intermediate]{--phase-accent: #2563eb}.phase[data-level=advanced]{--phase-accent: #9333ea}.phase[data-level=expert]{--phase-accent: var(--sdet-must-nail)}.phase[data-level=cross]{--phase-accent: var(--cb-text-muted)}.phase-accent{display:block;height:3px;width:100%;background:var(--phase-accent);opacity:.85}.phase:not(.open){background:transparent}.phase.open{border-color:var(--cb-border-strong, var(--cb-border));box-shadow:0 1px #00000005,0 14px 30px -16px #0000002e,0 4px 10px -6px #00000014}.phase .head{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:26px 28px 24px 88px;cursor:pointer;transition:background .16s ease}.phase .head:hover{background:var(--cb-surface-raised, var(--cb-surface))}.phase.open .head{border-bottom:1px solid var(--cb-border)}.phase-num{position:absolute;left:22px;top:22px;font-family:var(--cb-font-display, var(--cb-font-body));font-size:44px;font-weight:700;letter-spacing:-.04em;line-height:1;color:var(--cb-text-faint, var(--cb-border-strong));font-variant-numeric:tabular-nums;transition:color .22s ease,transform .22s ease;-webkit-user-select:none;user-select:none;pointer-events:none}.phase:hover .phase-num,.phase.open .phase-num{color:var(--phase-accent)}.phase.open .phase-num{transform:translateY(-1px)}.head-left{min-width:0;flex:1}.phase-title{margin-top:6px;font-size:22px;font-weight:700;color:var(--cb-text-strong);letter-spacing:-.02em;line-height:1.2}.phase-summary{margin-top:8px;font-size:14px;color:var(--cb-text-muted);line-height:1.6;max-width:720px}@media (max-width: 720px){.phase{margin-bottom:28px}.phase .head{padding:22px 18px 20px}.phase-num{position:static;display:block;margin-bottom:6px;font-size:30px}}.head-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.phase .body{padding:18px 22px 22px;display:flex;flex-direction:column;gap:16px}.skill{border:1px solid var(--cb-border);border-radius:10px;background:var(--cb-bg);padding:18px 20px}.skill-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.skill-title{font-size:16px;font-weight:700;color:var(--cb-text-strong);display:flex;align-items:center;gap:10px;flex-wrap:wrap;letter-spacing:-.005em}.skill-short{margin-top:6px;font-size:13.5px;color:var(--cb-text-muted);line-height:1.6;max-width:680px}.sdet-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.sdet-tag{font-family:var(--cb-font-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--cb-text-muted);border:1px solid var(--cb-border);border-radius:4px;padding:3px 7px}.new-badge{font-family:var(--cb-font-mono);font-size:10.5px;letter-spacing:.1em;font-weight:600;color:var(--cb-accent);border:1px solid var(--cb-accent);border-radius:4px;padding:2px 7px}.section{border-top:1px solid var(--cb-border);margin-top:16px;padding-top:16px}.section:first-of-type{border-top:0;margin-top:0;padding-top:0}.sec-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:6px 0;cursor:pointer}.sec-title{font-size:15px;font-weight:600;color:var(--cb-text-strong);letter-spacing:-.005em}.sec-meta{font-family:var(--cb-font-mono);font-size:11.5px;letter-spacing:.04em;color:var(--cb-text-muted)}.topic{margin-top:12px;padding-top:12px;border-top:1px dashed var(--cb-border)}.topic-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.topic-title{font-size:13.5px;font-weight:600;color:var(--cb-text)}.micros{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.micro{display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:12px;padding:9px 10px;border-radius:6px;cursor:pointer;transition:background .1s ease;min-height:38px}.micro:hover{background:var(--cb-surface-raised, var(--cb-surface))}.micro.done .label{color:var(--cb-text-muted);text-decoration:line-through;text-decoration-color:var(--cb-text-faint)}.micro .chk{width:18px;height:18px;border:1.5px solid var(--cb-border-strong, var(--cb-border));border-radius:4px;cursor:pointer;position:relative;transition:background .12s ease,border-color .12s ease}.micro .chk:hover{border-color:var(--cb-accent)}.micro.done .chk{background:var(--cb-accent);border-color:var(--cb-accent)}.micro.done .chk:after{content:"";position:absolute;top:3px;right:5px;bottom:5px;left:5px;border:solid #ffffff;border-width:0 2px 2px 0;transform:rotate(45deg)}.micro .label{font-size:14px;color:var(--cb-text);line-height:1.5}.micro .meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.must,.if-pill,.lvl-pill,.track-pill,.ft,.est{font-family:var(--cb-font-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;padding:3px 7px;border-radius:4px;border:1px solid var(--cb-border);color:var(--cb-text-muted);background:transparent;white-space:nowrap}.must.nail{color:var(--sdet-must-nail);border-color:var(--sdet-must-nail)}.must.demo{color:var(--sdet-must-demo);border-color:var(--sdet-must-demo)}.must.talk{color:var(--sdet-must-talk);border-color:var(--sdet-must-talk)}.if-pill.high{color:var(--sdet-must-nail);border-color:var(--sdet-must-nail)}.if-pill.medium{color:#d97706;border-color:#d97706}.if-pill.low{color:var(--cb-text-muted)}.lvl-pill.beginner{color:#16a34a;border-color:#16a34a}.lvl-pill.intermediate{color:#2563eb;border-color:#2563eb}.lvl-pill.advanced{color:#9333ea;border-color:#9333ea}.lvl-pill.expert{color:var(--sdet-must-nail);border-color:var(--sdet-must-nail)}.lvl-pill.cross{color:var(--cb-text-muted)}.track-pill.zero{color:var(--sdet-track-zero);border-color:var(--sdet-track-zero)}.track-pill.expert{color:var(--sdet-track-expert);border-color:var(--sdet-track-expert)}.track-pill.mixed{color:var(--cb-text-muted)}.track-pill.sm{font-size:10px;padding:2px 6px}.track-pill.xs{font-size:9.5px;padding:1px 5px}.ft{color:var(--cb-accent);border-color:var(--cb-accent)}.mini-prog{display:flex;align-items:center;gap:10px;min-width:140px}.mini-prog .bar{flex:1;height:4px;background:var(--cb-border);border-radius:2px;overflow:hidden}.mini-prog .fill{height:100%;background:var(--cb-accent);transition:width .2s ease}.mini-prog span{font-family:var(--cb-font-mono);font-size:11.5px;color:var(--cb-text-muted);min-width:56px;text-align:right}.tool-picker{margin:12px 0;padding:14px 16px;border:1px dashed var(--cb-border-strong, var(--cb-border));border-radius:8px;background:var(--cb-surface)}.tool-picker-label{display:flex;align-items:center;gap:10px;margin-bottom:8px}.tool-picker-chip{font-family:var(--cb-font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;padding:3px 8px;border-radius:3px;background:var(--cb-text-strong);color:var(--cb-bg);font-weight:700}.tool-picker-name{font-size:13.5px;font-weight:600;color:var(--cb-text-strong)}.tool-picker-hint{font-size:12.5px;color:var(--cb-text-muted);line-height:1.55;margin-bottom:10px;max-width:720px}.tool-picker-tabs{display:flex;flex-wrap:wrap;gap:8px}.tool-picker-tab{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:transparent;border:1px solid var(--cb-border);border-radius:4px;font-size:12.5px;color:var(--cb-text-muted);transition:background .12s ease,color .12s ease,border-color .12s ease}.tool-picker-tab:hover{color:var(--cb-text-strong)}.tool-picker-tab.active{background:var(--cb-text-strong);color:var(--cb-bg);border-color:var(--cb-text-strong)}.panel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);z-index:80}.panel{position:fixed;top:0;right:0;bottom:0;width:min(720px,100%);background:var(--cb-surface);border-left:1px solid var(--cb-border);z-index:81;display:flex;flex-direction:column;box-shadow:-16px 0 40px -20px #00000040}.panel header{padding:22px 28px 18px;border-bottom:1px solid var(--cb-border)}.panel header .crumb{font-family:var(--cb-font-mono);font-size:11.5px;letter-spacing:.08em;color:var(--cb-text-muted);margin-bottom:10px}.panel header .row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.panel h2{margin:0;font-size:22px;font-weight:700;letter-spacing:-.015em;line-height:1.25}.panel .x{background:transparent;border:0;font-size:24px;line-height:1;color:var(--cb-text-muted);padding:0 4px;cursor:pointer}.panel .x:hover{color:var(--cb-text-strong)}.panel .actions{display:flex;align-items:center;gap:8px;margin-top:12px;flex-wrap:wrap}.panel .body{padding:22px 28px 40px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:22px}.block{display:flex;flex-direction:column;gap:10px}.block .tag{font-family:var(--cb-font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--cb-text-muted);font-weight:600}.block p,.block li{font-size:14.5px;line-height:1.65;color:var(--cb-text);margin:0}.block ul{padding-left:20px;margin:0;display:flex;flex-direction:column;gap:4px}.block code{font-family:var(--cb-font-mono);font-size:13px;background:var(--cb-surface-raised, var(--cb-bg));border:1px solid var(--cb-border);border-radius:3px;padding:0 5px}.block pre{margin:0;background:var(--cb-surface-raised, var(--cb-bg));border:1px solid var(--cb-border);border-radius:8px;padding:14px 16px;overflow-x:auto}.block pre code{border:0;padding:0;background:transparent;font-size:13px;line-height:1.6}.block.what{border-left:3px solid var(--sdet-must-demo);padding-left:14px}.block.why{border-left:3px solid var(--sdet-must-talk);padding-left:14px}.block.example{border-left:3px solid var(--cb-accent);padding-left:14px}.block.tip{border-left:3px solid #16a34a;padding-left:14px}.block.interview{border-left:3px solid #d97706;padding-left:14px}.block.resources{border-left:3px solid var(--cb-text-muted);padding-left:14px}.sdet-roadmap-app .sdet-hero-counts{display:flex;align-items:center;flex-wrap:wrap;gap:28px;margin-top:28px;padding-top:20px;border-top:1px solid var(--cb-border)}.sdet-roadmap-app .sdet-hero-counts-sep{display:inline-block;width:1px;height:28px;background:var(--cb-border);margin:0 4px}@media (max-width: 720px){.sdet-roadmap-app .sdet-hero-counts{gap:18px}.sdet-roadmap-app .sdet-hero-counts-sep{display:none}}.sdet-roadmap-app footer{margin-top:48px;padding-top:24px;border-top:1px solid var(--cb-border);font-family:var(--cb-font-mono);font-size:11.5px;letter-spacing:.1em;color:var(--cb-text-muted);text-align:center}*,*:before,*:after{box-sizing:border-box}.cb-scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.cb-scrollbar-hide::-webkit-scrollbar{display:none}html,body{margin:0;padding:0;font-family:var(--cb-font-body);background:var(--cb-bg);color:var(--cb-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{position:relative;min-height:100vh;font-feature-settings:"ss01" on,"ss02" on}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:linear-gradient(to right,var(--cb-grid-line) 1px,transparent 1px),linear-gradient(to bottom,var(--cb-grid-line) 1px,transparent 1px),linear-gradient(to right,var(--cb-grid-line-major) 1px,transparent 1px),linear-gradient(to bottom,var(--cb-grid-line-major) 1px,transparent 1px);background-size:32px 32px,32px 32px,160px 160px,160px 160px;background-position:0 0}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:var(--cb-grain-opacity);mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='1.4' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.55 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}#root{position:relative;z-index:1;min-height:100vh}main,section,header,footer,nav{position:relative;z-index:1}h1,h2,h3,h4{font-family:var(--cb-font-display);font-weight:700;letter-spacing:-.03em;font-variation-settings:"opsz" 96,"wdth" 95,"wght" 700;margin-top:0}p,li,button,input,textarea,select,a{font-family:var(--cb-font-body)}code,pre,kbd,samp{font-family:var(--cb-font-mono)}::selection{background:var(--cb-text-strong);color:var(--cb-bg)}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--cb-text-strong);border:3px solid transparent;background-clip:padding-box;border-radius:0}::-webkit-scrollbar-thumb:hover{background-color:var(--cb-accent);background-clip:padding-box}.cb-tick{font-family:var(--cb-font-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--cb-text-muted);font-weight:600}.cb-rule{display:block;height:1px;width:100%;background:var(--cb-border-strong);border:0;margin:0}.cb-rule-thick{display:block;height:3px;width:100%;background:var(--cb-text-strong);border:0;margin:0}.cb-caret-tl,.cb-caret-tr,.cb-caret-bl,.cb-caret-br{position:absolute;width:12px;height:12px;border-color:var(--cb-text-strong);border-style:solid;border-width:0;pointer-events:none}.cb-caret-tl{top:-1px;left:-1px;border-top-width:2px;border-left-width:2px}.cb-caret-tr{top:-1px;right:-1px;border-top-width:2px;border-right-width:2px}.cb-caret-bl{bottom:-1px;left:-1px;border-bottom-width:2px;border-left-width:2px}.cb-caret-br{bottom:-1px;right:-1px;border-bottom-width:2px;border-right-width:2px}@keyframes cb-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes cb-rise-soft{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes cb-trace{0%{stroke-dashoffset:var(--len, 100)}to{stroke-dashoffset:0}}@keyframes cb-blink{0%,60%{opacity:1}61%,to{opacity:0}}@keyframes cb-marquee-slow{0%{transform:translate(0)}to{transform:translate(-50%)}}.cb-rise{animation:cb-rise .7s cubic-bezier(.2,.7,.2,1) both}.cb-rise-soft{animation:cb-rise-soft .5s cubic-bezier(.2,.7,.2,1) both}.cb-stagger>*{opacity:0;animation:cb-rise .72s cubic-bezier(.2,.7,.2,1) forwards}.cb-stagger>*:nth-child(1){animation-delay:60ms}.cb-stagger>*:nth-child(2){animation-delay:.16s}.cb-stagger>*:nth-child(3){animation-delay:.26s}.cb-stagger>*:nth-child(4){animation-delay:.36s}.cb-stagger>*:nth-child(5){animation-delay:.46s}.cb-stagger>*:nth-child(6){animation-delay:.56s}.cb-stagger>*:nth-child(7){animation-delay:.66s}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.cb-display{font-family:var(--cb-font-display);font-weight:700;letter-spacing:-.035em;font-variation-settings:"opsz" 96,"wdth" 95,"wght" 700}.cb-display-italic{font-family:var(--cb-font-display);font-style:italic;font-weight:700;letter-spacing:-.025em;font-variation-settings:"opsz" 96,"wdth" 95,"wght" 700}.cb-mono{font-family:var(--cb-font-mono);font-feature-settings:"zero" on,"ss01" on;font-weight:500}.cb-eyebrow{font-family:var(--cb-font-mono);font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--cb-text-muted);font-weight:600}.cb-link{position:relative;color:var(--cb-text-strong);text-decoration:none;transition:color .2s ease}.cb-link:after{content:"";position:absolute;left:0;bottom:-2px;height:2px;width:100%;background:currentColor;transform-origin:left;transform:scaleX(0);transition:transform .32s cubic-bezier(.2,.7,.2,1)}.cb-link:hover:after{transform:scaleX(1)}.cb-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:0;font-family:var(--cb-font-body);font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:transform .14s ease,box-shadow .18s ease,background .14s ease,color .14s ease;border:2px solid var(--cb-text-strong)}.cb-btn-primary{background:transparent;color:var(--cb-text-strong);box-shadow:6px 6px 0 0 var(--cb-text-strong)}.cb-btn-primary:hover{background:var(--cb-text-strong);color:var(--cb-bg);transform:translate(-2px,-2px);box-shadow:8px 8px 0 0 var(--cb-text-strong)}.cb-btn-primary:active{transform:translate(4px,4px);box-shadow:0 0 0 0 var(--cb-text-strong)}.cb-btn-ghost{background:var(--cb-bg);color:var(--cb-text-strong);box-shadow:6px 6px 0 0 var(--cb-text-strong)}.cb-btn-ghost:hover{background:var(--cb-text-strong);color:var(--cb-bg);transform:translate(-2px,-2px);box-shadow:8px 8px 0 0 var(--cb-text-strong)}.cb-btn-ghost:active{transform:translate(4px,4px);box-shadow:0 0 0 0 var(--cb-text-strong)}