body {
            font-family: 'Vazirmatn', sans-serif;
            background: linear-gradient(135deg, #ecf0f3 0%, #e2e8f0 50%, #cbd5e1 100%);
            background-attachment: fixed;
            color: #1e293b;
        }
        /* Fine Glassmorphism Styling - Premium Contrast */
        .glass-panel {
            background: rgba(255, 255, 255, 0.85);
            backdrop-filter: blur(16px);
            -webkit-backdrop-filter: blur(16px);
            border: 1px solid rgba(255, 255, 255, 0.9);
            box-shadow: 0 10px 30px 0 rgba(31, 41, 55, 0.04);
        }

        .glass-panel-hover:hover {
            background: rgba(255, 255, 255, 0.95);
            border: 1px solid rgba(13, 148, 136, 0.35);
            box-shadow: 0 20px 40px 0 rgba(13, 148, 136, 0.08);
            transform: translateY(-2px);
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }

        /* Light-theme dedicated section style for visual focus */
        .light-diagnostic-sec {
            background: rgba(255, 255, 255, 0.98);
            border: 1px solid rgba(209, 213, 219, 0.8);
            box-shadow: 0 12px 45px -10px rgba(31, 41, 55, 0.08);
        }

        /* Custom scrollbar */
        ::-webkit-scrollbar {
            width: 8px;
        }
        ::-webkit-scrollbar-track {
            background: rgba(255, 255, 255, 0.3);
        }
        ::-webkit-scrollbar-thumb {
            background: rgba(13, 148, 136, 0.5);
            border-radius: 4px;
        }
        ::-webkit-scrollbar-thumb:hover {
            background: rgba(13, 148, 136, 0.7);
        }


        /* Live sandwich-panel microscope module: fixed readability + real-time behavior */
        #foam-graphic { isolation: isolate; }
        #sim-interactive-cells, #hero-cells-grid { pointer-events: none; }
        .sd-cell {
            width: 14px;
            height: 14px;
            margin: auto;
            border-radius: 999px;
            transition: transform .28s ease, opacity .28s ease, background .28s ease, border-color .28s ease, box-shadow .28s ease;
        }
        .sd-cell--good {
            background: rgba(16,185,129,.78);
            border: 1px solid rgba(110,231,183,.9);
            box-shadow: 0 0 0 1px rgba(16,185,129,.12), 0 0 12px rgba(16,185,129,.22);
        }
        .sd-cell--cold {
            background: rgba(245,158,11,.76);
            border: 1px solid rgba(251,191,36,.95);
            box-shadow: 0 0 12px rgba(245,158,11,.22);
            animation: sd-soft-pulse 1.25s ease-in-out infinite;
        }
        .sd-cell--void {
            background: rgba(220,38,38,.85);
            border: 1px solid rgba(248,113,113,.95);
            box-shadow: 0 0 14px rgba(239,68,68,.42);
            animation: sd-risk-blink .9s ease-in-out infinite;
        }
        .sd-cell--elongated { transform: scaleX(1.55) scaleY(.78); border-radius: 999px; }
        .sd-cell--collapsed { transform: scale(.72); opacity: .82; }
        .sd-hero-cell {
            border-radius: 999px;
            aspect-ratio: 1/1;
            transition: all .28s ease;
        }
        .sd-hero-cell--good { border: 1px solid rgba(45,212,191,.9); background: rgba(20,184,166,.12); }
        .sd-hero-cell--cold { border: 1px solid rgba(251,191,36,.9); background: rgba(245,158,11,.16); animation: sd-soft-pulse 1.25s ease-in-out infinite; }
        .sd-hero-cell--void { border: 1px solid rgba(248,113,113,.95); background: rgba(220,38,38,.24); animation: sd-risk-blink .9s ease-in-out infinite; }
        #foam-visual-status {
            position: absolute;
            bottom: 7px;
            right: 50%;
            transform: translateX(50%);
            padding: 5px 10px;
            border-radius: 999px;
            background: rgba(2,6,23,.72);
            border: 1px solid rgba(148,163,184,.22);
            backdrop-filter: blur(8px);
            white-space: nowrap;
            max-width: calc(100% - 20px);
            overflow: hidden;
            text-overflow: ellipsis;
            z-index: 20;
        }
        #sim-alert-box { min-height: 132px; }
        #sim-analysis-text { display: block; }
        .sd-meter {
            height: 7px;
            border-radius: 999px;
            background: rgba(15,23,42,.08);
            overflow: hidden;
            margin-top: 7px;
        }
        .sd-meter > i { display: block; height: 100%; width: 0%; border-radius: inherit; transition: width .3s ease, background .3s ease; }
        @keyframes sd-risk-blink { 0%,100% { opacity: .95; transform: scale(.75); } 50% { opacity: .52; transform: scale(1.05); } }
        @keyframes sd-soft-pulse { 0%,100% { opacity: .95; } 50% { opacity: .62; } }
        @media (max-width: 575.98px) {
            .sd-cell { width: 10px; height: 10px; }
            #foam-visual-status { font-size: 10px; bottom: 5px; }
        }

    

    /* ==========================================================
       Universal compact refinement aligned with density page
       Keeps original content and simulator logic intact
       ========================================================== */
    body{font-size:14px;line-height:1.72}
    @media (min-width:768px){body{font-size:15px}}
    main{padding-top:1.25rem!important;padding-bottom:1.75rem!important}
    .glass-panel,.light-diagnostic-sec{border-radius:1.15rem}
    .diagnostic-card{min-height:auto}
    .diagnostic-card h3{line-height:1.65}
    .diagnostic-card p{line-height:1.75!important}
    .sd-cell{width:10px;height:10px}
    .sd-meter{height:6px}
    input[type="range"]{height:18px}
    @media (min-width:1024px){
      main{row-gap:0!important}
      .diagnostic-card{padding:1rem!important}
      .diagnostic-card h3{font-size:.86rem!important}
      .diagnostic-card p{font-size:.74rem!important}
      .light-diagnostic-sec{padding:1.25rem!important}
      .glass-panel{box-shadow:0 12px 32px rgba(15,23,42,.055)}
    }


