.eink-display{width:350px;height:151px;background-color:#e0e0e0;border-radius:12px;padding:0;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;position:relative;overflow:hidden;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%23000000' fill-opacity='0.05' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E");box-shadow:inset 0 0 20px rgba(0,0,0,.08),0 20px 60px rgba(0,0,0,.35);border:1px solid #000;background:linear-gradient(145deg,#dedede,#e0e0e0);transition:all .3s ease;margin:0 auto}.eink-header{background-color:#111;color:#f0f0f0;display:flex;justify-content:flex-start;align-items:flex-end;padding:8px 7px;height:46px;box-shadow:inset 0 -2px 3px rgba(0,0,0,.1)}.eink-symbol{font-size:28px;font-weight:700;letter-spacing:-.5px;margin-left:0}.eink-company,.eink-symbol{font-family:Poppins,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1}.eink-company{font-size:14px;font-weight:600;margin-left:10px;opacity:.95;margin-bottom:2px}.eink-main-container{position:relative;height:96px;display:flex;flex-direction:column;padding:0;box-sizing:border-box}.eink-price-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:auto;position:relative;height:54px;padding-top:10px}.eink-price-container{padding:0;flex-grow:1;margin-left:7px}.eink-price{font-size:42px;font-weight:700;letter-spacing:-.5px;color:#000;white-space:nowrap;text-shadow:0 0 1px rgba(0,0,0,.1);font-family:Arial,Helvetica,sans-serif}.eink-change-box{background-color:#111;color:#f0f0f0;border-radius:0;font-size:20px;font-weight:600;width:90px;height:43px;display:flex;align-items:center;justify-content:center;position:absolute;right:9px;top:10px;white-space:nowrap;box-shadow:inset 0 0 3px rgba(0,0,0,.2);font-family:Poppins,Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.eink-change-box[data-direction=up]:before{content:"+";margin-right:1px;font-weight:600}.eink-change-box[data-direction=down]:before{content:"-";margin-right:1px;font-weight:600}.eink-change-box:after{content:"%";font-size:13px;margin-left:1px;font-weight:600;position:relative;top:0}.eink-change-box.three-digits{font-size:18px;letter-spacing:-.3px}.eink-change-box.four-digits{font-size:16px;letter-spacing:-.5px}.eink-footer{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:600;color:#222;height:21px;margin-top:auto;padding:0 9px 9px;font-family:Poppins,Segoe UI,Tahoma,Geneva,Verdana,sans-serif}@keyframes greenBreathing{0%{box-shadow:0 0 30px 15px rgba(82,237,128,.4),0 0 60px rgba(82,237,128,.2),inset 0 0 20px rgba(0,0,0,.08)}50%{box-shadow:0 0 40px 20px rgba(82,237,128,.8),0 0 80px rgba(82,237,128,.4),inset 0 0 20px rgba(0,0,0,.08)}to{box-shadow:0 0 30px 15px rgba(82,237,128,.4),0 0 60px rgba(82,237,128,.2),inset 0 0 20px rgba(0,0,0,.08)}}@keyframes blueBreathing{0%{box-shadow:0 0 30px 15px rgba(82,110,255,.4),0 0 60px rgba(82,110,255,.2),inset 0 0 20px rgba(0,0,0,.08)}50%{box-shadow:0 0 40px 20px rgba(82,110,255,.8),0 0 80px rgba(82,110,255,.4),inset 0 0 20px rgba(0,0,0,.08)}to{box-shadow:0 0 30px 15px rgba(82,110,255,.4),0 0 60px rgba(82,110,255,.2),inset 0 0 20px rgba(0,0,0,.08)}}@keyframes redBreathing{0%{box-shadow:0 0 30px 15px rgba(255,82,82,.4),0 0 60px rgba(255,82,82,.2),inset 0 0 20px rgba(0,0,0,.08)}50%{box-shadow:0 0 40px 20px rgba(255,82,82,.8),0 0 80px rgba(255,82,82,.4),inset 0 0 20px rgba(0,0,0,.08)}to{box-shadow:0 0 30px 15px rgba(255,82,82,.4),0 0 60px rgba(255,82,82,.2),inset 0 0 20px rgba(0,0,0,.08)}}.positive-change{animation:greenBreathing 3s ease-in-out infinite}.zero-change{animation:blueBreathing 3s ease-in-out infinite}.negative-change{animation:redBreathing 3s ease-in-out infinite}esp-web-install-button{--button-bg:#0070f3;--button-text:#fff;--button-hover-bg:#0060df;--button-hover-text:#fff;--button-border-radius:0.375rem;--button-font:inherit;--button-padding:0.75rem 1.5rem;--button-transition:all 0.2s ease;--button-font-weight:500;--button-font-size:0.875rem;--button-line-height:1.25rem;--popup-border-radius:0.5rem;--popup-bg:#fff;--popup-text:#333;--popup-border:1px solid #e5e7eb;--popup-shadow:0 20px 60px rgba(0,0,0,.15);--progress-bar-bg:#f3f4f6;--progress-bar-fill:#0070f3;--link-color:#0070f3;--link-hover-color:#0060df;--error-color:#ef4444;--success-color:#10b981;--warning-color:#f59e0b;--info-color:#3b82f6}:root{--primary:#0070f3;--primary-hover:#0060df;--primary-foreground:#fff;--background:#fff;--foreground:#333;--border:#e5e7eb;--muted:#f3f4f6;--muted-foreground:#6b7280;--destructive:#ef4444;--success:#10b981;--warning:#f59e0b;--info:#3b82f6}body{font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.navbar{background-color:var(--background);border-bottom:1px solid var(--border);box-shadow:0 1px 3px rgba(0,0,0,.05)}.feature-card{transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,.2)}.version-entry{transition:transform .3s ease}.version-entry:hover{transform:translateY(-3px)}@media (max-width:768px){.eink-display{transform:scale(.9)}.feature-card{margin-bottom:1rem}}@media (max-width:480px){.eink-display{transform:scale(.8)}}