@import "https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}body{overscroll-behavior-y:none;overscroll-behavior:none;background-color:#f6f9fc;margin:0;font-family:Kanit,sans-serif;overflow-x:hidden}.app-container{overscroll-behavior:none;touch-action:pan-y;background-image:radial-gradient(#dbe5f0 2px,#0000 2px);background-size:30px 30px;flex-direction:column;min-height:100vh;padding-bottom:120px;display:flex;position:relative}.header-bg{color:#fff;text-align:center;background-image:url(/wallpaper.png);background-position:50%;background-repeat:no-repeat;background-size:cover;padding:25px 20px;position:relative;box-shadow:0 4px 8px #0000001a}.header-logo{background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 10px;font-size:30px;display:flex}.header-bg h1{letter-spacing:1px;margin:0;font-size:32px;font-weight:500}.header-bg p{color:#050505;margin:5px 0 0;font-size:22px}.home-screen{z-index:10;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.reader-illustration{cursor:pointer;flex-direction:column;align-items:center;margin-bottom:40px;transition:transform .2s;display:flex}.reader-illustration:active{transform:scale(.95)}.reader-slot{z-index:3;background-color:#d1d5db;border:2px solid #e8eaee;border-bottom:none;border-radius:10px 10px 0 0;width:250px;height:30px;position:relative;box-shadow:inset 0 -10px 15px #0003}.id-card{z-index:2;box-sizing:border-box;background:linear-gradient(to bottom right,#bce0ed,#e6f2f7);border:1px solid #9ca3af;border-radius:12px;width:180px;height:250px;margin-top:-15px;padding:15px;position:relative;box-shadow:0 10px 20px #00000026}.card-chip{background-color:#fcd34d;border:1px solid #d97706;border-radius:4px;width:35px;height:30px;margin-bottom:10px}.card-photo{background-color:#9ca3af;border-radius:4px;width:50px;height:65px;position:absolute;bottom:20px;left:15px}.arrow-circle{color:#1e3a8a;background-color:#93c5fd;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:30px;animation:1.5s infinite bounce;display:flex;position:absolute;bottom:-20px;right:-20px;box-shadow:0 4px 6px #0003}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.instruction-text{color:#111827;text-align:center;font-size:36px;font-weight:600}.dashboard-screen{z-index:10;width:100%;max-width:900px;margin:0 auto;padding:20px}.patient-header-card{color:#fff;text-align:center;z-index:2;background:linear-gradient(135deg,#1fa2ff 0%,#12d8fa 50%,#29ffc6 100%);border-radius:0 0 25px 25px;margin-top:-20px;padding:25px 20px 30px;position:relative;box-shadow:0 10px 25px #12d8fa66}.patient-header-card h2{letter-spacing:.5px;text-shadow:0 2px 5px #00000026;margin:0;font-size:32px;font-weight:600}.realtime-clock{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000001f;border:1px solid #fff6;border-radius:30px;margin:15px auto 10px;padding:6px 25px;font-size:20px;font-weight:500;display:inline-block;box-shadow:0 2px 8px #0000000d}.instruction-subtext{color:#fff;opacity:.9;margin:10px 0 0;font-size:18px;font-weight:400}.photo-container{z-index:10;justify-content:center;margin:15px auto -30px;display:flex;position:relative}.patient-photo-real{object-fit:cover;background-color:#f3f4f6;border:4px solid #fff;border-radius:12px;width:130px;height:150px;box-shadow:0 8px 16px #00000026}.patient-photo-placeholder{background-color:#e5e7eb;border:4px solid #fff;border-radius:12px;justify-content:center;align-items:center;width:130px;height:150px;display:flex;box-shadow:0 8px 16px #00000026}.device-buttons{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:60px;display:flex}.btn-device{color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:10px;padding:12px 20px;font-family:Kanit;font-size:16px;font-weight:500;display:flex;box-shadow:0 2px 4px #0000000d}.vitals-container{background:#fff;border:1px solid #d1d5db;margin-top:20px;padding:10px}.vitals-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.vital-cell{background-color:#f9fafb;border:1px solid #e5e7eb;align-items:center;padding:5px 10px;display:flex}.vital-label{color:#4b5563;flex:1;font-size:14px;line-height:1.2}.vital-value-box{color:#111827;text-align:center;text-shadow:0 1px 1px #fffc;background:linear-gradient(#89f5e1,#3dd8c4);border:1px solid #0d9488;width:110px;padding:5px 0;font-size:26px;font-weight:700;box-shadow:inset 0 2px 5px #fff9}.assessment-section{background:#fff;border:1px solid #d1d5db;border-top:none;padding:20px}.assessment-title{border-bottom:1px dashed #ccc;margin-bottom:15px;padding-bottom:10px;font-size:18px;font-weight:600}.assessment-item{gap:15px;margin-bottom:15px;display:flex}.icon-box{color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:24px;display:flex}.icon-orange{background-color:#f59e0b}.icon-dark{background-color:#4b5563}.assessment-text h4{color:#1f2937;margin:0 0 5px;font-size:16px}.assessment-text p{color:#6b7280;margin:0;font-size:13px;line-height:1.4}.btn-telemed{color:#fff;cursor:pointer;background-color:#1d4ed8;border:none;border-radius:8px;width:100%;margin-top:20px;padding:15px;font-family:Kanit;font-size:20px;font-weight:600;box-shadow:0 4px 6px #1d4ed84d}.footer-waves{z-index:1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%23d946ef' fill-opacity='1' d='M0,256L48,261.3C96,267,192,277,288,250.7C384,224,480,160,576,149.3C672,139,768,181,864,202.7C960,224,1056,224,1152,197.3C1248,171,1344,117,1392,90.7L1440,64L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3E%3C/path%3E%3Cpath fill='%233b82f6' fill-opacity='0.8' d='M0,160L60,181.3C120,203,240,245,360,240C480,235,600,181,720,170.7C840,160,960,192,1080,197.3C1200,203,1320,181,1380,170.7L1440,160L1440,320L1380,320C1320,320,1200,320,1080,320C960,320,840,320,720,320C600,320,480,320,360,320C240,320,120,320,60,320L0,320Z'%3E%3C/path%3E%3C/svg%3E");background-position:bottom;background-repeat:no-repeat;background-size:cover;width:100%;height:150px;position:absolute;bottom:0;left:0}.bottom-icons{z-index:5;gap:10px;display:flex;position:absolute;bottom:20px;left:20px}.circle-icon{color:#fff;background-color:#0000;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;font-size:20px;display:flex}.header-logo{background-color:#0000;justify-content:center;align-items:center;width:500px;height:auto;max-height:180px;margin:0 auto -15px;display:flex}.header-logo img{object-fit:contain;filter:drop-shadow(0 6px 12px #0006);width:100%;height:auto}.aurora-text{color:#0000;background:linear-gradient(270deg,#00e1ff,#0fa,#b366ff,#00e1ff) 0 0/200%;letter-spacing:3px;white-space:nowrap;text-shadow:0 4px 30px #67bff199;-webkit-background-clip:text;background-clip:text;margin:0;padding:15px 20px;line-height:1.3;animation:4s linear infinite auroraFlow;font-size:64px!important;font-weight:900!important}@keyframes auroraFlow{0%{background-position:0%}to{background-position:200%}}