.training-card{z-index:62;background:var(--white);border:1px solid var(--line);border-radius:14px;width:min(360px,100vw - 32px);padding:16px 18px 14px;animation:.22s ease-out training-in;position:fixed;bottom:24px;right:24px;box-shadow:0 18px 48px #10302633,0 2px 6px #1030261a}.training-card.top{top:24px;bottom:auto}.training-card header{justify-content:space-between;align-items:center;gap:8px;display:flex}.training-card header .icon-btn{flex:none;width:28px;height:28px}.training-card header .icon-btn svg{width:15px;height:15px}.training-badge{letter-spacing:.4px;color:var(--green-text);background:var(--mint);border-radius:20px;align-items:center;gap:6px;padding:4px 10px 4px 8px;font-size:10px;font-weight:700;display:inline-flex}.training-badge svg{width:14px;height:14px}.training-card h2{color:var(--ink);margin:12px 0 6px;font:700 16px DM Sans}.training-card p{color:#4a5b54;margin:0;font-size:12px;line-height:1.55}.training-card footer,.training-hero footer{align-items:center;gap:8px;margin-top:16px;display:flex}.training-card footer .primary,.training-card footer .outline{width:auto;margin:0;padding:8px 14px;font-size:11px}.training-progress{gap:4px;margin-right:auto;display:flex}.training-progress i{background:var(--line);border-radius:6px;width:6px;height:6px;transition:width .15s,background .15s}.training-progress i.done{background:var(--mint-strong)}.training-progress i.on{background:var(--green);width:16px}.training-skip{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:8px 4px;font-size:11px;font-weight:600}.training-skip:hover{color:var(--ink)}.training-hint{border-top:1px solid var(--line);color:var(--muted);margin-top:12px;padding-top:10px;font-size:10px;display:block}.training-hint a{color:var(--green-text);font-weight:600}.training-scrim{z-index:61;pointer-events:none;width:100vw;height:100vh;animation:.25s ease-out training-fade;position:fixed;inset:0}.training-scrim path{fill:#0c211b;fill-opacity:.52;pointer-events:auto}.training-ring{fill:none;stroke:var(--mint-strong);stroke-width:2px;animation:1.6s ease-in-out infinite training-pulse}.training-stage{z-index:62;background:radial-gradient(60% 70% at 85% 100%,color-mix(in srgb,var(--green-soft) 45%,transparent),transparent 70%),radial-gradient(45% 55% at 55% 105%,color-mix(in srgb,var(--mint-strong) 80%,transparent),transparent 70%),radial-gradient(40% 50% at 100% 60%,color-mix(in srgb,var(--green) 22%,transparent),transparent 70%),color-mix(in srgb,var(--white) 78%,transparent);-webkit-backdrop-filter:blur(6px)saturate(.8);place-items:center;padding:24px 16px;animation:.3s ease-out training-fade;display:grid;position:fixed;inset:0}.training-hero{width:min(560px,100%);animation:.35s ease-out training-in}.training-hero h2{letter-spacing:-.8px;color:var(--ink);margin:18px 0 14px;font:700 clamp(30px,4.4vw,46px)/1.12 Manrope}.training-hero p{color:#3f514a;max-width:52ch;margin:0;font-size:clamp(15px,1.6vw,18px);line-height:1.6}.training-hero footer{margin-top:28px}.training-hero footer .primary,.training-hero footer .outline{background-clip:padding-box;width:auto;margin:0;padding:11px 20px;font-size:13px}.training-hero footer .outline{background:var(--white)}.training-hero .training-hint{border-top-color:color-mix(in srgb,var(--ink) 10%,transparent);margin-top:22px}@keyframes training-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes training-fade{0%{opacity:0}}@keyframes training-pulse{50%{stroke:var(--green)}}@media (max-width:640px){.training-card{width:auto;bottom:16px;left:16px;right:16px}.training-card.top{top:16px}.training-stage{padding:24px 20px calc(32px + env(safe-area-inset-bottom));background-color:color-mix(in srgb,var(--white) 94%,transparent);place-items:end center;overflow-y:auto}.training-hero footer{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.training-card,.training-ring,.training-scrim,.training-stage,.training-hero{animation:none}}.training-summary{align-items:center;margin-top:14px}.training-summary .outline{align-items:center;gap:6px;font-size:11px;display:inline-flex}.training-summary .outline svg{width:13px;height:13px}.training-list{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:0 18px;margin:6px 0 0;padding:0;list-style:none;display:grid}.training-list li{border-top:1px solid var(--line);align-items:center;gap:8px;padding:9px 0;font-size:12px;display:flex}.training-list svg{color:#b8c5bf;flex:none;width:15px;height:15px}.training-list li.done svg{color:var(--green)}.training-list a{color:var(--ink);flex:1;min-width:0;font-weight:600;text-decoration:none}.training-list a:hover{color:var(--green-text)}.training-list small{color:var(--muted);font-size:10px}