.homeScreen{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:#1D2226;color:#fff;padding:max(28px,env(safe-area-inset-top)) 24px calc(120px + env(safe-area-inset-bottom));position:relative}
.homeTop{max-width:960px;width:100%;margin:0 auto 26px}.homeTime{font-size:13px;letter-spacing:.04em;opacity:.8;text-transform:capitalize}
.homeTop h1{font:600 38px/1.1 -apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;margin:6px 0 10px;color:#fff}.homeStats{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;opacity:.9;margin-bottom:16px}.homeStats b{font-size:15px}
#homeSearch{max-width:420px;background:#ffffff26;border:1px solid #ffffff33;color:#fff;border-radius:14px;padding:11px 16px;backdrop-filter:blur(14px)}#homeSearch::placeholder{color:#ffffffb0}#homeSearch:focus{outline:2px solid #ffffff80}
.appGrid{max-width:960px;width:100%;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:26px 12px;justify-items:center}
.appIcon{display:flex;flex-direction:column;align-items:center;gap:8px;background:none;border:0;padding:4px;color:#fff;width:100%;max-width:110px;cursor:pointer;-webkit-tap-highlight-color:transparent}.appIcon:hover{border:0}
.tile{position:relative;width:68px;height:68px;border-radius:16px;display:grid;place-items:center;box-shadow:0 6px 16px #0006,inset 0 1px 0 #ffffff55;transition:transform .12s}.tile svg{width:36px;height:36px}
.appIcon:hover .tile{transform:scale(1.07)}.appIcon:active .tile{transform:scale(.92)}.appIcon:focus-visible .tile{outline:3px solid #fff}
.appName{font-size:12px;line-height:1.2;text-align:center;text-shadow:0 1px 3px #0008;max-width:96px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.appBadge{position:absolute;top:-6px;right:-6px;min-width:22px;height:22px;border-radius:11px;background:#C9201A;color:#fff;font:700 12px/22px -apple-system,Arial;text-align:center;padding:0 6px;font-style:normal;box-shadow:0 2px 6px #0006}
.dock{position:fixed;left:50%;bottom:calc(14px + env(safe-area-inset-bottom));transform:translateX(-50%);display:flex;gap:18px;padding:12px 18px;background:#ffffff2e;border:1px solid #ffffff40;border-radius:30px;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);z-index:5}
.dock .appIcon{width:auto}
@media(max-width:640px){.homeScreen{padding:max(20px,env(safe-area-inset-top)) 14px calc(112px + env(safe-area-inset-bottom))}.homeTop h1{font-size:30px}.appGrid{grid-template-columns:repeat(4,1fr);gap:22px 4px}.tile{width:62px;height:62px;border-radius:15px}.tile svg{width:32px;height:32px}.appName{font-size:12px}.dock{gap:14px;padding:10px 14px;border-radius:28px}}
@media(max-width:360px){.appGrid{grid-template-columns:repeat(3,1fr)}}
dialog.pwaHelp{border:1px solid var(--line);border-radius:18px;width:min(460px,calc(100vw - 32px));padding:0}dialog.pwaHelp::backdrop{background:#251f2155}
.heroAsst{max-width:960px;width:100%;margin:0 auto 24px;display:flex;align-items:center;gap:16px;text-align:left;color:#fff;cursor:pointer;border:1px solid #ffffff55;border-radius:22px;padding:18px 20px;background:linear-gradient(135deg,#0A66C2,#7A3E9D);box-shadow:0 10px 30px #0A66C2aa,inset 0 1px 0 #ffffff66;-webkit-tap-highlight-color:transparent}
.heroAsst:hover{border-color:#fff;transform:translateY(-1px)}.heroAsst:focus-visible{outline:3px solid #fff}
.heroIc{width:56px;height:56px;border-radius:16px;background:#ffffff2e;display:grid;place-items:center;flex:none}.heroIc svg{width:34px;height:34px}
.heroTx{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.heroTx b{font-size:20px}.heroTx small{font-size:13px;opacity:.92;line-height:1.3}
.heroGo{font-weight:700;font-size:14px;background:#fff;color:#0A4F96;border-radius:999px;padding:8px 14px;flex:none}
@media(max-width:640px){.heroAsst{padding:14px;gap:12px}.heroTx b{font-size:18px}.heroGo{padding:7px 11px}.heroIc{width:48px;height:48px}}