*{margin:0;padding:0;box-sizing:border-box}body{font-family:Public Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#fef2f8,#f5f3ff);min-height:100vh;padding:2rem 1rem;line-height:1.6;color:#1a202c}.container{max-width:1400px;margin:0 auto;background:#fffffff2;backdrop-filter:blur(10px) saturate(.2) brightness(1.1);border-radius:12px;box-shadow:0 4px 6px #00000012,0 0 0 1px #0000000d;overflow:hidden}.header{background:#fffffccc;backdrop-filter:blur(2px) saturate(.2) brightness(.5) contrast(.8);padding:2rem;border-bottom:1px solid rgba(0,0,0,.1)}.header h1{font-size:2.25rem;font-weight:900;margin-bottom:.5rem;background:linear-gradient(to right,#f472b6,#4c1d95);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (min-width: 768px){.header h1{font-size:3rem}}.header p{font-size:1rem;color:#4a5568;font-weight:400}.actions{padding:1.25rem 2rem;background:#fff9;backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.05);display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.btn{padding:.625rem 1.25rem;border:1px solid;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit;display:inline-flex;align-items:center;gap:.5rem}.btn-primary{background:linear-gradient(135deg,#f472b6,#4c1d95);color:#fff;border-color:transparent}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #f472b64d}.btn-secondary{background:#fff;color:#4c1d95;border-color:#4c1d9533}.btn-secondary:hover{background:#f5f3ff80;border-color:#4c1d954d}.content{padding:1.5rem}.section{margin-bottom:1.5rem}.section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid rgba(244,114,182,.1)}.section-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.section h2{font-size:1.25rem;font-weight:700;background:linear-gradient(to right,#f472b6,#4c1d95);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}@media (max-width: 1024px){.info-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 480px){.info-grid{grid-template-columns:1fr}}.info-item{background:#ffffffe6;border:1px solid rgba(0,0,0,.08);border-radius:8px;padding:1rem;display:flex;flex-direction:column;gap:.375rem;transition:all .2s ease;min-height:60px}.info-item:hover{background:linear-gradient(90deg,#f472b60d,#4c1d950d);transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.info-item.full-width{grid-column:1 / -1}.info-label{font-size:.8125rem;font-weight:500;color:#718096;text-transform:uppercase;letter-spacing:.05em}.info-value{font-size:.9375rem;color:#1a202c;font-weight:500}.info-value.mono{font-family:SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace}.live-indicator{display:inline-flex;align-items:center;gap:.5rem}.live-dot{width:6px;height:6px;background:linear-gradient(135deg,#f472b6,#4c1d95);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.status-badge{display:inline-block;padding:.125rem .5rem;border-radius:3px;font-size:.8125rem;font-weight:500}.status-enabled{background:linear-gradient(135deg,#f472b61a,#4c1d951a);color:#4c1d95;border:1px solid rgba(76,29,149,.2)}.status-disabled{background:#e2e8f080;color:#4a5568;border:1px solid rgba(0,0,0,.1)}.status-unknown{background:#feebc8;color:#7c2d12}.loading{text-align:center;padding:4rem 2rem;color:#6c757d}.loading-spinner{width:48px;height:48px;border:3px solid rgba(244,114,182,.2);border-top-color:#f472b6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{to{transform:rotate(360deg)}}#browser-info,#display-info,#time-info{grid-template-columns:repeat(3,1fr)}#network-info,#performance-info{grid-template-columns:repeat(4,1fr)}#capabilities-info{grid-template-columns:repeat(5,1fr)}@media (max-width: 1400px){#browser-info,#display-info,#time-info{grid-template-columns:repeat(4,1fr)}}@media (max-width: 1200px){#browser-info,#display-info,#time-info,#network-info,#performance-info,#capabilities-info{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1024px){#browser-info,#display-info,#time-info,#network-info,#performance-info,#capabilities-info{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){#browser-info,#display-info,#time-info,#network-info,#performance-info,#capabilities-info{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){#browser-info,#display-info,#time-info,#network-info,#performance-info,#capabilities-info{grid-template-columns:1fr}.header h1{font-size:1.5rem}}.copy-success{position:fixed;bottom:2rem;right:2rem;background:linear-gradient(135deg,#f472b6,#4c1d95);color:#fff;padding:1rem 1.5rem;border-radius:8px;box-shadow:0 4px 12px #f472b64d;animation:slideIn .3s ease;z-index:1000}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.footer{background:#fffffccc;backdrop-filter:blur(2px) saturate(.2) brightness(.5) contrast(.8);padding:1.5rem 2rem;border-top:1px solid rgba(0,0,0,.1);text-align:center;margin-top:2rem}.footer p{font-size:.875rem;color:#4a5568;margin:0}.footer a{color:#4c1d95;text-decoration:none;font-weight:500;transition:color .2s ease}.footer a:hover{color:#f472b6}