@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes progress-bar-stripes{0%{background-position:1rem 0}to{background-position:0 0}}.sonos-checker .hidden{display:none!important}.sonos-checker .mt-2{margin-top:.5rem}.sonos-checker .mt-3{margin-top:1rem}.sonos-checker .mt-4{margin-top:1.5rem}.sonos-checker .mb-0{margin-bottom:0}.sonos-checker .mb-1{margin-bottom:.25rem}.sonos-checker .mb-2{margin-bottom:.5rem}.sonos-checker .mb-3{margin-bottom:1rem}.sonos-checker .mb-4{margin-bottom:1.5rem}.sonos-checker .me-1{margin-right:.25rem}.sonos-checker .me-2{margin-right:.5rem}.sonos-checker .me-3{margin-right:1rem}.sonos-checker .ms-1{margin-left:.25rem}.sonos-checker .ms-2{margin-left:.5rem}.sonos-checker .ms-3{margin-left:1rem}.sonos-checker .p-2{padding:.5rem}.sonos-checker .p-3{padding:1rem}.sonos-checker .p-4{padding:1.5rem}.sonos-checker .pt-3{padding-top:1rem}.sonos-checker .ps-3{padding-left:1rem}.sonos-checker .d-flex{display:flex}.sonos-checker .d-block{display:block}.sonos-checker .justify-content-between{justify-content:space-between}.sonos-checker .justify-content-center{justify-content:center}.sonos-checker .align-items-center{align-items:center}.sonos-checker .align-items-start{align-items:flex-start}.sonos-checker .flex-shrink-0{flex-shrink:0}.sonos-checker .flex-grow-1{flex-grow:1}.sonos-checker .w-100{width:100%}.sonos-checker .text-muted{color:var(--text-3)!important}.sonos-checker .text-primary{color:var(--accent)!important}.sonos-checker .text-success{color:var(--dot-client)!important}.sonos-checker .text-danger{color:#f87171!important}.sonos-checker .text-warning{color:var(--accent)!important}.sonos-checker .text-info{color:var(--dot-server)!important}.sonos-checker .text-dark{color:var(--text)!important}.sonos-checker .text-center{text-align:center}.sonos-checker .text-start{text-align:start}.sonos-checker .text-break{word-break:break-word;overflow-wrap:break-word}.sonos-checker .fw-bold{font-weight:600}.sonos-checker .small,.sonos-checker small{font-size:.875rem}.sonos-checker .fs-4{font-size:1.5rem}.sonos-checker .border-top{border-top:1px solid var(--border-row)}.sonos-checker .border-danger{border-color:#f87171!important}.sonos-checker .border-warning{border-color:var(--accent)!important}.sonos-checker .border-2{border-width:2px!important}.sonos-checker .rounded{border-radius:.375rem}.sonos-checker #urlForm,.sonos-checker .card{background:var(--panel-solid);border:1px solid var(--border);border-radius:12px}.sonos-checker .card{overflow:hidden}.sonos-checker .card-header{padding:14px 18px;border-bottom:1px solid var(--border-row)}.sonos-checker .card-body{padding:14px 18px}.sonos-checker .badge{display:inline-block;padding:3px 8px;font-family:var(--font-mono);font-size:11px;font-weight:600;line-height:1.3;letter-spacing:.03em;border-radius:5px;white-space:nowrap;border:0;gap:0}.sonos-checker .bg-success{background:rgba(127,214,168,.15)!important;color:var(--dot-client)!important}.sonos-checker .bg-danger{background:rgba(224,82,82,.15)!important;color:#f87171!important}.sonos-checker .bg-warning{background:rgba(233,169,60,.15)!important;color:var(--accent)!important}.sonos-checker .bg-secondary{background:var(--active-bg)!important;color:var(--text-3)!important}.sonos-checker .bg-info{background:rgba(155,180,255,.15)!important;color:var(--dot-server)!important}.sonos-checker .bg-warning.bg-opacity-10{background:#282119!important}.sonos-checker .bg-danger.bg-opacity-10{background:var(--danger-bg)!important}.sonos-checker .bg-info.bg-opacity-10{background:#1e2028!important}.sonos-checker .bg-body-tertiary{background:var(--field)!important}.sonos-checker .alert{position:relative;padding:.75rem 1rem;border-radius:8px;font-size:.875rem}.sonos-checker .alert-danger{background:var(--danger-bg);border:1px solid var(--danger-border);color:var(--text-body)}.sonos-checker .alert-warning{background:#282119;border:1px solid #3a2f1d;color:var(--text-body)}.sonos-checker .alert-info{background:#1e2028;border:1px solid #262a38;color:var(--text-body)}.sonos-checker .table{width:100%;border-collapse:collapse;color:var(--text-2)}.sonos-checker .table td,.sonos-checker .table th{padding:.35rem .5rem;border-bottom:1px solid var(--border-row);vertical-align:top}.sonos-checker .table-sm td,.sonos-checker .table-sm th{padding:.25rem .4rem}.sonos-checker details summary{cursor:pointer;color:var(--text-2)}.sonos-checker code{font-family:var(--font-mono);font-size:.875em;color:var(--accent);word-break:break-all}.sonos-checker .alert .icon,.sonos-checker .card-body .icon,.sonos-checker .card-header .icon,.sonos-checker .certificate-details .icon,.sonos-checker .check-item .icon,.sonos-checker .cipher-details .icon{font-size:1.25em;vertical-align:text-bottom}.sonos-checker .sonos-icon-xs{font-size:.75rem}.sonos-checker h5,.sonos-checker h6{font-size:1.1rem;font-weight:600;color:var(--text)}.sonos-checker h6{font-size:.95rem}.sonos-checker #urlForm{padding:18px 20px;margin-bottom:28px}.sonos-form-row{display:flex;gap:.5rem;align-items:flex-end}.sonos-field{flex:1 1 auto;min-width:0}.sonos-field .input-wrapper{position:relative}.sonos-region{flex:0 0 220px;min-width:0}.sonos-form-row #checkButton{flex:0 0 auto;min-width:180px;white-space:nowrap}@media (max-width:640px){.sonos-form-row{flex-wrap:wrap}.sonos-field{flex:1 1 100%}.sonos-region{flex:1 1 180px}.sonos-form-row #checkButton{width:100%;min-width:auto;flex:1 1 100%}.app-icon{width:90px;height:90px}.ios-badge{width:32px;height:32px;font-size:19px}.sonos-checker .certificate-details,.sonos-checker .cipher-details{font-size:.7rem}}.sonos-checker .button-group{display:flex;gap:.5rem}.sonos-checker #checkButton{min-width:180px}.sonos-badges{margin:1.5rem 0;text-align:center}.sonos-badges-row{display:flex;justify-content:center;align-items:center;gap:1rem}.app-container{display:inline-block;position:relative;margin:0 20px;padding:10px}.app-icon{width:120px;height:120px;border-radius:26.67%;box-shadow:0 4px 16px rgba(0,0,0,.4);overflow:visible;position:relative;background:var(--panel-solid)}.app-icon img{width:100%;height:100%;object-fit:cover;border-radius:26.67%}.ios-badge{position:absolute;top:-8px;right:-8px;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:600;color:#fff;border:3px solid var(--panel-solid);box-shadow:0 2px 6px rgba(0,0,0,.3);z-index:10}.ios-badge-success{background:var(--dot-client)}.ios-badge-danger{background:#e05252}.app-label{text-align:center;margin-top:8px;font-weight:500;color:var(--text)}.sonos-error{margin-top:1rem;padding:.75rem 1rem;border-radius:8px;background:var(--danger-bg);border:1px solid var(--danger-border);color:var(--text-body);display:flex;align-items:center;gap:.5rem}.sonos-error .icon{color:#f87171}.sonos-checker .hop-card{background:var(--panel-solid);border:1px solid var(--border);border-radius:12px;overflow:hidden}.sonos-checker .final-hop{border-color:rgba(155,180,255,.3)}.sonos-checker .virtual-hop{border-color:rgba(233,169,60,.3);margin-top:1rem}.sonos-checker .check-item{margin:0-18px;padding:8px 18px;border-bottom:1px solid var(--border-row)}.sonos-checker .check-item:last-child{border-bottom:none}.sonos-checker .check-passed{color:var(--dot-client)}.sonos-checker .check-failed{color:#f87171}.sonos-checker .check-failed strong,.sonos-checker .check-passed strong{color:var(--text)}.sonos-checker .cipher-details{font-family:var(--font-mono);font-size:.85rem}.sonos-checker .certificate-details,.sonos-checker .cipher-details{background:var(--field);padding:.75rem;border-radius:8px;margin-top:.5rem;border:1px solid var(--border-row)}.sonos-checker .certificate-details small.text-muted{line-height:1.4}.sonos-checker .certificate-details small.text-muted .icon{vertical-align:baseline}.sonos-checker .certificate-details .alert,.sonos-checker .certificate-details .alert .icon{font-size:.875rem}.sonos-checker .certificate-details .badge{font-weight:400;vertical-align:middle}.sonos-checker .loading-spinner{display:none}.sonos-checker #progressStatus .icon{animation:pulse 1.5s ease-in-out infinite}.sonos-checker .progress{background:var(--field);border-radius:6px;overflow:hidden;height:25px;border:1px solid var(--border-row)}.sonos-checker .progress-bar{height:100%;background:var(--accent);transition:width .3s ease;font-weight:600;color:var(--on-accent);font-size:12px;display:flex;align-items:center;justify-content:center}.sonos-checker .progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}.sonos-checker .progress-bar-animated{animation:progress-bar-stripes 1s linear infinite}.sonos-checker #progressSection .card{border-color:rgba(233,169,60,.3)}.sonos-checker .url-display{word-break:break-all;font-family:var(--font-mono);font-size:13px;color:var(--text-3)}.sonos-checker .stream-info-card{background:var(--panel-solid);border:1px solid var(--border);border-radius:12px;overflow:hidden}.sonos-checker .stream-info-header{padding:14px 18px;border-bottom:1px solid var(--border-row)}.sonos-checker .stream-info-body{padding:18px}.sonos-checker .stream-stats-container{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}@media (max-width:767px){.sonos-checker .stream-stats-container .stream-stat{flex:0 0 calc(50% - 5px)}}@media (min-width:768px){.sonos-checker .stream-stats-container{flex-wrap:nowrap}.sonos-checker .stream-stats-container .stream-stat{flex:1 1 0;min-width:0}}.sonos-checker .stream-stat{text-align:center;padding:10px;border-radius:8px;background:var(--field);border:1px solid var(--border-row);min-height:80px;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:border-color var(--transition)}.sonos-checker .stream-stat:hover{border-color:var(--border-focus)}.sonos-checker .stream-stat-value{font-size:1.5rem;font-weight:600;font-family:var(--font-mono);color:var(--text);display:block}.sonos-checker .stream-stat-label{font-size:.8rem;color:var(--text-4);text-transform:uppercase;letter-spacing:.06em}.sonos-checker .metadata-unavailable-card{background:#282119;border:1px solid #3a2f1d;border-radius:12px;padding:18px;display:flex;align-items:center;gap:16px}.sonos-checker .metadata-unavailable-icon{flex-shrink:0;width:48px;height:48px;background:var(--panel-solid);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--accent)}.sonos-checker .metadata-unavailable-content h6{color:var(--accent);font-weight:600;margin-bottom:4px}.sonos-checker .metadata-unavailable-content p,.sonos-checker .too-many-hops-content p{font-size:.875rem;line-height:1.5;color:var(--text-2)}.sonos-checker .too-many-hops-card{background:var(--danger-bg);border:1px solid var(--danger-border);border-radius:12px;padding:18px;display:flex;align-items:center;gap:16px}.sonos-checker .too-many-hops-icon{flex-shrink:0;width:48px;height:48px;background:var(--panel-solid);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;color:#f87171}.sonos-checker .too-many-hops-content h6{color:#f87171;font-weight:600;margin-bottom:4px}.sonos-checker .sonos-vpn-banner{padding:10px 16px;border-radius:8px;font-size:.875rem;line-height:1.5;color:#92400e;background:#fef3c7;border:1px solid #fcd34d;margin-bottom:16px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .sonos-checker .sonos-vpn-banner{color:#fde68a;background:rgba(146,64,14,.2);border-color:rgba(252,211,77,.3)}}:root[data-theme=dark] .sonos-checker .sonos-vpn-banner{color:#fde68a;background:rgba(146,64,14,.2);border-color:rgba(252,211,77,.3)}.sonos-checker .connection-error-details .alert{display:flex;align-items:flex-start;gap:.75rem}