.learning-media-host{display:grid;gap:10px;margin-top:14px}.learning-media-item{display:grid;gap:7px;border:1px solid var(--line);border-radius:14px;background:var(--bg);padding:10px;overflow:hidden}.learning-media-item video,.learning-media-item img{display:block;width:100%;max-height:520px;border-radius:10px;background:#0a1420;object-fit:contain}.learning-media-item audio{width:100%}.learning-media-item small{color:var(--muted);font-size:10px;font-weight:700}.learning-media-link{display:flex;align-items:center;justify-content:center;min-height:74px;border-radius:10px;background:#fff;border:1px solid var(--line);color:var(--navy);font-weight:900;text-decoration:none}.learning-media-unavailable{color:var(--muted);font-size:12px;padding:12px}
.learning-wallet{padding:24px 0 10px}.learning-wallet[hidden]{display:none!important}.learning-wallet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}.learning-wallet-head h2{margin:5px 0 5px;color:var(--navy);font-size:24px}.learning-wallet-head p{margin:0;color:var(--muted);font-size:13px}.learning-wallet-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.learning-wallet-card{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:15px;box-shadow:0 5px 18px rgba(11,61,119,.04)}.learning-wallet-card>div{min-width:0}.learning-wallet-card strong,.learning-wallet-card small,.learning-wallet-card code{display:block}.learning-wallet-card>div>strong{margin-top:7px;color:var(--navy);font-size:14px}.learning-wallet-card small{margin-top:4px;color:var(--muted);font-size:10px;line-height:1.45}.learning-wallet-card code{margin-top:8px;width:max-content;max-width:100%;overflow:hidden;text-overflow:ellipsis;padding:4px 7px;border-radius:7px;background:var(--bg);color:var(--ink);font-size:10px}.learning-wallet-card>button,.learning-verifier>button,.learning-verifier-result button{border:0;border-radius:10px;background:var(--navy);color:#fff;padding:9px 12px;font-weight:900;cursor:pointer;white-space:nowrap}.learning-wallet-status{display:inline-flex;border-radius:999px;padding:4px 8px;font-size:9px;font-weight:950}.learning-wallet-status.is-valid{background:#eaf7f0;color:#1a6b45}.learning-wallet-status.is-expired{background:#fff4cc;color:#7a5b00}.learning-wallet-status.is-revoked{background:#fce8e6;color:#9a2a20}.learning-wallet-empty{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;color:var(--muted);font-size:12px}.learning-verifier{margin-top:14px;display:grid;grid-template-columns:minmax(180px,1fr) minmax(220px,.8fr) auto;align-items:end;gap:10px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:15px}.learning-verifier>div>strong,.learning-verifier>div>span{display:block}.learning-verifier>div>strong{color:var(--navy);font-size:14px}.learning-verifier>div>span{margin-top:4px;color:var(--muted);font-size:10px}.learning-verifier label{display:grid;gap:5px;color:var(--muted);font-size:10px;font-weight:800}.learning-verifier input{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px;color:var(--ink);background:#fff}.learning-verifier-result{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:0}.learning-verifier-result:empty{display:none}.learning-verifier-result strong,.learning-verifier-result span{display:block}.learning-verifier-result strong{color:var(--ink);font-size:12px}.learning-verifier-result span{margin-top:3px;color:var(--muted);font-size:10px}.learning-media-upload-field small{display:block;color:var(--muted);font-size:9px;line-height:1.4}.learning-media-upload-field input[type=file]{width:100%;border:1px dashed var(--line);border-radius:10px;padding:10px;background:var(--bg);color:var(--ink)}.learning-media-upload-state{display:block;min-height:14px;color:var(--blue);font-style:normal;font-size:10px;font-weight:800}
@media(max-width:800px){.learning-wallet-grid{grid-template-columns:1fr}.learning-verifier{grid-template-columns:1fr}.learning-wallet-card{align-items:flex-start}.learning-wallet-card>button{flex:0 0 auto}}@media(max-width:520px){.learning-wallet-card{flex-direction:column}.learning-wallet-card>button{width:100%}.learning-verifier-result{align-items:flex-start;flex-direction:column}.learning-verifier-result button{width:100%}}