:root{color-scheme:dark;font:16px system-ui;background:#071d22;color:#eaf4f0}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;gap:12px;padding:10px max(16px,env(safe-area-inset-right));padding-top:max(10px,env(safe-area-inset-top));background:#123f3d}header img{width:40px;border-radius:10px}header strong{flex:1}button,a{touch-action:manipulation}button{border:1px solid #4c7970;border-radius:12px;background:#173c3c;color:inherit;padding:12px 18px;cursor:pointer;font:inherit}button:disabled{opacity:.5;cursor:default}#open{background:#b6e77a;color:#122a22;font-weight:700}main{max-width:580px;margin:auto;padding:26px 22px 60px;text-align:center}.logo{width:150px;border-radius:30px}h1{font-size:2rem}p{line-height:1.6;color:#c0d6d0}main button{margin:5px}details{text-align:left;margin:26px 0;padding:18px;background:#123033;border-radius:16px}summary{cursor:pointer}a{color:#b6e77a}#cup{height:calc(100dvh - 72px)}iframe{width:100%;height:100%;border:0;background:#071d22}aside{position:fixed;bottom:0;left:0;right:0;background:#714315;padding:15px;text-align:center;padding-bottom:max(15px,env(safe-area-inset-bottom))}[hidden]{display:none!important}
:root{--hero-gold:#f8df9b}.install-hero{height:180px;border-radius:18px;overflow:hidden;text-align:left;padding:28px 22px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(90deg,#061a23e8,#061a2366 58%,#061a2311),url('./fishay-hero.jpg') 65% 55%/cover;border:1px solid #537277}.install-hero h1{margin:0;font-size:38px;line-height:1;letter-spacing:-1px}.install-hero h1 span{display:block;font-size:12px;letter-spacing:3px;line-height:2.5;color:var(--hero-gold)}.install-hero p{margin:2px 0 0;color:#f0f5f1;font-size:12px}@media(max-width:400px){.install-hero{height:160px;padding:20px}.install-hero h1{font-size:34px}}