.gpc-lab{--gpc-accent:var(--color-accent,#6c5ce7);--gpc-ok:#1f8b4c}.gpc-tabs{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.gpc-tab{border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);cursor:pointer;border-radius:999px;min-height:44px;padding:10px 18px;font-weight:600}.gpc-tab[aria-selected=true]{background:var(--ws-btn-gradient,var(--gpc-accent));color:#fff;border-color:#0000}.gpc-panel{background:var(--color-bg);border:1px solid var(--color-border);border-radius:18px;padding:24px;box-shadow:0 6px 24px #0000000f}.gpc-muted{color:var(--color-text-secondary)}.gpc-step{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:6px;font-family:JetBrains Mono,ui-monospace,Menlo,monospace;font-size:12.5px}.gpc-link{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:0;padding:8px 0;font-weight:500}.gpc-link:hover{color:var(--color-text)}.gpc-road{width:100%;height:auto;margin:4px 0 10px;display:block}.gpc-asphalt{fill:none;stroke:#232a33;stroke-width:22px;stroke-linecap:round}.gpc-lane{fill:none;stroke:#fbbf24;stroke-width:2px;stroke-dasharray:10 10}.gpc-stop circle{fill:var(--color-bg);stroke:var(--color-border);stroke-width:2px}.gpc-stop text{fill:var(--color-text);font:700 13px JetBrains Mono,ui-monospace,monospace}.gpc-stop .gpc-stop-label{fill:var(--color-text-muted);font:500 13px Poppins,system-ui,sans-serif}.gpc-stop.is-on circle{fill:var(--gpc-accent);stroke:var(--gpc-accent)}.gpc-stop.is-on text:first-of-type,.gpc-stop.is-done text:first-of-type{fill:#fff}.gpc-stop.is-on .gpc-stop-label{fill:var(--color-text);font-weight:600}.gpc-stop.is-done circle{fill:var(--gpc-ok);stroke:var(--gpc-ok)}.gpc-van{transition:transform .7s cubic-bezier(.4,.2,.2,1)}.gpc-van-body{fill:var(--gpc-accent)}.gpc-wheel{fill:#111;stroke:#666;stroke-width:2px}@media (max-width:640px){.gpc-stop .gpc-stop-label{display:none}}@media (prefers-reduced-motion:reduce){.gpc-van{transition:none}}.gpc-choices{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;display:grid}.gpc-choice{text-align:left;background:var(--color-bg-tint);border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;border-radius:12px;min-height:64px;padding:14px 16px;font-weight:600}.gpc-choice small{color:var(--color-text-muted);margin-top:2px;font-weight:400;display:block}.gpc-choice:hover,.gpc-choice:focus-visible{border-color:var(--gpc-accent);box-shadow:0 0 0 3px rgba(var(--color-accent-rgb,108,92,231),.25);outline:none}.gpc-choice[aria-pressed=true]{border-color:var(--gpc-accent)}.gpc-tier-meter{gap:6px;max-width:320px;margin:0 0 16px;display:flex}.gpc-tier-meter span{background:var(--color-border);border-radius:4px;flex:1;height:8px}.gpc-tier-meter span.on{background:var(--ws-btn-gradient,var(--gpc-accent))}.gpc-spec{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin:0;display:grid}.gpc-spec div{background:var(--color-bg-tint);border:1px solid var(--color-border);border-radius:12px;padding:12px 14px}.gpc-spec dt{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);font-size:12px}.gpc-spec dd{margin:4px 0 0;font-weight:500}.gpc-field{color:var(--color-text-secondary);gap:6px;margin:0 0 12px;font-weight:500;display:grid}.gpc-field input,.gpc-field select{background:var(--color-bg-tint);color:var(--color-text);border:1px solid var(--color-border);border-radius:10px;padding:10px 12px;font-size:16px}.gpc-stack{background:var(--color-border);border-radius:6px;height:22px;margin-bottom:10px;display:flex;overflow:hidden}.gpc-seg{transition:flex-grow .4s}.gpc-seg-w{background:#6c5ce7}.gpc-seg-k{background:#0891b2}.gpc-seg-o{background:#ca8a04}.gpc-legend{color:var(--color-text-secondary);flex-wrap:wrap;gap:6px 18px;padding:0;font-size:14px;list-style:none;display:flex}.gpc-legend i{border-radius:2px;width:10px;height:10px;margin-right:6px;display:inline-block}.gpc-progress{background:var(--color-border);border-radius:4px;height:8px;margin:0 0 14px;overflow:hidden}.gpc-progress span{background:var(--gpc-ok);height:100%;transition:width .4s;display:block}.gpc-dial{--v:0;background:conic-gradient(var(--gpc-ok)calc(var(--v)*1%),var(--color-border)0);border-radius:50%;place-items:center;width:110px;height:110px;display:grid}.gpc-dial span{background:var(--color-bg);border-radius:50%;place-items:center;width:84px;height:84px;font:800 24px Sora,Poppins,sans-serif;display:grid}.gpc-bars{gap:8px;max-width:560px;margin:0 0 14px;padding:0;list-style:none;display:grid}.gpc-bars li{grid-template-columns:130px 1fr 48px;align-items:center;gap:10px;font-size:14px;display:grid}.gpc-bars i{background:var(--color-border);border-radius:5px;height:10px;overflow:hidden}.gpc-bars b{background:var(--ws-btn-gradient,var(--gpc-accent));height:100%;display:block}.gpc-bars em{text-align:right;font-style:normal;font-weight:600}.gpc-lprog{color:var(--color-text-muted);flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:8px;font-size:14px;display:flex}.gpc-lprog .gpc-progress{flex:1;min-width:160px;max-width:320px;margin:0}.gpc-lesson{border:1px solid var(--color-border);background:var(--color-bg);border-radius:12px;margin-bottom:10px}.gpc-lesson summary{cursor:pointer;align-items:center;gap:14px;padding:14px 16px;list-style:none;display:flex}.gpc-lesson summary::-webkit-details-marker{display:none}.gpc-ln{color:var(--gpc-accent);font:700 13px JetBrains Mono,ui-monospace,monospace}.gpc-lt{flex:1;font-weight:600}.gpc-lm{color:var(--color-text-muted);font-size:12px}.gpc-ld{border:2px solid var(--color-border);border-radius:50%;flex:none;width:22px;height:22px;position:relative}.gpc-lesson.is-done .gpc-ld{background:var(--gpc-ok);border-color:var(--gpc-ok)}.gpc-lesson.is-done .gpc-ld:after{content:"✓";color:#fff;place-items:center;font-size:12px;display:grid;position:absolute;inset:0}.gpc-lb{color:var(--color-text-secondary);padding:0 16px 16px 50px}@media (max-width:600px){.gpc-lb{padding-left:16px}}.gpc-check{background:var(--color-bg-tint);border:1px solid var(--color-border);color:var(--color-text);border-radius:10px;padding:14px}.gpc-opt{border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;background:0 0;border-radius:8px;min-height:44px;padding:9px 14px}.gpc-opt.is-right{border-color:var(--gpc-ok);background:#1f8b4c24}.gpc-opt.is-wrong{opacity:.8;border-color:#dc3545}