/* Compact WhatsApp brief form - added without changing page structure */
.sd-wa-brief{position:relative;z-index:2;background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(240,253,250,.58));border:1px solid rgba(20,184,166,.22);box-shadow:0 18px 48px rgba(15,23,42,.08),inset 0 1px 0 rgba(255,255,255,.75);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-radius:22px;padding:16px}.sd-wa-brief__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.sd-wa-brief__title{font-size:15px;font-weight:950;color:#0f172a;line-height:1.8;margin:0}.sd-wa-brief__hint{font-size:12px;font-weight:800;color:#0f766e;margin:2px 0 0}.sd-wa-brief__badge{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;color:#065f46;background:rgba(16,185,129,.10);border:1px solid rgba(16,185,129,.22);font-size:11px;font-weight:900;white-space:nowrap}.sd-wa-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sd-wa-field{display:block}.sd-wa-field--full{grid-column:1/-1}.sd-wa-label{display:block;margin:0 0 5px;color:#334155;font-size:12px;font-weight:900}.sd-wa-input{width:100%;border:1px solid rgba(148,163,184,.45);background:rgba(255,255,255,.82);border-radius:14px;padding:10px 12px;color:#0f172a;font-size:13px;font-weight:650;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.sd-wa-input:focus{border-color:rgba(20,184,166,.75);box-shadow:0 0 0 4px rgba(20,184,166,.12);background:#fff}.sd-wa-textarea{min-height:82px;resize:vertical;line-height:1.8}.sd-wa-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:13px}.sd-wa-microcopy{color:#64748b;font-size:11px;font-weight:750;line-height:1.8;margin:0}.sd-wa-btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:10px 18px;border:1px solid rgba(34,197,94,.45);border-radius:999px;background:linear-gradient(135deg,rgba(255,255,255,.34),rgba(34,197,94,.20));color:#064e3b;font-size:13px;font-weight:950;box-shadow:0 16px 36px rgba(34,197,94,.18),inset 0 1px 0 rgba(255,255,255,.65);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.sd-wa-btn::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0%,transparent 36%,rgba(255,255,255,.72) 50%,transparent 64%,transparent 100%);transform:translateX(130%);opacity:0;transition:transform .7s ease,opacity .2s ease}.sd-wa-btn:hover{transform:translateY(-2px);border-color:rgba(34,197,94,.75);box-shadow:0 20px 48px rgba(34,197,94,.28),0 0 24px rgba(34,197,94,.18),inset 0 1px 0 rgba(255,255,255,.72)}.sd-wa-btn:hover::before{opacity:1;transform:translateX(-130%)}.sd-wa-icon{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;color:#fff;background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.14),0 0 22px rgba(34,197,94,.55);animation:sdWaGlow 1.7s ease-in-out infinite}.sd-wa-status{display:none;margin-top:10px;padding:9px 12px;border-radius:14px;background:rgba(16,185,129,.10);border:1px solid rgba(16,185,129,.18);color:#065f46;font-size:12px;font-weight:850}.sd-wa-status.is-visible{display:block}@keyframes sdWaGlow{0%,100%{box-shadow:0 0 0 4px rgba(34,197,94,.14),0 0 18px rgba(34,197,94,.48)}50%{box-shadow:0 0 0 7px rgba(34,197,94,.08),0 0 30px rgba(34,197,94,.72)}}@media(max-width:640px){.sd-wa-grid{grid-template-columns:1fr}.sd-wa-brief__head{align-items:flex-start;flex-direction:column}.sd-wa-actions{align-items:stretch}.sd-wa-btn{width:100%}}

/* WhatsApp form issue box + live preview - final UX update */
.sd-wa-preview{grid-column:1/-1;display:block;margin-top:2px;padding:13px 14px;border-radius:16px;background:linear-gradient(135deg,rgba(240,253,250,.72),rgba(255,255,255,.78));border:1px dashed rgba(20,184,166,.38);color:#334155;min-height:74px}
.sd-wa-preview__title{display:flex;align-items:center;gap:7px;margin:0 0 7px;color:#0f172a;font-size:12px;font-weight:950}
.sd-wa-preview__text{margin:0;color:#475569;font-size:12px;font-weight:750;line-height:1.9;white-space:pre-line}
.sd-wa-input.sd-wa-textarea::placeholder{color:#94a3b8}
.sd-wa-actions{justify-content:flex-start}
.sd-wa-btn{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border-color:rgba(34,197,94,.58);width:100%;border-radius:16px;min-height:48px}
.sd-wa-btn:hover{color:#fff}
@media(min-width:641px){.sd-wa-btn{width:auto;min-width:260px}}