.drm-info-container{background:linear-gradient(135deg,#f5f7fa 0%,#e4e8ec 100%);min-height:100vh;padding:30px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.back-button{color:#fff;cursor:pointer;background:#4a5568;border:none;border-radius:8px;outline:none;margin-bottom:20px;padding:10px 20px;font-size:14px;font-weight:500;transition:background-color .2s}.back-button:hover{background:#2d3748}.back-button:focus{outline-offset:2px;background:#2d3748;outline:4px solid #4299e1}.info-card{background:#fff;border-radius:12px;margin-bottom:20px;overflow:hidden;box-shadow:0 2px 8px #00000014}.card-header{border-bottom:1px solid #edf2f7;align-items:center;gap:12px;padding:20px 24px;display:flex}.card-icon{font-size:24px}.card-header h2{color:#1a202c;margin:0;font-size:20px;font-weight:600}.card-content{padding:20px 24px}.system-info-card{border-left:4px solid #4299e1}.system-info-grid{grid-template-columns:repeat(3,1fr);gap:24px;padding:20px 24px;display:grid}.system-info-item{flex-direction:column;gap:4px;display:flex}.info-label{color:#718096;font-size:13px;font-weight:500}.info-value{color:#1a202c;font-size:16px;font-weight:600}.info-value.bold{font-weight:700}.drm-cards-container{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px;display:grid}@media (min-width:1025px){.drm-cards-container{grid-template-columns:repeat(3,1fr)!important}}.drm-card{min-height:200px}.drm-card .card-header{border-bottom:none;padding-bottom:10px}.widevine-icon{color:#48bb78}.playready-icon,.fairplay-icon{color:#ed8936}.status-badge{border-radius:20px;padding:4px 12px;font-size:13px;font-weight:600;display:inline-block}.status-supported{color:#22543d;background-color:#c6f6d5}.status-not-supported{color:#c53030;background-color:#fed7d7}.status-checking{color:#4a5568;background-color:#e2e8f0}.drm-status-row{align-items:center;gap:8px;margin-bottom:16px;display:flex}.status-label{color:#4a5568;font-size:14px;font-weight:500}.drm-info-row{align-items:center;gap:8px;margin-bottom:16px;display:flex}.drm-info-section{margin-bottom:16px}.section-label{color:#718096;margin-bottom:8px;font-size:13px;font-weight:500;display:block}.tag-list{flex-wrap:wrap;gap:8px;display:flex}.tag{border:1px solid #0000;border-radius:6px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-block}.tag-default{color:#4a5568;background-color:#e2e8f0}.tag-blue{color:#2b6cb0;background-color:#ebf8ff;border-color:#bee3f8}.tag-green{color:#276749;background-color:#f0fff4;border-color:#c6f6d5}.tag-purple{color:#6b46c1;background-color:#faf5ff;border-color:#e9d8fd}.external-link-section{text-align:center;margin-top:30px;padding:20px}.external-link{color:#4299e1;background:#fff;border:2px solid #4299e1;border-radius:8px;outline:none;padding:12px 24px;font-size:16px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.external-link:hover{color:#fff;background:#4299e1;transform:translateY(-2px);box-shadow:0 4px 12px #4299e14d}.external-link:focus{outline-offset:2px;color:#fff;background:#4299e1;outline:4px solid #4299e1;transform:translateY(-2px);box-shadow:0 4px 12px #4299e14d}.loading-overlay{z-index:100;background:#ffffffe6;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loading-spinner{border:3px solid #e2e8f0;border-top-color:#4299e1;border-radius:50%;width:40px;height:40px;margin-bottom:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay p{color:#4a5568;font-size:14px;font-weight:500}@media (max-width:900px){.drm-cards-container{grid-template-columns:1fr!important}.system-info-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.drm-info-container{padding:16px}.system-info-grid{grid-template-columns:1fr}.card-header,.card-content{padding:16px}}