.theme-dark-oled,body:not([class*=theme-]){--bg: #000000;--bg-secondary: #0a0a0a;--bg-tertiary: #121212;--card: #0a0a0a;--card-hover: #141414;--border: #1a1a1a;--border-light: #222222;--text: #ffffff;--text-secondary: #b0b0b0;--text-tertiary: #808080;--text-dimmed: #505050;--accent: #00ff88;--accent-hover: #00dd77;--blue: #00d4ff;--yellow: #ffd700;--red: #ff4444;--orange: #ff8800;--shadow: 0 4px 20px rgba(0, 255, 136, 0.15);--glow: 0 0 20px rgba(0, 255, 136, 0.3)}.theme-light{--bg: #ffffff;--bg-secondary: #f5f5f5;--bg-tertiary: #eeeeee;--card: #fafafa;--card-hover: #f0f0f0;--border: #d0d0d0;--border-light: #b0b0b0;--text: #1a1a1a;--text-secondary: #4a4a4a;--text-tertiary: #6a6a6a;--text-dimmed: #8a8a8a;--accent: #00885a;--accent-hover: #006644;--blue: #0066aa;--yellow: #b38600;--red: #d32f2f;--orange: #e65100;--shadow: 0 2px 8px rgba(0, 0, 0, 0.1);--glow: 0 0 0 rgba(0, 136, 90, 0.2)}.theme-retro-terminal{--bg: #0a0a0a;--bg-secondary: #050505;--bg-tertiary: #0f0f0f;--card: rgba(0, 255, 0, 0.03);--card-hover: rgba(0, 255, 0, 0.08);--border: #00ff00;--border-light: rgba(0, 255, 0, 0.3);--text: #00ff00;--text-secondary: #00cc00;--text-tertiary: #009900;--text-dimmed: #006600;--accent: #00ff00;--accent-hover: #00ff66;--blue: #00ffff;--yellow: #ffff00;--red: #ff0000;--orange: #ff9900;--shadow: 0 0 40px rgba(0, 255, 0, 0.4);--glow: 0 0 10px rgba(0, 255, 0, 0.8), 0 0 20px rgba(0, 255, 0, 0.4);--scanline-opacity: 0.08;--text-glow: 0 0 5px currentColor;--flicker-duration: 0.15s}.theme-retro-terminal{font-family:"IBM Plex Mono","Courier New",monospace}.theme-retro-terminal::before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(0, 255, 0, var(--scanline-opacity)) 2px, rgba(0, 255, 0, var(--scanline-opacity)) 4px);animation:scanlines 8s linear infinite}.theme-retro-terminal::after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9998;background:rgba(0,255,0,.02);animation:flicker var(--flicker-duration) infinite alternate}.theme-retro-terminal h1,.theme-retro-terminal h2,.theme-retro-terminal h3,.theme-retro-terminal h4,.theme-retro-terminal h5,.theme-retro-terminal h6,.theme-retro-terminal .codec-name,.theme-retro-terminal .section-header,.theme-retro-terminal .device-info-header{text-shadow:var(--text-glow)}.theme-retro-terminal .card,.theme-retro-terminal .section,.theme-retro-terminal .codec-item,.theme-retro-terminal .device-info-header,.theme-retro-terminal .filter-btn,.theme-retro-terminal .export-btn{box-shadow:var(--glow)}.theme-retro-terminal .codec-details{background:rgba(0,255,0,.05);border:1px solid rgba(0,255,0,.2)}.theme-retro-terminal .codec-string,.theme-retro-terminal .api-results{background:rgba(0,255,0,.03)}@keyframes scanlines{0%{background-position:0 0}100%{background-position:0 100vh}}@keyframes flicker{0%{opacity:.97}50%{opacity:1}100%{opacity:.96}}.theme-switcher{position:fixed;top:20px;right:20px;z-index:1000;display:flex;gap:8px;background:var(--card);padding:8px;border-radius:8px;border:1px solid var(--border);box-shadow:var(--shadow)}.theme-switcher-btn{width:36px;height:36px;border:2px solid var(--border);border-radius:6px;cursor:pointer;transition:all .2s;position:relative;overflow:hidden}.theme-switcher-btn:hover{transform:scale(1.1);border-color:var(--accent)}.theme-switcher-btn.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.theme-btn-dark-oled{background:linear-gradient(135deg, #000 0%, #00ff88 100%)}.theme-btn-light{background:linear-gradient(135deg, #fff 0%, #00aa66 100%)}.theme-btn-retro{background:#0a0a0a;position:relative}.theme-btn-retro::before{content:">";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:lime;font-family:monospace;font-size:18px;font-weight:bold;text-shadow:0 0 10px lime}.theme-retro-terminal .theme-switcher{background:rgba(0,255,0,.05);border-color:var(--border);box-shadow:var(--glow)}.theme-retro-terminal .theme-switcher-btn{background-color:rgba(0,255,0,.1)}.theme-retro-terminal .theme-switcher-btn:hover{box-shadow:0 0 10px rgba(0,255,0,.5)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Inter",system-ui,sans-serif;padding:20px;line-height:1.6;min-height:100vh;transition:background-color .3s ease,color .3s ease}@media(max-width: 1920px)and (min-width: 1280px){body{font-size:18px}}.skip-link{position:absolute;top:-40px;left:0;background:var(--accent);color:var(--bg);padding:6px 14px;text-decoration:none;border-radius:0 0 4px 0;z-index:100}.skip-link:focus{top:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.header{margin-bottom:28px}h1{font-size:clamp(1.5rem,4vw,2.5rem);color:var(--text);text-transform:uppercase;letter-spacing:.2em;margin-bottom:10px;font-weight:900}.theme-light h1{color:#1a1a1a}.subtitle{color:var(--text-secondary, #888);font-size:clamp(.875rem,2vw,1.125rem);margin-bottom:20px}.device-info-section{margin-bottom:20px}.device-info-header{background:var(--card);border-radius:8px;border:1px solid var(--border);transition:all .2s ease;padding:14px 20px;margin-bottom:10px;text-align:center;color:var(--text);font-size:.95rem;font-weight:500;border-left:3px solid var(--accent)}.device-info-header span{color:var(--accent);margin-left:10px;font-weight:600}.device-info-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:6px}.device-info-item{background:var(--card);border-radius:8px;border:1px solid var(--border);transition:all .2s ease;padding:10px 14px;border-left:2px solid var(--border-light);transition:all .2s ease}.device-info-item:hover{border-left-color:var(--accent);background:var(--card-hover)}.device-info-item.full-width{grid-column:1/-1}.device-info-item.highlight{border-left-color:var(--blue);background:var(--bg-tertiary)}.device-info-label{color:var(--text-secondary);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;font-weight:600}.device-info-value{color:var(--accent);font-weight:600;font-size:.875rem}.filter-bar{background:var(--card);border-radius:8px;border:1px solid var(--border);transition:all .2s ease;padding:14px;margin-bottom:20px;display:flex;flex-wrap:wrap;align-items:center;gap:10px}.search-input{flex:1;min-width:250px;background:var(--card-hover);border:1px solid var(--border-light);color:var(--text);padding:10px 14px;border-radius:6px;font-size:1rem;outline:none;transition:all .2s ease;min-height:48px}.search-input:focus{border-color:var(--accent);background:var(--bg-secondary)}.search-input::placeholder{color:var(--text-dimmed)}.filter-btn{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-light);padding:10px 14px;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:600;transition:all .2s ease;min-height:48px;min-width:100px}.filter-btn:hover,.filter-btn:focus{background:var(--card-hover);border-color:var(--accent);outline:2px solid var(--accent);outline-offset:2px}.filter-btn.active{background:var(--accent);color:var(--bg);border-color:var(--accent)}.filter-btn:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.expand-toggle-btn{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-light);padding:10px 14px;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:600;min-height:48px;display:inline-flex;align-items:center;gap:6px;transition:all .2s ease}.expand-toggle-btn svg{width:16px;height:16px;stroke-width:2}.expand-toggle-btn:hover,.expand-toggle-btn:focus{background:var(--card-hover);color:var(--accent);border-color:var(--accent);outline:2px solid var(--accent);outline-offset:2px}.expand-toggle-btn:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.export-btn{background:var(--blue);color:var(--bg);border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:700;font-size:.95rem;margin-left:auto;min-height:48px;transition:all .2s ease}.export-btn:hover,.export-btn:focus{background:var(--accent);transform:translateY(-2px);outline:3px solid var(--accent);outline-offset:3px}.export-btn:focus-visible{outline:3px solid var(--accent)}.grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(min(100%, 500px), 1fr));gap:14px;margin-bottom:20px}.section{background:var(--card);border-radius:8px;border:1px solid var(--border);transition:all .2s ease;padding:14px 20px;box-shadow:var(--shadow);overflow:hidden}.section-header{font-size:1rem;font-weight:800;color:var(--text);margin-bottom:10px;text-transform:uppercase;border-left:3px solid var(--accent);padding-left:10px;display:flex;justify-content:space-between;align-items:center;letter-spacing:.05em}.theme-light .section-header{color:#1a1a1a}.support-count{font-size:.75rem;color:var(--text-dimmed, #666);font-weight:normal}.codec-item{background:var(--card);padding:10px 14px;border-radius:6px;margin-bottom:6px;border-left:3px solid var(--border-light);transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);cursor:pointer;position:relative}.codec-item:hover{background:var(--card-hover);transform:translateX(4px) translateY(-2px);box-shadow:var(--shadow)}.codec-item:hover .codec-chevron{opacity:1;color:var(--accent)}.codec-item:last-child{margin-bottom:0}.codec-item.expanded{background:var(--card-hover);border-left-width:4px;padding-bottom:14px;transform:none}.codec-item.expanded .codec-details{max-height:1000px;opacity:1;margin-top:10px}.codec-item.expanded .codec-chevron{transform:rotate(180deg);color:var(--accent)}.codec-item:first-child::after{content:"Click to expand";position:absolute;top:-24px;right:0;font-size:.7rem;color:var(--text-dimmed);opacity:0;animation:hint-fade 3s ease-in-out 1s 2;pointer-events:none}@keyframes hint-fade{0%,100%{opacity:0}30%,70%{opacity:.7}}.codec-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.codec-chevron{flex-shrink:0;color:var(--text-dimmed);opacity:.5;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);margin-top:2px}.codec-name{font-weight:600;display:block;font-size:1rem;margin-bottom:6px}.codec-summary{font-size:.85rem;color:var(--text-secondary);margin-top:6px}.technical-specs{font-size:.7rem;color:var(--text-tertiary);margin-top:4px;font-family:"SF Mono","Monaco","Courier New",monospace;display:flex;flex-wrap:wrap;gap:6px}.technical-specs::before{content:"⚙";margin-right:4px;opacity:.5}.codec-details{max-height:0;opacity:0;overflow:hidden;transition:all .3s ease}.codec-string{font-family:"SF Mono","Monaco","Courier New",monospace;font-size:.75rem;color:var(--text-dimmed);word-break:break-all;display:flex;align-items:center;gap:6px;margin-top:10px;line-height:1.4;padding:6px;background:var(--bg-secondary);border-radius:4px}.copy-btn{background:var(--bg-tertiary);border:1px solid var(--border-light);color:var(--text-secondary);cursor:pointer;padding:4px 8px;border-radius:4px;font-size:.7rem;transition:all .2s ease;display:inline-flex;align-items:center;gap:4px}.copy-btn:hover{background:var(--card-hover);color:var(--accent);border-color:var(--accent)}.copy-btn.copied{background:var(--accent);color:var(--bg);border-color:var(--accent)}.copy-btn svg{width:14px;height:14px}.status-badge{float:right;font-weight:700;font-size:.7rem;padding:4px 10px;border-radius:4px;text-transform:uppercase;letter-spacing:.05em}.info-line{font-size:.8rem;color:var(--text-secondary);margin-top:6px}.platform-badge{display:inline-block;font-size:.7rem;padding:3px 8px;border-radius:3px;margin-left:6px;background:var(--bg-secondary);color:var(--text);font-weight:600;border:1px solid var(--border)}.theme-light .platform-badge{background:#e0e0e0;color:#1a1a1a;border-color:silver}.api-results{margin-top:10px;padding:10px;background:var(--bg-tertiary);border-radius:6px;font-size:.7rem;line-height:1.8;border:1px solid var(--border);color:var(--text-secondary)}.api-result-line{display:flex;justify-content:space-between;padding:2px 0;gap:10px}.api-label{color:var(--text-secondary);font-weight:600}.api-value{color:var(--accent);text-align:right}.api-value.fail{color:var(--red)}.api-value.partial{color:var(--yellow)}.api-section-title{font-size:.85rem;font-weight:700;color:var(--text);margin-bottom:10px;text-transform:uppercase;letter-spacing:.05em}.api-test-block{margin-top:14px;border-left:3px solid var(--border);padding-left:10px}.api-test-block:first-of-type{margin-top:0}.api-test-header{display:flex;align-items:center;gap:6px;margin-bottom:6px}.api-number{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--accent);color:var(--bg);border-radius:50%;font-size:.7rem;font-weight:700}.api-number.success{background:var(--accent)}.api-number.partial{background:var(--yellow);color:var(--bg)}.api-number.fail{background:var(--red);color:var(--bg)}.api-name{font-family:"SF Mono","Monaco","Courier New",monospace;font-size:.75rem;color:var(--text-secondary);font-weight:600}.api-test-content{font-size:.7rem;line-height:1.6}.api-request,.api-response{margin-bottom:6px}.api-request strong,.api-response strong{color:var(--text-secondary);display:block;margin-bottom:2px}.api-request code,.api-response code{font-family:"SF Mono","Monaco","Courier New",monospace;background:var(--bg-secondary);padding:2px 6px;border-radius:3px;color:var(--accent);font-size:.7rem}.config-json{font-family:"SF Mono","Monaco","Courier New",monospace;background:var(--bg-secondary);padding:6px;border-radius:4px;color:var(--text-dimmed);font-size:.65rem;overflow-x:auto;margin:4px 0;border:1px solid var(--border)}.response-value{font-weight:600}.response-value.success{color:var(--accent)}.response-value.partial{color:var(--yellow)}.response-value.fail{color:var(--red)}.capability-grid{display:grid;grid-template-columns:1fr;gap:4px;margin-top:4px}.capability-item{display:flex;justify-content:space-between;padding:4px 0}.capability-label{color:var(--text-secondary);font-size:.7rem}.api-explanation{margin-top:6px;padding-top:6px;border-top:1px solid var(--border);color:var(--text-dimmed);font-size:.65rem;font-style:italic;line-height:1.5}.codec-education{margin-top:14px;border-top:1px solid var(--border);padding-top:14px}.education-toggle{display:flex;align-items:center;gap:6px;width:100%;padding:10px 14px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:4px;color:var(--accent);font-weight:500;font-size:.85rem;cursor:pointer;transition:all .2s ease}.education-toggle:hover{background:var(--card);border-color:var(--accent)}.education-toggle .chevron-icon{width:16px;height:16px;fill:none;stroke:var(--accent);stroke-width:2px;transition:transform .3s cubic-bezier(0.4, 0, 0.2, 1)}.education-content{margin-top:14px}.education-content[hidden]{display:none}.education-section{margin-bottom:20px}.education-section h4{font-size:.9rem;font-weight:600;color:var(--accent);margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.education-section p{color:var(--text-secondary);line-height:1.6;margin-bottom:10px}.streaming-example{margin-bottom:14px;background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:14px}.streaming-format-label{display:flex;align-items:center;gap:6px;margin-bottom:10px}.streaming-format-label .format-badge{display:inline-block;padding:2px 8px;background:var(--accent);color:var(--bg);border-radius:3px;font-size:.75rem;font-weight:600}.streaming-format-label .file-extension{font-family:var(--font-mono);font-size:.85rem;color:var(--text-tertiary)}.streaming-example pre{background:var(--bg-secondary);border:1px solid var(--border);border-radius:4px;padding:14px;overflow-x:auto;margin:10px 0}.streaming-example pre code{font-family:var(--font-mono);font-size:.85rem;line-height:1.5;color:var(--text)}.streaming-notes{font-size:.85rem;color:var(--yellow);font-style:italic;margin-top:10px}.platform-notes-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:14px}.platform-note{background:var(--bg-secondary);border:1px solid var(--border);border-radius:4px;padding:14px}.platform-note .platform-header{display:flex;align-items:center;gap:6px;margin-bottom:10px}.platform-note .platform-header .platform-icon{font-size:1.2rem}.platform-note .platform-header strong{color:var(--text);font-size:.9rem}.platform-note p{font-size:.85rem;color:var(--text-secondary);line-height:1.5;margin:0}.SUPPORTED,.PROBABLY{border-left-color:var(--accent);background:var(--card)}.SUPPORTED:hover,.PROBABLY:hover{background:var(--card-hover)}.SUPPORTED .status-badge,.PROBABLY .status-badge{background:var(--accent);color:var(--bg)}.MAYBE{border-left-color:var(--yellow);background:var(--card)}.MAYBE:hover{background:var(--card-hover)}.MAYBE .status-badge{background:var(--yellow);color:var(--bg)}.UNSUPPORTED{border-left-color:var(--red);background:var(--card);opacity:.7}.UNSUPPORTED:hover{background:var(--card-hover);opacity:.9}.UNSUPPORTED .status-badge{background:var(--red);color:var(--bg)}.UNSUPPORTED .codec-name,.UNSUPPORTED .codec-summary{color:var(--text-dimmed)}.PENDING{border-left-color:var(--border);background:var(--card);opacity:.6;cursor:default}.PENDING:hover{background:var(--card-hover);opacity:.8}.PENDING .status-badge{background:var(--bg-secondary, #1a1a1a);color:var(--text-secondary);border:1px solid var(--border);position:relative}.PENDING .codec-name,.PENDING .codec-summary{color:var(--text-dimmed)}.PENDING .status-badge::after{content:"";position:absolute;right:6px;top:50%;transform:translateY(-50%);width:8px;height:8px;border:2px solid var(--text-tertiary, #555);border-top-color:rgba(0,0,0,0);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:translateY(-50%) rotate(360deg)}}.codec-item.state-transition{animation:cardUpdate .5s ease-out}@keyframes cardUpdate{0%{transform:scale(0.98);opacity:.8}50%{transform:scale(1.02)}100%{transform:scale(1);opacity:1}}.support-count.pending-count{color:var(--yellow);font-style:italic}.loading{text-align:center;padding:60px 20px;color:var(--text-secondary);font-size:1.125rem}.footer{text-align:center;padding:28px 20px;border-top:1px solid var(--border);margin-top:28px;color:var(--text-secondary);font-size:.875rem}.footer a{color:var(--blue);text-decoration:none;transition:color .2s ease}.footer a:hover{color:var(--accent)}@media(prefers-contrast: high){.codec-item,.filter-btn{border-width:2px}}@media(prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}@media(max-width: 1920px)and (min-width: 1280px){body{padding:28px}.filter-btn,.export-btn,.search-input{min-height:56px;font-size:1.125rem}.codec-item{padding:20px}.codec-item:hover{transform:translateX(8px)}}@media(max-width: 768px){.grid{grid-template-columns:1fr}.filter-bar{flex-direction:column;align-items:stretch}.export-btn{margin-left:0;width:100%}.device-info{grid-template-columns:1fr}}@media(max-width: 480px){body{padding:10px}h1{font-size:1.25rem;letter-spacing:.1em}}/*# sourceMappingURL=styles.css.map */