/* Ultra-minified critical CSS for sub-2s LCP */
    :root{--main-blue:#009ec6;--soft-blue:#eaf6fb;--white:#fff;--border:#dbeaf2;--gray:#888}
    body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,system-ui,sans-serif!important;background:#eaf6fb!important;margin:0!important;padding:0!important;color:#222!important;min-height:100vh!important}
    main{max-width:1100px;margin:0 auto;padding:2rem 1rem 3rem 1rem;visibility:visible!important}
    h1{font-size:2.3rem;color:var(--main-blue);margin-bottom:0.5rem;text-align:center;visibility:visible!important}
    .subtitle{text-align:center;color:var(--gray);font-style:italic;margin-bottom:2rem;font-size:1.1rem;visibility:visible!important}
    section{background:var(--white);border-radius:14px;box-shadow:0 2px 12px 0 rgba(0,120,156,0.07);border:1.5px solid var(--border);margin-bottom:2.2rem;padding:2rem 1.5rem 1.5rem 1.5rem}
    h2{color:var(--main-blue);font-size:1.3rem;margin-top:0;margin-bottom:1.2rem;font-weight:bold}
    .live-level{display:flex;flex-wrap:wrap;align-items:center;gap:2rem;justify-content:space-between}
    .live-level-value{font-size:2.2rem;font-weight:bold;color:var(--main-blue);display:flex;align-items:center;gap:0.5rem}
    .live-level-info{flex:1 1 220px}
    .live-level-diff{color:var(--gray);font-size:1.1rem;margin-bottom:0.5rem}
    .live-level-bar{width:100%;height:18px;background:#e0e7ef;border-radius:9px;margin:0.7rem 0;position:relative;overflow:hidden}
    .live-level-bar-inner{height:100%;border-radius:9px;transition:width 0.7s}
    .live-level-status{display:inline-block;padding:0.3em 1em;border-radius:1em;font-size:1rem;font-weight:600;margin-top:0.5rem;color:#fff}
    .live-level-percent{font-size:1.25rem;font-weight:500}
    .status-full{background:#2ecc71}
    .status-warning{background:#f1c40f;color:#222}
    .status-danger{background:#e74c3c}
    .live-level-icon{font-size:2.2rem;color:var(--main-blue);margin-right:0.5rem}
    
    /* Mobile optimizations for LCP */
    @media (max-width:768px){
        #loading-overlay{display:none!important}
        main{padding:1rem 1rem 2rem 1rem;max-width:100vw;overflow-x:hidden}
        h1{font-size:1.8rem;line-height:1.3;margin-bottom:1rem}
        .subtitle{font-size:1rem;margin-bottom:1.5rem;line-height:1.4}
        .live-level{flex-direction:column;gap:1.5rem;text-align:center}
        .live-level-value{font-size:1.8rem;justify-content:center;gap:0.3rem}
        .live-level-icon{font-size:1.8rem!important;margin-right:0.3rem!important}
        section{padding:1.5rem 1rem;margin-bottom:1.5rem}
    }
    
    /* Force background with high specificity */
    html,html body{background:#eaf6fb!important;background-color:#eaf6fb!important}


:root {
        --main-blue: #009ec6;
        --soft-blue: #eaf6fb;
        --white: #fff;
        --border: #dbeaf2;
        --danger: #e74c3c;
        --warning: #f1c40f;
        --full: #2ecc71;
        --gray: #888;
    }

    body {
        font-family: 'Segoe UI', Arial, sans-serif !important;
        background: #eaf6fb !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #222 !important;
        min-height: 100vh !important;
    }

    /* Ultra-minified critical styles for sub-2s LCP */
    main{max-width:1100px;margin:0 auto;padding:2rem 1rem 3rem 1rem}
    h1{font-size:2.3rem;color:var(--main-blue);margin-bottom:0.5rem;text-align:center}
    .subtitle{text-align:center;color:var(--gray);font-style:italic;margin-bottom:2rem;font-size:1.1rem}
    section{background:var(--white);border-radius:14px;box-shadow:0 2px 12px 0 rgba(0,120,156,0.07);border:1.5px solid var(--border);margin-bottom:2.2rem;padding:2rem 1.5rem 1.5rem 1.5rem}
    h2{color:var(--main-blue);font-size:1.3rem;margin-top:0;margin-bottom:1.2rem;font-weight:bold}
    .live-level{display:flex;flex-wrap:wrap;align-items:center;gap:2rem;justify-content:space-between}
    .live-level-value{font-size:2.2rem;font-weight:bold;color:var(--main-blue);display:flex;align-items:center;gap:0.5rem}
    .live-level-info{flex:1 1 220px}
    .live-level-diff{color:var(--gray);font-size:1.1rem;margin-bottom:0.5rem}
    .live-level-bar{width:100%;height:18px;background:#e0e7ef;border-radius:9px;margin:0.7rem 0;position:relative;overflow:hidden}
    .live-level-bar-inner{height:100%;border-radius:9px;transition:width 0.7s}
    .live-level-status{display:inline-block;padding:0.3em 1em;border-radius:1em;font-size:1rem;font-weight:600;margin-top:0.5rem;color:#fff}
    .live-level-percent{font-size:1.25rem;font-weight:500}
    .status-full{background:#2ecc71}
    .status-warning{background:#f1c40f;color:#222}
    .status-danger{background:#e74c3c}
    .live-level-icon{font-size:2.2rem;color:var(--main-blue);margin-right:0.5rem}

    #loading-overlay {
        position: fixed;
        top: 0; left: 0;
        width: 100%; height: 100%;
        background: white;
        z-index: 9999;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.3rem;
        color: #009ec6;
        font-weight: bold;
        transition: opacity 0.2s ease;
    }

    #loading-overlay.hide {
        opacity: 0;
        pointer-events: none;
    }
    
    /* Mobile-specific LCP optimizations */
    @media (max-width:768px){
        #loading-overlay{display:none!important}
        main{padding:1rem 1rem 2rem 1rem;max-width:100vw;overflow-x:hidden}
        h1{font-size:1.8rem;line-height:1.3;margin-bottom:1rem}
        .subtitle{font-size:1rem;margin-bottom:1.5rem;line-height:1.4}
        .live-level{flex-direction:column;gap:1.5rem;text-align:center}
        .live-level-value{font-size:1.8rem;justify-content:center;gap:0.3rem}
        .live-level-icon{font-size:1.8rem!important;margin-right:0.3rem!important}
        section{padding:1.5rem 1rem;margin-bottom:1.5rem}
    }
    
    /* Force the soft blue background with high specificity */
    html, html body {
        background: #eaf6fb !important;
        background-color: #eaf6fb !important;
    }