/* PATCH99 Learning Experience 2.0 */
:root{--cl99-gold:#ffc107;--cl99-text:#f7f8fb;--cl99-muted:rgba(235,239,247,.72);--cl99-border:rgba(255,255,255,.12);--cl99-panel:rgba(255,255,255,.04)}
.cl99-shell{width:min(1120px,calc(100% - 32px));margin:24px auto;padding:20px;border:1px solid rgba(255,193,7,.24);border-radius:22px;background:radial-gradient(circle at 100% 0,rgba(255,193,7,.10),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.025));box-shadow:0 22px 64px rgba(0,0,0,.24)}
.cl99-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.cl99-title{display:flex;align-items:center;gap:10px;color:#fff;font-weight:950;font-size:1.08rem}.cl99-sub{margin-top:4px;color:var(--cl99-muted);line-height:1.5}.cl99-level{flex:0 0 auto;padding:8px 11px;border-radius:999px;border:1px solid rgba(255,193,7,.28);background:rgba(255,193,7,.08);color:#ffe28a;font-weight:900}
.cl99-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:14px}.cl99-card{padding:15px;border:1px solid var(--cl99-border);border-radius:16px;background:var(--cl99-panel)}.cl99-card h3{margin:0 0 10px;color:#fff;font-size:1rem}.cl99-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 0;color:var(--cl99-muted)}.cl99-row b{color:#fff}
.cl99-bar{height:8px;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden}.cl99-bar i{display:block;height:100%;width:var(--cl99-progress,0%);background:linear-gradient(90deg,#b77900,#ffc107,#ffe082);border-radius:inherit}.cl99-stars{color:#ffc107;letter-spacing:1px;white-space:nowrap}
.cl99-goals{display:grid;gap:8px}.cl99-goal{display:flex;align-items:center;gap:9px;color:var(--cl99-muted)}.cl99-goal i{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(255,255,255,.15);font-style:normal;font-size:.75rem}.cl99-goal.is-done{color:#fff}.cl99-goal.is-done i{background:#ffc107;color:#111;border-color:#ffc107}
.cl99-badges{display:flex;flex-wrap:wrap;gap:8px}.cl99-badge{padding:7px 9px;border-radius:999px;border:1px solid rgba(255,193,7,.20);background:rgba(255,193,7,.055);color:#ffe28a;font-size:.82rem;font-weight:800}
.cl99-next{margin-top:14px;padding:14px;border:1px solid rgba(255,255,255,.09);border-radius:15px;background:rgba(255,255,255,.025)}.cl99-next h3{margin:0 0 10px;color:#fff}.cl99-next-links{display:flex;flex-wrap:wrap;gap:9px}.cl99-next-links a{display:inline-flex;align-items:center;padding:9px 11px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.035);color:#f5f7fb;text-decoration:none;font-weight:800}.cl99-next-links a:hover{border-color:rgba(255,193,7,.42);color:#ffe082}.cl99-memory{margin-top:14px;color:var(--cl99-muted);font-size:.91rem;line-height:1.55}
.cl99-dashboard-page{width:min(1120px,calc(100% - 32px));margin:28px auto 60px}.cl99-dashboard-page h1{color:#fff}.cl99-dashboard-page .cl99-shell{width:100%;margin:18px 0}
@media(max-width:900px){.cl99-grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.cl99-grid{grid-template-columns:1fr}.cl99-head{flex-direction:column}.cl99-shell{padding:16px;width:calc(100% - 24px)}}