.bg-app-page{margin:0!important;background:var(--bg-cream)}
.bg-svg-icon{width:22px;height:22px;display:block;flex-shrink:0}
.bg-nav button span{display:grid;place-items:center}
.bg-app h1,.bg-app h2,.bg-app h3{color:var(--bg-ink);font-family:inherit;font-weight:800;padding:0}
.bg-app button{line-height:1.4}
.bg-app button:focus-visible{outline:3px solid var(--bg-yellow);outline-offset:3px}
.bg-button:disabled{opacity:.65;cursor:not-allowed}
.bg-dialog legend{font-weight:800}
.bg-toast{max-width:min(460px,calc(100vw - 32px))}
.bg-phase strong{display:block}
.bg-topbar{flex-shrink:0}
.bg-brand{min-height:73px;flex-shrink:0}
.bg-year{overflow-x:auto;margin:20px 0}.bg-year-head,.bg-year-row{display:grid;grid-template-columns:180px minmax(420px,1fr);gap:12px;align-items:center;min-width:630px;margin-bottom:12px}.bg-year-head>div{display:grid;grid-template-columns:repeat(12,1fr);font-size:11px;color:var(--bg-muted)}.bg-year-row>strong{font-size:12px;line-height:1.4}.bg-year-track{position:relative;height:28px;border-radius:6px;background:repeating-linear-gradient(90deg,#e3e0d8 0,#e3e0d8 1px,transparent 1px,transparent 8.333%)}.bg-year-bar{position:absolute;top:5px;height:18px;border-radius:5px;background:var(--bg-green)}.bg-card details{margin-top:10px}.bg-card summary{cursor:pointer;color:var(--bg-green);font-weight:700}
.bg-main{height:100vh}
.bg-sidebar>.bg-credit{padding:16px 6px 0;font-size:11px;line-height:1.7;color:var(--bg-muted);flex-shrink:0}.bg-login-required>.bg-credit{margin-top:24px;font-size:12px;color:var(--bg-muted)}
.bg-card:has(>.bg-member-initial){position:relative;display:flex;flex-direction:column;align-items:flex-start}
.bg-card>.bg-member-initial{position:absolute;top:22px;right:22px;float:none}
.bg-card:has(>.bg-member-initial)>h3{padding-right:60px;min-height:48px;width:100%}
.bg-card:has(>.bg-member-initial)>p{max-width:100%;overflow-wrap:anywhere}
.bg-card:has(>.bg-member-initial)>.bg-chip{margin-top:auto}
.bg-card:has(>.bg-member-initial)>p:last-child{margin:20px 0 0}
.bg-training-list .bg-row{grid-template-columns:42px minmax(0,1fr) auto;margin-bottom:12px}.bg-training-list .bg-row-main{text-align:left}@media(max-width:700px){.bg-training-list .bg-row{grid-template-columns:42px minmax(0,1fr)}.bg-training-list .bg-row>.bg-button{grid-column:2;margin-left:0}}
.bg-training-intro{border-left:6px solid var(--bg-green);margin-bottom:24px}.bg-training-intro progress{width:100%;height:14px;accent-color:var(--bg-green)}.bg-training-list h3,.bg-training-list p{margin:0 0 8px}.bg-step-number{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--bg-yellow);font-weight:800;flex-shrink:0}.bg-step-number.is-done{background:var(--bg-green);color:white}.bg-training-finish{padding-top:24px}.bg-practice-card{background:var(--bg-cream);border-left:4px solid var(--bg-green);padding:20px;margin:20px 0}.bg-practice-card dt{font-weight:700}.bg-practice-card dd{margin:0 0 10px}.bg-module-error{color:#a32626;font-weight:700}.bg-check{display:flex!important;gap:12px;align-items:flex-start}.bg-dialog .bg-check input{width:auto;margin-top:5px}.bg-member-initial{display:grid;place-items:center;float:right;background:var(--bg-yellow);width:48px;height:48px;border-radius:50%;font-weight:800}.bg-dialog input[readonly]{background:#eeece5;color:#555}.bg-confetti{position:fixed;inset:0;pointer-events:none;z-index:99999;overflow:hidden}.bg-confetti i{position:absolute;top:-20px;width:10px;height:16px;animation:bg-celebrate 3.8s ease-in forwards}@keyframes bg-celebrate{to{transform:translate(var(--drift),110vh) rotate(var(--spin))}}@media(max-width:640px){.bg-training-list .bg-row{flex-wrap:wrap}.bg-training-list .bg-row-main{min-width:calc(100% - 70px)}.bg-training-list .bg-button{margin-left:54px}.bg-training-finish .bg-button{margin-bottom:12px}}@media(prefers-reduced-motion:reduce){.bg-confetti{display:none}}