/* Home screen + simple bottom bar */
.home{background:none!important;border:0!important;padding:0!important;margin:0 0 14px!important}
.hcard{border-radius:20px;padding:16px;background:var(--surface);border:1px solid var(--line);margin-bottom:14px}
.hhero{color:#fff;background:linear-gradient(135deg,#5B3A78,#3B2A63 60%,#2A2A5A);border:0;padding:18px 18px 14px;position:relative;overflow:hidden}
.hhero::after{content:"";position:absolute;right:-30px;bottom:-40px;width:150px;height:150px;border-radius:50%;background:rgba(255,255,255,.08)}
.hhero .ht{display:flex;align-items:center;gap:12px;font-weight:700;font-size:1.05rem}
.hbar{flex:1;height:6px;border-radius:4px;background:rgba(255,255,255,.25);overflow:hidden}.hbar i{display:block;height:100%;background:#fff;border-radius:4px}
.hn{display:flex;justify-content:space-between;align-items:baseline;margin-top:6px}.hn b{font-size:1.3rem}.hn span{font-size:.9rem;opacity:.85}
.hcd{font:700 2.6rem/1.1 ui-monospace,Menlo,Consolas,monospace;margin-top:14px;letter-spacing:.03em}
.hloc{display:block;margin-top:6px;opacity:.75}
.hnone{background:var(--surface);color:var(--ink);border:1px solid var(--line)}.hnone::after{display:none}.hnone p{color:var(--muted);margin:4px 0 12px}
.hlab{font-size:.9rem;color:var(--muted);margin:18px 4px 8px}
.hgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.htile{position:relative;overflow:hidden;text-align:left;border-radius:16px;padding:14px 12px;min-height:92px;background:var(--surface);border:1px solid var(--line);display:flex;flex-direction:column;gap:2px}
.htile b{font-size:1rem}.htile small{color:var(--muted);font-size:.74rem;line-height:1.25;max-width:78%}
.htile i{position:absolute;right:8px;bottom:6px;font-style:normal;font-size:2rem;opacity:.9}
.hrow{display:flex;justify-content:space-between;gap:4px;padding:16px 8px}
.hp{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;border:0;background:none;padding:0;min-height:0;position:relative}
.hp i{width:16px;height:16px;border-radius:50%;background:var(--line);display:block}
.hp.on i{background:var(--gold);box-shadow:0 0 0 4px color-mix(in srgb,var(--gold) 30%,transparent)}
.hp span{font-size:.82rem;color:var(--muted)}.hp b{font-size:1rem}
.hmuted{color:var(--muted);margin:0}
/* simpler bottom bar: Home, Learn, Goals, Settings */
body #tabs{width:100%;left:0;transform:none;bottom:0;border-radius:0;border-width:1px 0 0;box-shadow:none;padding:6px 8px max(6px,env(safe-area-inset-bottom,0px));justify-content:space-around}
body #tabs button[data-tab="ram"],body #tabs button[data-tab="watch"],body #tabs button[data-tab="qibla"]{display:none}
body #tabs button{font-size:.74rem;border-radius:12px}
body #tabs button.on{color:var(--gold)}
body #remStrip{display:none!important}
main{padding-bottom:90px}
.htile{justify-content:flex-end;min-height:96px}
.htile i{top:10px;right:10px;bottom:auto;font-size:1.5rem}
.htile small{max-width:100%}
.hp b{font-size:.8rem;white-space:nowrap}.hp span{font-size:.78rem}
body #tabs button.on{background:none;color:var(--gold);font-weight:700}