:root{color-scheme:light;font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#10234e;background:#edf6fe}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #65b6ff;outline-offset:3px}[hidden]{display:none!important}.genesisApp{max-width:520px;min-height:100dvh;margin:auto;background:linear-gradient(180deg,#f9fcff,#fff 70%);padding:env(safe-area-inset-top,0px) 16px max(18px,env(safe-area-inset-bottom,0px));box-shadow:0 0 60px #3879b50a}.genesisHeader{height:66px;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:5px;position:sticky;top:0;background:#f9fcfff5;z-index:2}.genesisHeader h1{font-size:20px;text-align:center;letter-spacing:-.5px;margin:0}.genesisHeader a{display:grid;place-items:center;min-height:44px;color:#066bea;font-size:30px}.genesisHero{text-align:center;padding:0 0 18px}.genesisHalo{height:188px;display:grid;place-items:center;background:radial-gradient(ellipse,#b8f6fb88,transparent 70%)}.genesisEmblem{width:150px;height:165px;display:grid;place-items:center;clip-path:polygon(50% 0,96% 21%,91% 68%,75% 84%,50% 100%,25% 84%,9% 68%,4% 21%);background:linear-gradient(130deg,#8deaff,#008eff 20%,#123dbe 55%,#09a8ff);filter:drop-shadow(0 8px 15px #197cdf50);border:5px solid #79d6ff}.genesisEmblem img{width:103px;height:103px;border-radius:26px}.genesisHero h2{font-size:29px;letter-spacing:-1px;margin:0 0 4px}.genesisHero p{font-size:13px;margin:0;color:#48617d}.genesisCards{display:grid;gap:9px}.genesisCard{display:grid;grid-template-columns:58px minmax(0,1fr) 15px;align-items:center;gap:12px;min-height:83px;padding:10px 12px;border:1px solid var(--line);background:linear-gradient(115deg,var(--tint),#ffffff);border-radius:17px;box-shadow:0 3px 9px #0c477b06}.genesisCard b{display:block;font-size:16px;line-height:1.3;letter-spacing:-.3px}.genesisCard small{display:block;font-size:12px;color:#3d5675;line-height:1.4;margin-top:3px}.genesisCard i{font-size:27px;font-style:normal}.genesisTile{width:56px;height:58px;border-radius:17px;display:grid;place-items:center;color:white;font-size:36px;background:linear-gradient(135deg,var(--bright),var(--dark));box-shadow:0 3px 9px var(--line),inset 0 1px 2px #ffffffa0}.mint{--tint:#ddfff1;--line:#86e2bf;--bright:#0ee191;--dark:#00985c}.gold{--tint:#fff3cf;--line:#efd37c;--bright:#ffce38;--dark:#ca8b00}.violet{--tint:#ece2ff;--line:#c4a4f3;--bright:#b789ff;--dark:#582cce}.sky{--tint:#e0f5ff;--line:#9bd7ed;--bright:#25caff;--dark:#087be3}.silver{--tint:#edf1f6;--line:#ccd9e7;--bright:#a6bed7;--dark:#6986a4}.genesisTagline{text-align:center;color:#245e9b;font-size:13px;font-weight:650;margin:20px 12px}.genesisSummary{display:flex;align-items:center;gap:12px;margin:10px 0 14px;padding:15px;border:1px solid #b5e5db;background:linear-gradient(110deg,#e6fff4,#f7fffc);border-radius:15px}.summaryMark{display:grid;place-items:center;flex-shrink:0;width:46px;height:48px;color:#fff;background:linear-gradient(140deg,#25d8a1,#008651);border-radius:15px;font-size:30px}.genesisSummary b{font-size:16px}.genesisSummary p{font-size:12px;margin:4px 0 0;color:#496376;line-height:1.4}.genesisTabs{display:flex;gap:5px;margin-bottom:10px;overflow:auto;scrollbar-width:none}.genesisTabs button{border:0;border-radius:18px;background:#eef3fa;color:#34516e;padding:9px 10px;font-size:11px;white-space:nowrap;min-height:36px}.genesisTabs button[aria-pressed=true]{background:#048cf8;color:white}.genesisRow{display:grid;grid-template-columns:35px minmax(0,1fr) auto 12px;gap:9px;align-items:center;min-height:52px;border-bottom:1px solid #e5edf6;padding:7px 1px;font-size:13px}.rowIcon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(130deg,#00b6ff,#0765e9);color:white;font-size:19px}.rowStatus{font-size:10px;color:#687f96;max-width:90px;text-align:right;line-height:1.3}.rowStatus.active{color:#078357}.rowStatus.pending{color:#967012}.genesisNote{font-size:12px;color:#698198;line-height:1.6;margin:18px 2px}.genesisRefresh{display:block;border:1px solid #b9d9fa;background:#eaf4ff;border-radius:12px;padding:13px;color:#1268c5;text-align:center;width:100%;margin-top:16px}.genesisTip{padding:15px 4px;border-bottom:1px solid #e5edf6}.genesisTip h2{font-size:17px;margin:0 0 7px}.genesisTip p{font-size:14px;line-height:1.5;color:#516c84}.genesisTip a{color:#087fee;font-size:14px;font-weight:600}footer{display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;color:#67829c;padding-top:26px}footer img{border-radius:6px}@media(min-width:700px){.genesisApp{margin:24px auto;border-radius:28px;min-height:calc(100dvh - 48px);padding-inline:26px}.genesisHeader{border-radius:20px}}@media(max-width:350px){.genesisApp{padding-inline:12px}.genesisHeader h1{font-size:18px}.genesisCard{gap:9px;grid-template-columns:48px minmax(0,1fr) 12px}.genesisTile{width:46px;height:50px}.genesisCard b{font-size:15px}.genesisTabs button{padding-inline:8px;font-size:10px}}

.genesisRow{width:100%;text-align:left;background:transparent;border-top:0;border-left:0;border-right:0;color:inherit;font-family:inherit;cursor:pointer}.genesisRow:focus-visible{outline:3px solid #65b6ff;outline-offset:2px}.genesisSetup{width:min(440px,calc(100% - 24px));max-height:calc(100dvh - 32px);overflow:auto;margin:auto;border:1px solid #c7e2f7;border-radius:24px;padding:22px;color:#173650;background:#f9fcff;box-shadow:0 20px 80px #052c5c45}.genesisSetup::backdrop{background:#09243988}.genesisSetupHead{display:flex;justify-content:space-between;align-items:center}.genesisSetupHead .rowIcon{width:50px;height:50px;font-size:27px;border-radius:16px}.genesisSetupHead button{width:44px;height:44px;border:0;border-radius:50%;background:#e9f2fa;color:#245575;font-size:26px}.genesisSetup h2{font-size:24px;line-height:1.2;margin:8px 0 14px;overflow-wrap:anywhere}.genesisSetup p{font-size:15px;line-height:1.55}.genesisSetup .genesisSetupState{font-weight:700;color:#247152;margin-bottom:4px}.genesisSetup .genesisSetupState.pending{color:#8a6715}.genesisSetup label{display:block;font-weight:650;margin:12px 0 8px}.genesisSetup input{display:block;box-sizing:border-box;width:100%;padding:14px;font-size:20px;letter-spacing:.3em;border:1px solid #b8d7ed;border-radius:12px;background:white;color:#183b54}.genesisSetupAction{width:100%;min-height:50px;border:0;border-radius:15px;background:#0789ed;color:white;font-weight:700;font-size:17px;padding:13px}.genesisSetupAction:disabled{opacity:.65;cursor:wait}.genesisSetupSettings{display:flex;min-height:44px;align-items:center;justify-content:center;margin-top:12px;color:#1268ba;font-weight:600}#genesisSetupMessage{color:#295574}#genesisSetupMessage:empty{display:none}


/* Keep the shield title and actions clear of native bars and enlarged text. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.genesisApp{padding-top:0;overflow-wrap:anywhere}
.genesisHeader{height:auto;min-height:70px;padding-top:env(safe-area-inset-top,0px);grid-template-columns:44px minmax(0,1fr) 44px}
.genesisHeader h1{min-width:0;font-size:clamp(18px,5vw,22px);line-height:1.25;padding:10px 0;overflow-wrap:anywhere}
.genesisHeader a{width:44px;min-height:48px}
.genesisHero{padding:8px 0 24px;max-width:100%}
.genesisHalo{height:164px}.genesisEmblem{width:136px;height:150px}.genesisEmblem img{width:96px;height:96px}
.genesisHero h2{font-size:clamp(26px,7.5vw,34px);line-height:1.2;letter-spacing:-.7px;max-width:100%;margin:0 0 10px;overflow-wrap:anywhere}
.genesisHero p{font-size:15px;line-height:1.5;max-width:32ch;margin-inline:auto;text-wrap:pretty}
.genesisCard>span,.genesisSummary>div{min-width:0}.genesisCard b,.genesisCard small{overflow-wrap:anywhere}
.genesisTabs button{min-height:44px}.genesisRows{min-width:0}.genesisRow>span{min-width:0;overflow-wrap:anywhere}
html.vobixInstalled .genesisHeader{padding-top:max(28px,env(safe-area-inset-top,0px))}
html.vobixInstalled .genesisApp{padding-bottom:max(60px,env(safe-area-inset-bottom,0px))}
html:is([data-vobix-font=large],[data-vobix-font=xlarge]) .genesisCard b{font-size:18px}
html:is([data-vobix-font=large],[data-vobix-font=xlarge]) .genesisCard small{font-size:15px}