/* Z Route Features 4 */
.zr-f4-toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:9999;background:#0b1218;color:#fff;border:1px solid #ff5a1f;padding:10px 16px;border-radius:12px;font-size:14px;box-shadow:0 8px 24px rgba(0,0,0,.35)}
/* signup */
.zr-f4-footsub{max-width:1180px;margin:28px auto 0;padding:0 16px}
.zr-f4-sub{border:1px solid var(--zr-border,#2a3640);border-left:4px solid #ff5a1f;border-radius:var(--zr-radius-lg,16px);background:var(--zr-surface,#121b22);padding:16px 18px;margin:24px 0;display:grid;gap:10px}
.zr-f4-sub__t{margin:0;display:grid;gap:2px}.zr-f4-sub__t strong{font-family:var(--zr-font-display,inherit);font-size:1.05rem}.zr-f4-sub__t span{color:var(--zr-muted,#9fb0bd);font-size:.9rem}
.zr-f4-sub__row{display:flex;gap:8px;flex-wrap:wrap}.zr-f4-sub__row input[type=email]{flex:1 1 220px;min-width:0;min-height:44px;padding:0 12px;border-radius:10px;border:1px solid var(--zr-border,#2a3640);background:var(--zr-surface-2,#0e161c);color:var(--zr-text,inherit);font-size:16px}
.zr-f4-sub__row .zr-btn{min-height:44px}
.zr-f4-sub__msg{margin:0;font-size:.9rem;min-height:1.2em}.zr-f4-sub__msg.is-ok{color:#3fb950}.zr-f4-sub__msg.is-err{color:#ff6b6b}
.zr-f4-sub__fine{margin:0;font-size:.78rem;color:var(--zr-muted,#9fb0bd)}
.zr-f4-note{padding:12px 14px;border-radius:12px;border:1px solid #3fb950;background:rgba(63,185,80,.08)}.zr-f4-note--invalid{border-color:#ff6b6b;background:rgba(255,107,107,.08)}.zr-f4-note--unsubscribed{border-color:var(--zr-border,#2a3640)}
/* best heroes */
.zr-f4-best .zr-lead{max-width:70ch}
.zr-f4-tabs{margin:14px 0 18px}
.zr-f4-tierlist{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.zr-f4-tier{border:1px solid var(--zr-border,#2a3640);border-radius:var(--zr-radius-lg,16px);background:var(--zr-surface,#121b22);padding:12px 14px}
.zr-f4-tier__k{display:flex;align-items:center;gap:10px;margin:0 0 10px;font-size:1rem}
.zr-f4-tier__k span{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:10px;font-size:1.2rem;color:#111;background:#ff5a1f}
.zr-f4-tier--A .zr-f4-tier__k span{background:#ffb020}.zr-f4-tier--B .zr-f4-tier__k span{background:#3fb950}.zr-f4-tier--C .zr-f4-tier__k span{background:#58a6ff}.zr-f4-tier--D .zr-f4-tier__k span{background:#8b949e}
.zr-f4-tier ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px}
.zr-f4-hero{display:flex;align-items:center;gap:10px;padding:8px;border-radius:12px;background:var(--zr-surface-2,rgba(255,255,255,.03))}
.zr-f4-hero img{width:48px;height:48px;border-radius:10px;object-fit:cover;flex:0 0 48px}
.zr-f4-rank{font-weight:700;color:var(--zr-muted,#9fb0bd);min-width:30px;font-size:.85rem}
.zr-f4-hero__t{display:grid;gap:1px;min-width:0;flex:1}.zr-f4-hero__t a{color:inherit;text-decoration:none}.zr-f4-hero__t small{color:var(--zr-muted,#9fb0bd);font-size:.76rem}
.zr-f4-ed{color:#ffb020!important}
.zr-f4-mv{font-size:.72rem;font-weight:700;padding:2px 6px;border-radius:6px;white-space:nowrap}.zr-f4-mv--up{color:#3fb950;background:rgba(63,185,80,.12)}.zr-f4-mv--dn{color:#ff6b6b;background:rgba(255,107,107,.12)}
.zr-f4-cap{font-size:.66rem;color:var(--zr-muted,#9fb0bd);border:1px solid var(--zr-border,#2a3640);border-radius:6px;padding:1px 4px}
.zr-f4-rules,.zr-f4-archive{margin-top:26px}.zr-f4-rules ol{padding-left:1.2em;display:grid;gap:6px}
.zr-f4-actions{margin:18px 0}
/* modal + card */
.zr-f4-modal{position:fixed;inset:0;z-index:9998;background:rgba(5,9,12,.78);display:grid;place-items:center;padding:14px}
.zr-f4-modal__box{position:relative;width:min(760px,100%);max-height:94vh;overflow:auto;background:var(--zr-surface,#121b22);color:var(--zr-text,#e6edf2);border:1px solid var(--zr-border,#2a3640);border-radius:16px;padding:16px}
.zr-f4-modal__x{position:absolute;right:8px;top:6px;width:40px;height:40px;border:0;background:none;color:inherit;font-size:28px;cursor:pointer}
.zr-f4-modal__t{margin:0 0 10px;font-weight:700}.zr-f4-modal__img img{width:100%;height:auto;border-radius:10px;display:block}
.zr-f4-modal__a{margin:12px 0 0;display:flex;gap:8px;flex-wrap:wrap}
.zr-f4-cardbtn{margin-left:4px}
/* quiz */
.zr-f4-q h2{margin:.4rem 0 1rem}.zr-f4-q__n{margin:0;color:var(--zr-muted,#9fb0bd);font-size:.85rem}
.zr-f4-q__bar{height:6px;border-radius:6px;background:var(--zr-border,#2a3640);overflow:hidden}.zr-f4-q__bar span{display:block;height:100%;background:#ff5a1f}
.zr-f4-q__opts{display:grid;gap:8px}.zr-f4-q__opt{text-align:left;min-height:48px;padding:10px 14px;border-radius:12px;border:1px solid var(--zr-border,#2a3640);background:var(--zr-surface-2,rgba(255,255,255,.03));color:inherit;font:inherit;cursor:pointer}.zr-f4-q__opt:hover,.zr-f4-q__opt:focus-visible{border-color:#ff5a1f;outline:none}
.zr-f4-qres__h{display:flex;gap:16px;align-items:center}.zr-f4-qres__h img{width:120px;height:120px;border-radius:16px;object-fit:cover;border:2px solid #ff5a1f}.zr-f4-qres__h h2{margin:0}
/* analyzer */
.zr-f4-example{display:grid;grid-template-columns:minmax(0,260px) 1fr;gap:16px;align-items:start}.zr-f4-exsvg{width:100%;height:auto}
@media (max-width:640px){.zr-f4-example{grid-template-columns:1fr}.zr-f4-exsvg{max-width:260px}}
.zr-f4-drop{position:relative;border:2px dashed var(--zr-border,#2a3640);border-radius:14px;padding:20px;text-align:center;cursor:pointer}.zr-f4-drop.is-over,.zr-f4-drop:focus-within{border-color:#ff5a1f}
.zr-f4-drop input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.zr-f4-drop p{margin:0}
.zr-f4-thumbs{list-style:none;padding:0;margin:12px 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}
.zr-f4-thumbs li{position:relative;border:1px solid var(--zr-border,#2a3640);border-radius:10px;overflow:hidden}.zr-f4-thumbs img{width:100%;height:110px;object-fit:cover;display:block}.zr-f4-thumbs span{display:block;font-size:.72rem;padding:4px 6px;color:var(--zr-muted,#9fb0bd)}
.zr-f4-thumbs button{position:absolute;top:4px;right:4px;width:30px;height:30px;border-radius:50%;border:0;background:rgba(0,0,0,.7);color:#fff;font-size:18px;cursor:pointer}
.zr-f4-lbl{display:grid;gap:4px;margin:10px 0}.zr-f4-lbl input{min-height:44px;padding:0 12px;border-radius:10px;border:1px solid var(--zr-border,#2a3640);background:var(--zr-surface-2,#0e161c);color:inherit;font-size:16px}
.zr-f4-chk{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:6px}.zr-f4-chk li{padding:4px 10px;border-radius:999px;font-size:.85rem}.zr-f4-chk .is-ok{background:rgba(63,185,80,.14);color:#3fb950}.zr-f4-chk .is-miss{background:rgba(255,107,107,.12);color:#ff6b6b}
.zr-f4-miss{border:1px solid #ffb020;background:rgba(255,176,32,.08);border-radius:12px;padding:12px 14px;margin:12px 0}.zr-f4-miss ul{margin:.4em 0}
html[data-theme="light"] .zr-f4-modal__box{background:#fff;color:#0f1a24}

.zr-f4-sub--out{border-left-color:var(--zr-border,#2a3640)}.zr-btn--ghost{background:transparent!important;border:1px solid var(--zr-border,#2a3640)!important;color:var(--zr-text,inherit)!important}.zr-f4-resub{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:16px 0}.zr-f4-resub p{margin:0}.zr-f4-note--resubscribed{border-color:#3fb950}