Upload app.py with huggingface_hub

app.py

@@ -48,145 +48,7 @@ button.secondary { background: #f3f4f6 !important; color: #374151 !important; bo
 input[type=number] { background: #f9fafb !important; color: #1a202c !important; border: 1px solid #d1d5db !important; border-radius: 8px !important; }
 """
 
-HEADER = """<div style="
-    background: linear-gradient(135deg, #0a0f1e 0%, #0d0508 50%, #0a0f1e 100%);
-    border-bottom: 1px solid rgba(193,18,31,0.3);
-    position: relative;
-    overflow: hidden;
-    padding: 0;
-">
-    <!-- Animated grid background -->
-    <div style="
-        position: absolute; top: 0; left: 0; right: 0; bottom: 0;
-        background-image:
-            linear-gradient(rgba(193,18,31,0.05) 1px, transparent 1px),
-            linear-gradient(90deg, rgba(193,18,31,0.05) 1px, transparent 1px);
-        background-size: 40px 40px;
-        animation: gridMove 20s linear infinite;
-    "></div>
-
-    <!-- Glow orbs -->
-    <div style="position:absolute;top:-50%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(193,18,31,0.08) 0%,transparent 70%);pointer-events:none;"></div>
-    <div style="position:absolute;top:-50%;right:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(0,87,168,0.08) 0%,transparent 70%);pointer-events:none;"></div>
-
-    <style>
-    @keyframes gridMove { from { transform: translateY(0); } to { transform: translateY(40px); } }
-    @keyframes ecgDraw { from { stroke-dashoffset: 800; } to { stroke-dashoffset: 0; } }
-    @keyframes hb { 0%,100%{transform:scale(1)} 15%{transform:scale(1.18)} 30%{transform:scale(1)} 45%{transform:scale(1.12)} 60%{transform:scale(1)} }
-    @keyframes shimmer { 0%{opacity:0.4} 50%{opacity:1} 100%{opacity:0.4} }
-    </style>
-
-    <div style="
-        max-width: 1400px; margin: 0 auto;
-        padding: 18px 28px;
-        display: flex; align-items: center; justify-content: space-between;
-        position: relative; z-index: 1;
-    ">
-        <!-- LEFT: SJSU Identity -->
-        <div style="display:flex;align-items:center;gap:16px;">
-            <div style="position:relative;">
-                <!-- Spartan SVG with glow -->
-                <div style="width:52px;height:52px;background:linear-gradient(135deg,rgba(0,87,168,0.3),rgba(0,87,168,0.1));border:1px solid rgba(0,87,168,0.4);border-radius:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px rgba(0,87,168,0.3);">
-                    <svg width="32" height="32" viewBox="0 0 100 100">
-                        <circle cx="50" cy="35" r="28" fill="#0057a8" opacity="0.9"/>
-                        <ellipse cx="50" cy="14" rx="22" ry="10" fill="#0057a8"/>
-                        <polygon points="30,14 33,4 36,14" fill="#e8a020"/>
-                        <polygon points="36,12 39,2 42,12" fill="#e8a020"/>
-                        <polygon points="42,11 45,1 48,11" fill="#e8a020"/>
-                        <polygon points="48,11 51,1 54,11" fill="#e8a020"/>
-                        <polygon points="54,12 57,2 60,12" fill="#e8a020"/>
-                        <polygon points="60,14 63,4 66,14" fill="#e8a020"/>
-                        <rect x="36" y="30" width="28" height="22" rx="4" fill="#0057a8"/>
-                        <rect x="40" y="35" width="8" height="12" rx="2" fill="#e8a020"/>
-                        <rect x="34" y="50" width="32" height="8" rx="4" fill="#0057a8"/>
-                    </svg>
-                </div>
-            </div>
-            <div>
-                <div style="color:rgba(232,160,32,0.9);font-size:0.65em;font-weight:600;letter-spacing:3px;text-transform:uppercase;margin-bottom:2px;">San Jose State University</div>
-                <div style="color:white;font-size:0.92em;font-weight:700;letter-spacing:0.5px;">Biomedical Engineering</div>
-                <div style="color:rgba(255,255,255,0.35);font-size:0.65em;letter-spacing:1px;margin-top:1px;">Dr. Alessandro Bellofiore — CardioLab</div>
-            </div>
-        </div>
-
-        <!-- CENTER: CardioLab AI Brand -->
-        <div style="text-align:center;flex:1;padding:0 30px;">
-            <!-- ECG animation -->
-            <div style="display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:6px;">
-                <svg width="110" height="30" viewBox="0 0 140 30" style="opacity:0.8;">
-                    <polyline
-                        points="0,15 25,15 32,15 38,3 42,27 46,1 50,25 56,15 140,15"
-                        fill="none" stroke="#c1121f" stroke-width="2"
-                        stroke-linecap="round" stroke-linejoin="round"
-                        stroke-dasharray="800"
-                        style="animation: ecgDraw 2s ease forwards, shimmer 3s ease 2s infinite;"
-                    />
-                    <circle cx="46" cy="1" r="2.5" fill="#c1121f" style="animation:shimmer 3s ease 2s infinite;"/>
-                </svg>
-
-                <div>
-                    <div style="font-size:2.4em;font-weight:900;letter-spacing:1px;line-height:1;font-family:'Space Grotesk',sans-serif;">
-                        <span style="color:white;">Cardio</span><span style="color:#c1121f;">Lab</span><span style="color:white;"> AI</span>
-                    </div>
-                </div>
-
-                <svg width="110" height="30" viewBox="0 0 140 30" style="opacity:0.8;transform:scaleX(-1);">
-                    <polyline
-                        points="0,15 25,15 32,15 38,3 42,27 46,1 50,25 56,15 140,15"
-                        fill="none" stroke="#c1121f" stroke-width="2"
-                        stroke-linecap="round" stroke-linejoin="round"
-                        stroke-dasharray="800"
-                        style="animation: ecgDraw 2s ease 0.3s forwards, shimmer 3s ease 2.3s infinite;"
-                    />
-                </svg>
-            </div>
-
-            <!-- Animated badge pills -->
-            <div style="display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;">
-                <span style="background:rgba(193,18,31,0.2);border:1px solid rgba(193,18,31,0.4);color:rgba(255,255,255,0.8);padding:3px 10px;border-radius:20px;font-size:0.62em;font-weight:600;letter-spacing:0.05em;">RAG 16 PAPERS</span>
-                <span style="background:rgba(0,87,168,0.2);border:1px solid rgba(0,87,168,0.4);color:rgba(255,255,255,0.8);padding:3px 10px;border-radius:20px;font-size:0.62em;font-weight:600;letter-spacing:0.05em;">FINE-TUNED MODEL</span>
-                <span style="background:rgba(232,160,32,0.15);border:1px solid rgba(232,160,32,0.3);color:rgba(255,255,255,0.8);padding:3px 10px;border-radius:20px;font-size:0.62em;font-weight:600;letter-spacing:0.05em;">5 AI MODELS</span>
-                <span style="background:rgba(46,204,113,0.15);border:1px solid rgba(46,204,113,0.3);color:rgba(255,255,255,0.8);padding:3px 10px;border-radius:20px;font-size:0.62em;font-weight:600;letter-spacing:0.05em;">$0 COST</span>
-            </div>
-        </div>
-
-        <!-- RIGHT: Animated Heart + Stats -->
-        <div style="display:flex;align-items:center;gap:18px;">
-            <div style="text-align:right;">
-                <div style="color:rgba(255,255,255,0.35);font-size:0.62em;letter-spacing:2px;text-transform:uppercase;margin-bottom:6px;">Research Pillars</div>
-                <div style="display:flex;flex-direction:column;gap:4px;align-items:flex-end;">
-                    <span style="background:rgba(193,18,31,0.15);border:1px solid rgba(193,18,31,0.2);color:rgba(255,255,255,0.7);padding:2px 10px;border-radius:6px;font-size:0.65em;font-weight:500;">MHV — MCL · PIV · TGT</span>
-                    <span style="background:rgba(0,87,168,0.15);border:1px solid rgba(0,87,168,0.2);color:rgba(255,255,255,0.7);padding:2px 10px;border-radius:6px;font-size:0.65em;font-weight:500;">CKD — uPAD · Jaffe</span>
-                    <span style="background:rgba(232,160,32,0.1);border:1px solid rgba(232,160,32,0.2);color:rgba(255,255,255,0.7);padding:2px 10px;border-radius:6px;font-size:0.65em;font-weight:500;">FSI — COMSOL</span>
-                </div>
-            </div>
-
-            <!-- Animated beating heart -->
-            <div style="animation: hb 1.5s ease infinite;">
-                <svg width="52" height="48" viewBox="0 0 100 90">
-                    <defs>
-                        <radialGradient id="hg" cx="50%" cy="40%">
-                            <stop offset="0%" stop-color="#e63946"/>
-                            <stop offset="100%" stop-color="#7d0a11"/>
-                        </radialGradient>
-                        <filter id="glow">
-                            <feGaussianBlur stdDeviation="3" result="blur"/>
-                            <feMerge><feMergeNode in="blur"/><feMergeNode in="SourceGraphic"/></feMerge>
-                        </filter>
-                    </defs>
-                    <path d="M50 85 C50 85 5 55 5 30 C5 15 18 5 30 5 C38 5 45 9 50 15 C55 9 62 5 70 5 C82 5 95 15 95 30 C95 55 50 85 50 85Z"
-                        fill="url(#hg)" filter="url(#glow)" opacity="0.95"/>
-                    <polyline points="20,48 30,48 36,35 40,60 44,28 48,52 54,48 80,48"
-                        fill="none" stroke="white" stroke-width="3"
-                        stroke-linecap="round" stroke-linejoin="round" opacity="0.9"/>
-                </svg>
-            </div>
-        </div>
-    </div>
-
-    <!-- Bottom gradient bar -->
-    <div style="height:2px;background:linear-gradient(90deg,transparent,#0057a8,#c1121f,#e8a020,#c1121f,#0057a8,transparent);"></div>
-</div>"""
+HEADER = """<div style="background:linear-gradient(135deg,#0a0f1e 0%,#0d0508 50%,#0a0f1e 100%);border-bottom:1px solid rgba(193,18,31,0.3);position:relative;overflow:hidden;padding:0;"><style>@keyframes hb{0%,100%{transform:scale(1)}15%{transform:scale(1.18)}30%{transform:scale(1)}45%{transform:scale(1.12)}60%{transform:scale(1)}}@keyframes ecgDraw{from{stroke-dashoffset:800}to{stroke-dashoffset:0}}@keyframes shimmer2{0%{opacity:0.5}50%{opacity:1}100%{opacity:0.5}}</style><div style="position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(193,18,31,0.04) 1px,transparent 1px),linear-gradient(90deg,rgba(193,18,31,0.04) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;"></div><div style="position:absolute;top:-50%;left:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(193,18,31,0.08) 0%,transparent 70%);pointer-events:none;"></div><div style="max-width:1400px;margin:0 auto;padding:18px 28px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1;"><div style="display:flex;align-items:center;gap:16px;"><div style="width:52px;height:52px;background:linear-gradient(135deg,rgba(0,87,168,0.3),rgba(0,87,168,0.1));border:1px solid rgba(0,87,168,0.4);border-radius:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px rgba(0,87,168,0.25);"><svg width="32" height="32" viewBox="0 0 100 100"><circle cx="50" cy="35" r="28" fill="#0057a8" opacity="0.9"/><ellipse cx="50" cy="14" rx="22" ry="10" fill="#0057a8"/><polygon points="30,14 33,4 36,14" fill="#e8a020"/><polygon points="36,12 39,2 42,12" fill="#e8a020"/><polygon points="42,11 45,1 48,11" fill="#e8a020"/><polygon points="48,11 51,1 54,11" fill="#e8a020"/><polygon points="54,12 57,2 60,12" fill="#e8a020"/><polygon points="60,14 63,4 66,14" fill="#e8a020"/><rect x="36" y="30" width="28" height="22" rx="4" fill="#0057a8"/><rect x="40" y="35" width="8" height="12" rx="2" fill="#e8a020"/><rect x="34" y="50" width="32" height="8" rx="4" fill="#0057a8"/></svg></div><div><div style="color:rgba(232,160,32,0.9);font-size:0.65em;font-weight:600;letter-spacing:3px;text-transform:uppercase;margin-bottom:2px;">San Jose State University</div><div style="color:white;font-size:0.92em;font-weight:700;">Biomedical Engineering</div><div style="color:rgba(255,255,255,0.35);font-size:0.62em;letter-spacing:1px;margin-top:1px;">Dr. Alessandro Bellofiore - CardioLab</div></div></div><div style="text-align:center;flex:1;padding:0 30px;"><div style="display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:6px;"><svg width="110" height="30" viewBox="0 0 140 30" style="opacity:0.8;"><polyline points="0,15 25,15 32,15 38,3 42,27 46,1 50,25 56,15 140,15" fill="none" stroke="#c1121f" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="800" style="animation:ecgDraw 2s ease forwards;"/></svg><div style="font-size:2.4em;font-weight:900;letter-spacing:1px;line-height:1;"><span style="color:white;">Cardio</span><span style="color:#c1121f;">Lab</span><span style="color:white;"> AI</span></div><svg width="110" height="30" viewBox="0 0 140 30" style="opacity:0.8;transform:scaleX(-1);"><polyline points="0,15 25,15 32,15 38,3 42,27 46,1 50,25 56,15 140,15" fill="none" stroke="#c1121f" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="800" style="animation:ecgDraw 2.3s ease forwards;"/></svg></div><div style="display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;"><span style="background:rgba(193,18,31,0.2);border:1px solid rgba(193,18,31,0.4);color:rgba(255,255,255,0.8);padding:3px 10px;border-radius:20px;font-size:0.62em;font-weight:600;">RAG 16 PAPERS</span><span style="background:rgba(0,87,168,0.2);border:1px solid rgba(0,87,168,0.4);color:rgba(255,255,255,0.8);padding:3px 10px;border-radius:20px;font-size:0.62em;font-weight:600;">FINE-TUNED MODEL</span><span style="background:rgba(232,160,32,0.15);border:1px solid rgba(232,160,32,0.3);color:rgba(255,255,255,0.8);padding:3px 10px;border-radius:20px;font-size:0.62em;font-weight:600;">5 AI MODELS</span><span style="background:rgba(46,204,113,0.15);border:1px solid rgba(46,204,113,0.3);color:rgba(255,255,255,0.8);padding:3px 10px;border-radius:20px;font-size:0.62em;font-weight:600;">$0 COST</span></div></div><div style="display:flex;align-items:center;gap:18px;"><div style="text-align:right;"><div style="color:rgba(255,255,255,0.35);font-size:0.62em;letter-spacing:2px;text-transform:uppercase;margin-bottom:6px;">Research Pillars</div><div style="display:flex;flex-direction:column;gap:4px;align-items:flex-end;"><span style="background:rgba(193,18,31,0.15);border:1px solid rgba(193,18,31,0.2);color:rgba(255,255,255,0.7);padding:2px 10px;border-radius:6px;font-size:0.65em;">MHV - MCL PIV TGT</span><span style="background:rgba(0,87,168,0.15);border:1px solid rgba(0,87,168,0.2);color:rgba(255,255,255,0.7);padding:2px 10px;border-radius:6px;font-size:0.65em;">CKD - uPAD Jaffe</span><span style="background:rgba(232,160,32,0.1);border:1px solid rgba(232,160,32,0.2);color:rgba(255,255,255,0.7);padding:2px 10px;border-radius:6px;font-size:0.65em;">FSI - COMSOL</span></div></div><div style="animation:hb 1.5s ease infinite;"><svg width="52" height="48" viewBox="0 0 100 90"><defs><radialGradient id="hg2" cx="50%" cy="40%"><stop offset="0%" stop-color="#e63946"/><stop offset="100%" stop-color="#7d0a11"/></radialGradient></defs><path d="M50 85 C50 85 5 55 5 30 C5 15 18 5 30 5 C38 5 45 9 50 15 C55 9 62 5 70 5 C82 5 95 15 95 30 C95 55 50 85 50 85Z" fill="url(#hg2)" opacity="0.95"/><polyline points="20,48 30,48 36,35 40,60 44,28 48,52 54,48 80,48" fill="none" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" opacity="0.9"/></svg></div></div></div><div style="height:2px;background:linear-gradient(90deg,transparent,#0057a8,#c1121f,#e8a020,#c1121f,#0057a8,transparent);"></div></div>"""
 
 # ── PAPER DATABASE ─────────────────────────────────────────────────
 CHUNKS = []
@@ -991,303 +853,37 @@ with gr.Blocks(title="CardioLab AI v39 - SJSU") as demo:
 </div>
     <span style="color:#9ca3af;font-size:0.75em;">CardioLab AI v39 | SJSU Biomedical Engineering | RAG + Fine-tuned + Phase D | Inspired by <a href="https://github.com/snap-stanford/Biomni" style="color:#c1121f;">Biomni Stanford</a> | Apache 2.0 | $0 Cost</span></div>""")
 
-demo.launch(css=CSS)CSS = '''
-@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;900&family=Space+Grotesk:wght@400;500;700&family=JetBrains+Mono:wght@400;500&display=swap');
-
-/* ── ANIMATED BACKGROUND ─────────────────────────── */
-body {
-    background: #050a14 !important;
-    font-family: "Inter", sans-serif !important;
-    min-height: 100vh;
-    overflow-x: hidden;
-}
-
-body::before {
-    content: "";
-    position: fixed;
-    top: 0; left: 0;
-    width: 100%; height: 100%;
-    background:
-        radial-gradient(ellipse 80% 60% at 20% 10%, rgba(193,18,31,0.12) 0%, transparent 60%),
-        radial-gradient(ellipse 60% 80% at 80% 90%, rgba(0,87,168,0.10) 0%, transparent 60%),
-        radial-gradient(ellipse 40% 40% at 50% 50%, rgba(232,160,32,0.04) 0%, transparent 70%);
-    pointer-events: none;
-    z-index: 0;
-    animation: bgShift 12s ease-in-out infinite alternate;
-}
-
-@keyframes bgShift {
-    0%   { opacity: 1; transform: scale(1); }
-    100% { opacity: 0.7; transform: scale(1.05); }
-}
-
-/* ── GRADIO CONTAINER ────────────────────────────── */
-.gradio-container {
-    background: transparent !important;
-    max-width: 1600px !important;
-    margin: 0 auto !important;
-    position: relative;
-    z-index: 1;
-}
-
-/* ── TABS — PILL STYLE ───────────────────────────── */
-.tab-nav {
-    background: rgba(255,255,255,0.03) !important;
-    backdrop-filter: blur(20px) !important;
-    border: 1px solid rgba(255,255,255,0.08) !important;
-    border-radius: 16px !important;
-    padding: 6px !important;
-    margin: 10px 0 !important;
-    display: flex !important;
-    flex-wrap: wrap !important;
-    gap: 4px !important;
-}
-
-.tab-nav button {
-    background: transparent !important;
-    color: rgba(255,255,255,0.5) !important;
-    border: none !important;
-    border-radius: 10px !important;
-    padding: 8px 14px !important;
-    font-weight: 500 !important;
-    font-size: 0.78em !important;
-    white-space: nowrap !important;
-    transition: all 0.25s cubic-bezier(0.4,0,0.2,1) !important;
-    letter-spacing: 0.02em !important;
-}
-
-.tab-nav button:hover {
-    background: rgba(255,255,255,0.08) !important;
-    color: rgba(255,255,255,0.9) !important;
-    transform: translateY(-1px) !important;
-}
-
-.tab-nav button.selected {
-    background: linear-gradient(135deg, #c1121f, #e63946) !important;
-    color: white !important;
-    font-weight: 700 !important;
-    box-shadow: 0 4px 20px rgba(193,18,31,0.4), 0 0 0 1px rgba(193,18,31,0.3) !important;
-    transform: translateY(-1px) !important;
-}
-
-/* ── CHATBOT MESSAGES ────────────────────────────── */
-.message-wrap {
-    padding: 6px 0 !important;
-}
-
-.message.user {
-    background: linear-gradient(135deg, rgba(193,18,31,0.2), rgba(230,57,70,0.15)) !important;
-    border: 1px solid rgba(193,18,31,0.3) !important;
-    color: rgba(255,255,255,0.95) !important;
-    border-radius: 18px 18px 4px 18px !important;
-    padding: 14px 18px !important;
-    backdrop-filter: blur(10px) !important;
-    animation: msgIn 0.3s cubic-bezier(0.34,1.56,0.64,1) !important;
-}
-
-.message.bot {
-    background: rgba(255,255,255,0.05) !important;
-    border: 1px solid rgba(255,255,255,0.1) !important;
-    color: rgba(255,255,255,0.9) !important;
-    border-radius: 18px 18px 18px 4px !important;
-    padding: 14px 18px !important;
-    backdrop-filter: blur(10px) !important;
-    border-left: 3px solid #c1121f !important;
-    animation: msgIn 0.3s cubic-bezier(0.34,1.56,0.64,1) !important;
-}
-
-@keyframes msgIn {
-    from { opacity: 0; transform: translateY(10px) scale(0.97); }
-    to   { opacity: 1; transform: translateY(0) scale(1); }
-}
-
-/* ── CHATBOT CONTAINER ───────────────────────────── */
-.chatbot {
-    background: rgba(255,255,255,0.02) !important;
-    border: 1px solid rgba(255,255,255,0.08) !important;
-    border-radius: 20px !important;
-    backdrop-filter: blur(20px) !important;
-}
-
-/* ── INPUT FIELDS ────────────────────────────────── */
-textarea, input[type=text], input[type=number] {
-    background: rgba(255,255,255,0.06) !important;
-    color: rgba(255,255,255,0.9) !important;
-    border: 1px solid rgba(255,255,255,0.12) !important;
-    border-radius: 14px !important;
-    font-family: "Inter", sans-serif !important;
-    font-size: 0.9em !important;
-    transition: all 0.25s ease !important;
-    backdrop-filter: blur(10px) !important;
-}
-
-textarea:focus, input:focus {
-    border-color: rgba(193,18,31,0.6) !important;
-    box-shadow: 0 0 0 3px rgba(193,18,31,0.15), 0 0 30px rgba(193,18,31,0.1) !important;
-    outline: none !important;
-    background: rgba(255,255,255,0.08) !important;
-}
-
-textarea::placeholder { color: rgba(255,255,255,0.3) !important; }
-
-/* ── BUTTONS ─────────────────────────────────────── */
-button.primary {
-    background: linear-gradient(135deg, #c1121f 0%, #e63946 100%) !important;
-    color: white !important;
-    border: none !important;
-    border-radius: 12px !important;
-    font-weight: 700 !important;
-    font-size: 0.88em !important;
-    letter-spacing: 0.03em !important;
-    box-shadow: 0 4px 20px rgba(193,18,31,0.35) !important;
-    transition: all 0.2s cubic-bezier(0.4,0,0.2,1) !important;
-    position: relative !important;
-    overflow: hidden !important;
-}
-
-button.primary::after {
-    content: "";
-    position: absolute;
-    top: 0; left: -100%;
-    width: 100%; height: 100%;
-    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
-    transition: left 0.5s ease;
-}
-
-button.primary:hover::after { left: 100%; }
-
-button.primary:hover {
-    transform: translateY(-2px) !important;
-    box-shadow: 0 8px 30px rgba(193,18,31,0.5) !important;
-}
-
-button.primary:active { transform: translateY(0) !important; }
-
-button.secondary {
-    background: rgba(255,255,255,0.07) !important;
-    color: rgba(255,255,255,0.7) !important;
-    border: 1px solid rgba(255,255,255,0.15) !important;
-    border-radius: 12px !important;
-    font-weight: 500 !important;
-    transition: all 0.2s ease !important;
-    backdrop-filter: blur(10px) !important;
-}
-
-button.secondary:hover {
-    background: rgba(255,255,255,0.12) !important;
-    color: white !important;
-    transform: translateY(-1px) !important;
-}
-
-/* ── LABELS ──────────────────────────────────────── */
-label span {
-    color: rgba(255,255,255,0.55) !important;
-    font-weight: 500 !important;
-    font-size: 0.78em !important;
-    letter-spacing: 0.06em !important;
-    text-transform: uppercase !important;
-}
-
-/* ── DROPDOWNS ───────────────────────────────────── */
-.wrap-inner, select, .multiselect {
-    background: rgba(255,255,255,0.06) !important;
-    border: 1px solid rgba(255,255,255,0.12) !important;
-    border-radius: 12px !important;
-    color: rgba(255,255,255,0.85) !important;
-}
-
-/* ── GLASSMORPHISM PANELS ────────────────────────── */
-.block, .panel {
-    background: rgba(255,255,255,0.03) !important;
-    border: 1px solid rgba(255,255,255,0.07) !important;
-    border-radius: 20px !important;
-    backdrop-filter: blur(20px) !important;
-}
-
-/* ── MARKDOWN TEXT ───────────────────────────────── */
-.prose, .md {
-    color: rgba(255,255,255,0.8) !important;
-}
-
-/* ── FILE UPLOAD ─────────────────────────────────── */
-.upload-container, .file-preview {
-    background: rgba(255,255,255,0.04) !important;
-    border: 2px dashed rgba(255,255,255,0.15) !important;
-    border-radius: 16px !important;
-    transition: all 0.25s ease !important;
-}
-
-.upload-container:hover {
-    border-color: rgba(193,18,31,0.5) !important;
-    background: rgba(193,18,31,0.05) !important;
-}
-
-/* ── SIDEBAR ─────────────────────────────────────── */
-.sidebar-card {
-    background: rgba(255,255,255,0.04);
-    border: 1px solid rgba(255,255,255,0.08);
-    border-radius: 16px;
-    padding: 16px;
-    margin-bottom: 8px;
-    backdrop-filter: blur(20px);
-}
-
-/* ── SCROLLBAR ───────────────────────────────────── */
-::-webkit-scrollbar { width: 5px; height: 5px; }
-::-webkit-scrollbar-track { background: transparent; }
-::-webkit-scrollbar-thumb {
-    background: rgba(255,255,255,0.15);
-    border-radius: 10px;
-}
-::-webkit-scrollbar-thumb:hover { background: rgba(193,18,31,0.5); }
-
-/* ── IMAGES ──────────────────────────────────────── */
-img {
-    border-radius: 14px !important;
-    border: 1px solid rgba(255,255,255,0.08) !important;
-}
-
-/* ── NUMBER INPUTS ───────────────────────────────── */
-input[type=number] {
-    background: rgba(255,255,255,0.06) !important;
-    color: rgba(255,255,255,0.9) !important;
-    border: 1px solid rgba(255,255,255,0.12) !important;
-    border-radius: 12px !important;
-}
-
-/* ── RADIO BUTTONS ───────────────────────────────── */
-.wrap {
-    color: rgba(255,255,255,0.8) !important;
-}
-
-/* ── ANIMATIONS ──────────────────────────────────── */
-@keyframes pulse {
-    0%, 100% { opacity: 1; }
-    50% { opacity: 0.5; }
-}
-
-@keyframes fadeSlideUp {
-    from { opacity: 0; transform: translateY(20px); }
-    to   { opacity: 1; transform: translateY(0); }
-}
-
-@keyframes ecgLine {
-    0%   { stroke-dashoffset: 1000; }
-    100% { stroke-dashoffset: 0; }
-}
-
-@keyframes heartbeat {
-    0%, 100% { transform: scale(1); }
-    14%       { transform: scale(1.15); }
-    28%       { transform: scale(1); }
-    42%       { transform: scale(1.1); }
-    56%       { transform: scale(1); }
-}
-
-.gradio-container > * {
-    animation: fadeSlideUp 0.5s ease forwards;
-}
-'''port gradio as gr
+demo.launch(css=CSS)CSS = '''@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;900&family=Space+Grotesk:wght@400;500;700&display=swap');
+
+body{background:#050a14 !important;font-family:Inter,sans-serif !important;}
+body::before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse 80% 60% at 20% 10%,rgba(193,18,31,0.12) 0%,transparent 60%),radial-gradient(ellipse 60% 80% at 80% 90%,rgba(0,87,168,0.10) 0%,transparent 60%);pointer-events:none;z-index:0;animation:bgShift 12s ease-in-out infinite alternate;}
+@keyframes bgShift{0%{opacity:1;transform:scale(1)}100%{opacity:0.7;transform:scale(1.05)}}
+@keyframes msgIn{from{opacity:0;transform:translateY(10px) scale(0.97)}to{opacity:1;transform:translateY(0) scale(1)}}
+@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.5;transform:scale(1.3)}}
+@keyframes shimmer{0%{left:-100%}100%{left:100%}}
+.gradio-container{background:transparent !important;max-width:1600px !important;margin:0 auto !important;position:relative;z-index:1;}
+.tab-nav{background:rgba(255,255,255,0.03) !important;backdrop-filter:blur(20px) !important;border:1px solid rgba(255,255,255,0.08) !important;border-radius:16px !important;padding:6px !important;margin:10px 0 !important;display:flex !important;flex-wrap:wrap !important;gap:4px !important;}
+.tab-nav button{background:transparent !important;color:rgba(255,255,255,0.5) !important;border:none !important;border-radius:10px !important;padding:8px 14px !important;font-weight:500 !important;font-size:0.78em !important;white-space:nowrap !important;transition:all 0.25s cubic-bezier(0.4,0,0.2,1) !important;}
+.tab-nav button:hover{background:rgba(255,255,255,0.08) !important;color:rgba(255,255,255,0.9) !important;transform:translateY(-1px) !important;}
+.tab-nav button.selected{background:linear-gradient(135deg,#c1121f,#e63946) !important;color:white !important;font-weight:700 !important;box-shadow:0 4px 20px rgba(193,18,31,0.4) !important;transform:translateY(-1px) !important;}
+.message.user{background:linear-gradient(135deg,rgba(193,18,31,0.2),rgba(230,57,70,0.15)) !important;border:1px solid rgba(193,18,31,0.3) !important;color:rgba(255,255,255,0.95) !important;border-radius:18px 18px 4px 18px !important;padding:14px 18px !important;backdrop-filter:blur(10px) !important;animation:msgIn 0.3s cubic-bezier(0.34,1.56,0.64,1) !important;}
+.message.bot{background:rgba(255,255,255,0.05) !important;border:1px solid rgba(255,255,255,0.1) !important;color:rgba(255,255,255,0.9) !important;border-radius:18px 18px 18px 4px !important;padding:14px 18px !important;backdrop-filter:blur(10px) !important;border-left:3px solid #c1121f !important;animation:msgIn 0.3s cubic-bezier(0.34,1.56,0.64,1) !important;}
+.chatbot{background:rgba(255,255,255,0.02) !important;border:1px solid rgba(255,255,255,0.08) !important;border-radius:20px !important;backdrop-filter:blur(20px) !important;}
+textarea,input[type=text],input[type=number]{background:rgba(255,255,255,0.06) !important;color:rgba(255,255,255,0.9) !important;border:1px solid rgba(255,255,255,0.12) !important;border-radius:14px !important;transition:all 0.25s ease !important;backdrop-filter:blur(10px) !important;}
+textarea:focus,input:focus{border-color:rgba(193,18,31,0.6) !important;box-shadow:0 0 0 3px rgba(193,18,31,0.15) !important;outline:none !important;background:rgba(255,255,255,0.08) !important;}
+textarea::placeholder{color:rgba(255,255,255,0.3) !important;}
+button.primary{background:linear-gradient(135deg,#c1121f 0%,#e63946 100%) !important;color:white !important;border:none !important;border-radius:12px !important;font-weight:700 !important;font-size:0.88em !important;box-shadow:0 4px 20px rgba(193,18,31,0.35) !important;transition:all 0.2s cubic-bezier(0.4,0,0.2,1) !important;overflow:hidden !important;}
+button.primary:hover{transform:translateY(-2px) !important;box-shadow:0 8px 30px rgba(193,18,31,0.5) !important;}
+button.secondary{background:rgba(255,255,255,0.07) !important;color:rgba(255,255,255,0.7) !important;border:1px solid rgba(255,255,255,0.15) !important;border-radius:12px !important;transition:all 0.2s ease !important;backdrop-filter:blur(10px) !important;}
+button.secondary:hover{background:rgba(255,255,255,0.12) !important;color:white !important;transform:translateY(-1px) !important;}
+label span{color:rgba(255,255,255,0.55) !important;font-weight:500 !important;font-size:0.78em !important;letter-spacing:0.06em !important;text-transform:uppercase !important;}
+.block,.panel{background:rgba(255,255,255,0.03) !important;border:1px solid rgba(255,255,255,0.07) !important;border-radius:20px !important;backdrop-filter:blur(20px) !important;}
+.prose,.md{color:rgba(255,255,255,0.8) !important;}
+::-webkit-scrollbar{width:5px;height:5px;}
+::-webkit-scrollbar-track{background:transparent;}
+::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.15);border-radius:10px;}
+::-webkit-scrollbar-thumb:hover{background:rgba(193,18,31,0.5);}
+img{border-radius:14px !important;border:1px solid rgba(255,255,255,0.08) !important;}'''port gradio as gr
 import os, requests, io, json
 import numpy as np
 import pandas as pd
@@ -1337,34 +933,7 @@ button.secondary { background: #f3f4f6 !important; color: #374151 !important; bo
 input[type=number] { background: #f9fafb !important; color: #1a202c !important; border: 1px solid #d1d5db !important; border-radius: 8px !important; }
 """
 
-HEADER = """<div style="background:linear-gradient(135deg,#0a0f2e 0%,#1a0a0a 100%);padding:0;border-bottom:3px solid #c1121f;overflow:hidden;">
-<svg style="position:absolute;opacity:0.07;width:100%;height:100%;" viewBox="0 0 1200 120" preserveAspectRatio="none">
-<polyline points="0,60 100,60 130,20 150,100 170,10 200,90 220,60 400,60 430,20 450,100 470,10 500,90 520,60 700,60 730,20 750,100 770,10 800,90 820,60 1000,60 1030,20 1050,100 1070,10 1100,90 1120,60 1200,60" fill="none" stroke="#c1121f" stroke-width="3"/>
-</svg>
-<div style="max-width:1200px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1;">
-<div style="display:flex;align-items:center;gap:14px;">
-<svg width="55" height="55" viewBox="0 0 100 100"><circle cx="50" cy="35" r="28" fill="#0057a8" opacity="0.9"/><ellipse cx="50" cy="14" rx="22" ry="10" fill="#0057a8"/>
-<polygon points="30,14 33,4 36,14" fill="#e8a020"/><polygon points="36,12 39,2 42,12" fill="#e8a020"/>
-<polygon points="42,11 45,1 48,11" fill="#e8a020"/><polygon points="48,11 51,1 54,11" fill="#e8a020"/>
-<polygon points="54,12 57,2 60,12" fill="#e8a020"/><polygon points="60,14 63,4 66,14" fill="#e8a020"/>
-<rect x="36" y="30" width="28" height="22" rx="4" fill="#0057a8"/><rect x="40" y="35" width="8" height="12" rx="2" fill="#e8a020"/>
-<rect x="34" y="50" width="32" height="8" rx="4" fill="#0057a8"/></svg>
-<div><div style="color:#9ca3af;font-size:0.7em;letter-spacing:2px;text-transform:uppercase;">San Jose State University</div>
-<div style="color:#e8a020;font-size:0.82em;font-weight:700;">Biomedical Engineering</div></div></div>
-<div style="text-align:center;flex:1;padding:0 20px;">
-<div style="display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:3px;">
-<svg width="100" height="28" viewBox="0 0 120 32"><polyline points="0,16 20,16 26,4 30,28 34,2 38,26 44,16 120,16" fill="none" stroke="#c1121f" stroke-width="2.5" stroke-linecap="round"/></svg>
-<div style="font-size:2em;font-weight:900;letter-spacing:2px;"><span style="color:#ffffff;">Cardio</span><span style="color:#c1121f;">Lab</span><span style="color:#ffffff;"> AI</span></div>
-<svg width="100" height="28" viewBox="0 0 120 32" style="transform:scaleX(-1);"><polyline points="0,16 20,16 26,4 30,28 34,2 38,26 44,16 120,16" fill="none" stroke="#c1121f" stroke-width="2.5" stroke-linecap="round"/></svg></div>
-<div style="color:#9ca3af;font-size:0.68em;letter-spacing:2px;text-transform:uppercase;">RAG + Fine-tuned | Protocol Generator | Report Writer | BioGPT | 5 AI Models</div></div>
-<div style="display:flex;align-items:center;gap:14px;">
-<div style="text-align:right;"><div style="color:#9ca3af;font-size:0.68em;text-transform:uppercase;">Research Pillars</div>
-<div style="color:#ffffff;font-size:0.72em;margin-top:3px;">MHV  CKD  FSI</div>
-<div style="color:#9ca3af;font-size:0.62em;margin-top:2px;">MCL  PIV  TGT  uPAD  COMSOL</div></div>
-<svg width="48" height="48" viewBox="0 0 100 90">
-<path d="M50 85 C50 85 5 55 5 30 C5 15 18 5 30 5 C38 5 45 9 50 15 C55 9 62 5 70 5 C82 5 95 15 95 30 C95 55 50 85 50 85Z" fill="#c1121f" opacity="0.9"/>
-<polyline points="25,45 32,45 35,35 38,55 41,30 44,50 50,45 75,45" fill="none" stroke="white" stroke-width="2.5" stroke-linecap="round" opacity="0.9"/></svg></div></div>
-<div style="height:3px;background:linear-gradient(90deg,#0057a8,#c1121f,#e8a020,#c1121f,#0057a8);"></div></div>"""
+HEADER = """<div style="background:linear-gradient(135deg,#0a0f1e 0%,#0d0508 50%,#0a0f1e 100%);border-bottom:1px solid rgba(193,18,31,0.3);position:relative;overflow:hidden;padding:0;"><style>@keyframes hb{0%,100%{transform:scale(1)}15%{transform:scale(1.18)}30%{transform:scale(1)}45%{transform:scale(1.12)}60%{transform:scale(1)}}@keyframes ecgDraw{from{stroke-dashoffset:800}to{stroke-dashoffset:0}}@keyframes shimmer2{0%{opacity:0.5}50%{opacity:1}100%{opacity:0.5}}</style><div style="position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(193,18,31,0.04) 1px,transparent 1px),linear-gradient(90deg,rgba(193,18,31,0.04) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;"></div><div style="position:absolute;top:-50%;left:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(193,18,31,0.08) 0%,transparent 70%);pointer-events:none;"></div><div style="max-width:1400px;margin:0 auto;padding:18px 28px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1;"><div style="display:flex;align-items:center;gap:16px;"><div style="width:52px;height:52px;background:linear-gradient(135deg,rgba(0,87,168,0.3),rgba(0,87,168,0.1));border:1px solid rgba(0,87,168,0.4);border-radius:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px rgba(0,87,168,0.25);"><svg width="32" height="32" viewBox="0 0 100 100"><circle cx="50" cy="35" r="28" fill="#0057a8" opacity="0.9"/><ellipse cx="50" cy="14" rx="22" ry="10" fill="#0057a8"/><polygon points="30,14 33,4 36,14" fill="#e8a020"/><polygon points="36,12 39,2 42,12" fill="#e8a020"/><polygon points="42,11 45,1 48,11" fill="#e8a020"/><polygon points="48,11 51,1 54,11" fill="#e8a020"/><polygon points="54,12 57,2 60,12" fill="#e8a020"/><polygon points="60,14 63,4 66,14" fill="#e8a020"/><rect x="36" y="30" width="28" height="22" rx="4" fill="#0057a8"/><rect x="40" y="35" width="8" height="12" rx="2" fill="#e8a020"/><rect x="34" y="50" width="32" height="8" rx="4" fill="#0057a8"/></svg></div><div><div style="color:rgba(232,160,32,0.9);font-size:0.65em;font-weight:600;letter-spacing:3px;text-transform:uppercase;margin-bottom:2px;">San Jose State University</div><div style="color:white;font-size:0.92em;font-weight:700;">Biomedical Engineering</div><div style="color:rgba(255,255,255,0.35);font-size:0.62em;letter-spacing:1px;margin-top:1px;">Dr. Alessandro Bellofiore - CardioLab</div></div></div><div style="text-align:center;flex:1;padding:0 30px;"><div style="display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:6px;"><svg width="110" height="30" viewBox="0 0 140 30" style="opacity:0.8;"><polyline points="0,15 25,15 32,15 38,3 42,27 46,1 50,25 56,15 140,15" fill="none" stroke="#c1121f" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="800" style="animation:ecgDraw 2s ease forwards;"/></svg><div style="font-size:2.4em;font-weight:900;letter-spacing:1px;line-height:1;"><span style="color:white;">Cardio</span><span style="color:#c1121f;">Lab</span><span style="color:white;"> AI</span></div><svg width="110" height="30" viewBox="0 0 140 30" style="opacity:0.8;transform:scaleX(-1);"><polyline points="0,15 25,15 32,15 38,3 42,27 46,1 50,25 56,15 140,15" fill="none" stroke="#c1121f" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="800" style="animation:ecgDraw 2.3s ease forwards;"/></svg></div><div style="display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;"><span style="background:rgba(193,18,31,0.2);border:1px solid rgba(193,18,31,0.4);color:rgba(255,255,255,0.8);padding:3px 10px;border-radius:20px;font-size:0.62em;font-weight:600;">RAG 16 PAPERS</span><span style="background:rgba(0,87,168,0.2);border:1px solid rgba(0,87,168,0.4);color:rgba(255,255,255,0.8);padding:3px 10px;border-radius:20px;font-size:0.62em;font-weight:600;">FINE-TUNED MODEL</span><span style="background:rgba(232,160,32,0.15);border:1px solid rgba(232,160,32,0.3);color:rgba(255,255,255,0.8);padding:3px 10px;border-radius:20px;font-size:0.62em;font-weight:600;">5 AI MODELS</span><span style="background:rgba(46,204,113,0.15);border:1px solid rgba(46,204,113,0.3);color:rgba(255,255,255,0.8);padding:3px 10px;border-radius:20px;font-size:0.62em;font-weight:600;">$0 COST</span></div></div><div style="display:flex;align-items:center;gap:18px;"><div style="text-align:right;"><div style="color:rgba(255,255,255,0.35);font-size:0.62em;letter-spacing:2px;text-transform:uppercase;margin-bottom:6px;">Research Pillars</div><div style="display:flex;flex-direction:column;gap:4px;align-items:flex-end;"><span style="background:rgba(193,18,31,0.15);border:1px solid rgba(193,18,31,0.2);color:rgba(255,255,255,0.7);padding:2px 10px;border-radius:6px;font-size:0.65em;">MHV - MCL PIV TGT</span><span style="background:rgba(0,87,168,0.15);border:1px solid rgba(0,87,168,0.2);color:rgba(255,255,255,0.7);padding:2px 10px;border-radius:6px;font-size:0.65em;">CKD - uPAD Jaffe</span><span style="background:rgba(232,160,32,0.1);border:1px solid rgba(232,160,32,0.2);color:rgba(255,255,255,0.7);padding:2px 10px;border-radius:6px;font-size:0.65em;">FSI - COMSOL</span></div></div><div style="animation:hb 1.5s ease infinite;"><svg width="52" height="48" viewBox="0 0 100 90"><defs><radialGradient id="hg2" cx="50%" cy="40%"><stop offset="0%" stop-color="#e63946"/><stop offset="100%" stop-color="#7d0a11"/></radialGradient></defs><path d="M50 85 C50 85 5 55 5 30 C5 15 18 5 30 5 C38 5 45 9 50 15 C55 9 62 5 70 5 C82 5 95 15 95 30 C95 55 50 85 50 85Z" fill="url(#hg2)" opacity="0.95"/><polyline points="20,48 30,48 36,35 40,60 44,28 48,52 54,48 80,48" fill="none" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" opacity="0.9"/></svg></div></div></div><div style="height:2px;background:linear-gradient(90deg,transparent,#0057a8,#c1121f,#e8a020,#c1121f,#0057a8,transparent);"></div></div>"""
 
 # ── PAPER DATABASE ─────────────────────────────────────────────────
 CHUNKS = []