.hozop-shell{max-width:1180px;margin:0 auto;padding:0 20px 72px}.hozop-hero{padding:34px 0 22px}.hozop-kicker{font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#1675b7}.hozop-hero h1{margin:.35rem 0 .7rem;font-size:clamp(2.2rem,5vw,4rem);line-height:1.03}.hozop-hero>p{max-width:850px;color:#53627b;font-size:1.08rem;line-height:1.7}.hozop-stats{display:flex;flex-wrap:wrap;gap:.55rem;margin:1rem 0}.hozop-stat{padding:.55rem .7rem;border:1px solid #d8e3ee;border-radius:9px;background:#fbfdff;color:#53627b;font-size:.86rem}.hozop-stat strong{color:#17233b}.hozop-routes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.7rem;margin:1.25rem 0 1.6rem}.hozop-route{position:relative;display:block;padding:.9rem 2rem .9rem .9rem;border:1px solid #d8e3ee;border-radius:11px;background:#fff;color:#24334c;text-decoration:none;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.hozop-route strong{display:block;margin-bottom:.25rem}.hozop-route span{display:block;color:#687792;font-size:.82rem;line-height:1.4}.hozop-route::after{content:"→";position:absolute;right:.75rem;top:.82rem;color:#1675b7;transition:transform .2s ease}.hozop-route::before{content:"";position:absolute;left:.9rem;right:.9rem;bottom:0;height:2px;background:linear-gradient(90deg,#18cce4,#3d9fe8,#7665e8);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}@media(hover:hover){.hozop-route:hover{border-color:#b9d9ea;box-shadow:0 8px 22px rgba(36,90,128,.07);background:#fbfdff}.hozop-route:hover::after{transform:translateX(3px)}.hozop-route:hover::before{transform:scaleX(1)}}
.hozop-tools{position:sticky;top:8px;z-index:20;margin:1.1rem 0;padding:1rem;border:1px solid #d8e3ee;border-radius:14px;background:rgba(255,255,255,.96);box-shadow:0 10px 28px rgba(33,55,86,.07);backdrop-filter:blur(10px)}.hozop-search-row{display:grid;grid-template-columns:minmax(260px,1fr) 135px 135px auto;gap:.55rem;align-items:center}.hozop-tools input{width:100%;min-height:44px;padding:.65rem .75rem;border:1px solid #ccd9e6;border-radius:9px;background:#fff;color:#1f2e46;font:inherit}.hozop-tools input:focus{outline:3px solid rgba(14,165,198,.11);border-color:#7fc9e2}.hozop-clear{min-height:44px;padding:.65rem .85rem;border:1px solid #ccd9e6;border-radius:9px;background:#f8fafc;color:#50617a;cursor:pointer}.hozop-filters{display:flex;flex-wrap:wrap;gap:.38rem;margin-top:.75rem}.hozop-filter{min-height:34px;padding:.42rem .65rem;border:1px solid #d3deea;border-radius:999px;background:#fff;color:#52617a;font:inherit;font-size:.8rem;cursor:pointer}.hozop-filter.is-active{border-color:#82c8df;background:#eefaff;color:#08779a}.hozop-filter[data-filter="archive"]{border-color:#ead2a7;color:#a65a08}.hozop-filter[data-filter="archive"].is-active{background:#fff7e8;border-color:#dfab55}.hozop-summary{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin:1rem 0 .7rem;color:#687792;font-size:.86rem}.hozop-summary strong{color:#26364e}.hozop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.op-item{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.6rem;align-items:center;min-height:72px;padding:.75rem 2.5rem .75rem .9rem;border:1px solid #dbe4ed;border-radius:10px;background:#fff;color:#26364e;text-decoration:none;overflow:hidden;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.op-name{font-size:.9rem;line-height:1.42}.op-accounts{display:flex;gap:.3rem;align-items:center;white-space:nowrap}.op-account{padding:.22rem .38rem;border-radius:6px;background:#f2f6fa;color:#61718a;font:700 .72rem/1.2 ui-monospace,SFMono-Regular,Consolas,monospace}.op-item::after{content:"↗";position:absolute;right:.75rem;top:50%;transform:translateY(-50%);color:#1b7ab8;opacity:.55}.op-item::before{content:"";position:absolute;left:.9rem;right:.9rem;bottom:0;height:2px;background:linear-gradient(90deg,#18cce4,#3d9fe8,#7665e8);transform:scaleX(0);transform-origin:left;transition:transform .28s ease}.op-item.is-archive{background:#fffdf9;border-color:#eadbc2}.op-archive{display:inline-block;margin-left:.35rem;padding:.12rem .32rem;border-radius:5px;background:#fff3da;color:#a55b08;font-size:.62rem;font-weight:800;letter-spacing:.04em}@media(hover:hover){.op-item:hover{border-color:#acd4e9;background:#fbfdff;box-shadow:0 6px 18px rgba(36,90,128,.06)}.op-item:hover::before{transform:scaleX(1)}.op-item:hover::after{opacity:1}}
.op-item[hidden]{display:none!important}.hozop-more{display:block;margin:1rem auto 0;min-height:42px;padding:.58rem 1rem;border:1px solid #cbdbe8;border-radius:9px;background:#fff;color:#176da6;font:inherit;font-weight:700;cursor:pointer}.hozop-more:hover{background:#f5fbff;border-color:#9fcce5}.hozop-empty{display:none;margin:1rem 0;padding:1.2rem;border:1px dashed #c8d6e4;border-radius:11px;text-align:center;color:#697890}.hozop-empty.is-visible{display:block}.hozop-legend{margin:1.1rem 0 0;color:#6b7890;font-size:.82rem;line-height:1.55}.hozop-footer-links{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.hozop-footer-links a{padding:.5rem .7rem;border:1px solid #d8e3ee;border-radius:8px;background:#fff;text-decoration:none}
@media(max-width:900px){.hozop-routes{grid-template-columns:repeat(2,minmax(0,1fr))}.hozop-search-row{grid-template-columns:1fr 1fr}.hozop-search-row .hozop-q{grid-column:1/-1}.hozop-clear{grid-column:1/-1}.hozop-grid{grid-template-columns:1fr}.hozop-tools{position:static}}
@media(max-width:560px){.hozop-shell{padding:0 14px 54px}.hozop-routes{grid-template-columns:1fr}.hozop-search-row{grid-template-columns:1fr}.hozop-search-row>*{grid-column:1!important}.hozop-tools{padding:.8rem}.hozop-filter{font-size:.75rem}.op-item{grid-template-columns:1fr;min-height:68px;padding-right:2.2rem}.op-accounts{margin-top:.1rem}.hozop-summary{align-items:flex-start;flex-direction:column;gap:.25rem}}
@media(prefers-reduced-motion:reduce){.hozop-route,.hozop-route::after,.hozop-route::before,.op-item,.op-item::before{transition:none!important}}
.js .op-item.is-deferred{display:none}.js .op-item.is-filtered{display:none!important}