.training-library[data-of-library="true"]{display:block;margin:0 0 1rem;padding:clamp(.85rem,2.2vw,1.25rem);border:1px solid rgba(255,255,255,.1);border-radius:1rem;background:linear-gradient(145deg,rgba(11,23,29,.98),rgba(6,13,18,.99));box-shadow:0 18px 55px rgba(0,0,0,.18)}
.of-library-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.of-library-heading>div{max-width:52rem}.of-library-heading h2{margin:.24rem 0 .38rem;color:#f3eee4;font-size:clamp(1.35rem,2.5vw,2rem);line-height:1.08}.of-library-heading p{margin:0;color:#83959d;font-size:.76rem;line-height:1.55}.of-library-count{flex:0 0 auto;padding:.42rem .62rem;border:1px solid rgba(47,224,154,.25);border-radius:999px;background:rgba(47,224,154,.08);color:#9ff6d2;font-size:.62rem;font-weight:900}
.of-library-controls{display:grid;grid-template-columns:minmax(13rem,1.1fr) minmax(18rem,1.45fr) auto;gap:.7rem;align-items:end;padding:.8rem;border:1px solid rgba(255,255,255,.075);border-radius:.8rem;background:#081217}.of-library-search-wrap label,.of-library-filter-group legend,.of-library-secondary-controls label>span{display:block;margin:0 0 .34rem;color:#7f929a;font-size:.56rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.of-library-search-wrap>div{position:relative}.of-library-search-wrap input{width:100%;min-height:2.8rem;padding:.7rem 2.5rem .7rem .78rem;border:1px solid rgba(255,255,255,.12);border-radius:.62rem;background:#050d11;color:#eef2ee;font:inherit;font-size:.78rem}.of-library-search-wrap input::placeholder{color:#61757d}.of-library-search-wrap button{position:absolute;right:.35rem;top:50%;width:2.1rem;height:2.1rem;transform:translateY(-50%);border:0;border-radius:.48rem;background:transparent;color:#a8b7bd;font-size:1.15rem;cursor:pointer}.of-library-filter-group{min-width:0;margin:0;padding:0;border:0}.of-library-filter-group>div{display:flex;gap:.38rem;overflow-x:auto;padding:.06rem .05rem .12rem;scrollbar-width:thin}.of-library-filter-group button,.of-library-secondary-controls>button{min-height:2.8rem;padding:.65rem .8rem;border:1px solid rgba(255,255,255,.1);border-radius:.62rem;background:#0c181e;color:#a7b5bb;font-size:.69rem;font-weight:850;white-space:nowrap;cursor:pointer}.of-library-filter-group button.active,.of-library-secondary-controls>button.active{border-color:rgba(47,224,154,.45);background:rgba(47,224,154,.12);color:#a9f5d7}.of-library-secondary-controls{display:flex;gap:.45rem;align-items:end}.of-library-secondary-controls label{min-width:9.8rem}.of-library-secondary-controls select{width:100%;min-height:2.8rem;padding:.65rem 2rem .65rem .7rem;border:1px solid rgba(255,255,255,.1);border-radius:.62rem;background:#0c181e;color:#e6eeea;font:inherit;font-size:.69rem;font-weight:800}
.of-library-active-filters{display:flex;align-items:center;flex-wrap:wrap;gap:.38rem;min-height:2.3rem;padding:.55rem .1rem}.of-library-filter-neutral{color:#6f838b;font-size:.62rem}.of-library-chip{padding:.34rem .52rem;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:#0a151a;color:#9aabb2;font-size:.59rem;font-weight:800}.of-library-clear-all{min-height:2rem;padding:.3rem .48rem;border:0;background:transparent;color:#2fe09a;font-size:.61rem;font-weight:900;cursor:pointer}
.of-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.62rem}.of-library-card{display:flex;flex-direction:column;min-width:0;padding:.82rem;border:1px solid rgba(255,255,255,.08);border-radius:.82rem;background:#081217}.of-library-card.active{border-color:rgba(47,224,154,.45);box-shadow:inset 0 0 0 1px rgba(47,224,154,.08)}.of-library-card-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.58rem;align-items:start}.of-library-icon{display:grid;place-items:center;width:2.45rem;height:2.45rem;border:1px solid rgba(47,224,154,.2);border-radius:.62rem;background:rgba(47,224,154,.07);color:#77edbd;font-size:.67rem;font-weight:950}.of-library-category{display:block;color:#2fe09a;font-size:.52rem;font-weight:950;letter-spacing:.09em;text-transform:uppercase}.of-library-card h3{margin:.18rem 0 0;color:#eef2ee;font-size:.9rem;line-height:1.15;overflow-wrap:anywhere}.of-library-status{padding:.28rem .4rem;border:1px solid rgba(255,255,255,.09);border-radius:999px;color:#84969e;font-size:.51rem;font-weight:900;white-space:nowrap}.of-library-card>p{margin:.65rem 0;color:#82949c;font-size:.65rem;line-height:1.48}.of-library-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;margin-top:auto}.of-library-meta span,.of-library-activity span{min-width:0;padding:.48rem;border:1px solid rgba(255,255,255,.06);border-radius:.55rem;background:#061015}.of-library-meta small,.of-library-activity small{display:block;color:#657a83;font-size:.48rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.of-library-meta strong,.of-library-activity strong{display:block;margin-top:.17rem;color:#dce6e1;font-size:.61rem;line-height:1.25;overflow-wrap:anywhere}.of-library-activity{display:grid;grid-template-columns:1fr 1.2fr;gap:.35rem;margin:.35rem 0 .58rem}.of-library-start{width:100%;min-height:2.75rem;margin-top:auto}.of-library-start:disabled{opacity:.5;cursor:not-allowed}.of-library-empty{grid-column:1/-1;display:grid;justify-items:center;padding:2rem 1rem;border:1px dashed rgba(255,255,255,.13);border-radius:.8rem;text-align:center}.of-library-empty>span{color:#2fe09a;font-size:1.8rem}.of-library-empty h3{margin:.45rem 0 .2rem;color:#eef2ee}.of-library-empty p{margin:0 0 .9rem;color:#82949c;font-size:.72rem}.of-library-empty button{min-height:2.8rem}
.training-library[data-of-library="true"] button:focus-visible,.training-library[data-of-library="true"] input:focus-visible,.training-library[data-of-library="true"] select:focus-visible{outline:3px solid #f6d365;outline-offset:3px}
@media(max-width:1020px){.of-library-controls{grid-template-columns:1fr 1fr}.of-library-secondary-controls{grid-column:1/-1}.of-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.of-library-heading{display:grid}.of-library-count{justify-self:start}.of-library-controls{grid-template-columns:1fr}.of-library-secondary-controls{grid-column:auto;display:grid;grid-template-columns:auto minmax(0,1fr)}.of-library-grid{grid-template-columns:1fr}.of-library-card{padding:.75rem}.of-library-card>p{font-size:.64rem}}
@media(max-width:380px){.training-library[data-of-library="true"]{padding:.72rem}.of-library-controls{padding:.65rem}.of-library-secondary-controls{grid-template-columns:1fr}.of-library-secondary-controls label{min-width:0}.of-library-meta{grid-template-columns:1fr 1fr}.of-library-meta span:last-child{grid-column:1/-1}.of-library-card-head{grid-template-columns:auto minmax(0,1fr)}.of-library-status{grid-column:1/-1;justify-self:start}}
@media(forced-colors:active){.training-library[data-of-library="true"],.of-library-controls,.of-library-card,.of-library-meta span,.of-library-activity span{border:1px solid CanvasText}.of-library-filter-group button.active,.of-library-secondary-controls>button.active{outline:2px solid Highlight}}
@media(prefers-reduced-motion:reduce){.training-library[data-of-library="true"] *{scroll-behavior:auto!important}}