:root{
    --bg0:#07060d;
    --bg1:#0b0915;
    --bg2:#15112a;
    --fg0:#f5f2ff;
    --fg1:#ddd7ee;
    --mut:rgba(229,224,244,0.62);
    --g:#45e6b1;
    --p:#b34cff;
    --u:#7657ff;
    --a:#45e6b1;
    --line:rgba(255,255,255,0.10);
    --shadow:0 22px 60px rgba(0,0,0,0.48);
    --r12:9px;
    --r16:11px;
    --r18:14px;
    --t:130ms ease;
    --gap:12px;
    --cols:7;
}


*{ box-sizing:border-box; }
html,body{ height:100%; }

html{
    overflow-y: scroll;
    scrollbar-width: thin;
    scrollbar-color: rgba(255,79,216,0.55) rgba(0,0,0,0.28);
    scrollbar-gutter: stable;
}

body.hf{
    margin:0;
    background:
            radial-gradient(900px 520px at 18% 12%, rgba(139,92,255,0.18), rgba(0,0,0,0)),
            radial-gradient(720px 420px at 82% 18%, rgba(255,79,216,0.16), rgba(0,0,0,0)),
            radial-gradient(760px 520px at 44% 88%, rgba(61,255,139,0.12), rgba(0,0,0,0)),
            linear-gradient(180deg, var(--bg0), var(--bg1));
    color:var(--fg0);
    font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial;
    scrollbar-width: thin;
    scrollbar-color: rgba(255,79,216,0.55) rgba(0,0,0,0.28);
}

body.is-modal-open #site{
    pointer-events: none;
}
body.is-modal-open #modalHost,
body.is-modal-open #imgHost{
    pointer-events: auto;
}

.hf-card{
    background: linear-gradient(180deg, rgba(18,20,32,0.92), rgba(12,14,22,0.86));
    border:1px solid var(--line);
    border-radius: var(--r18);
    box-shadow: var(--shadow);
    padding:18px;
}

.hf-card--accent{
    border-color: rgba(255,79,216,0.22);
    background:
            radial-gradient(520px 260px at 10% 10%, rgba(255,79,216,0.14), rgba(0,0,0,0)),
            linear-gradient(180deg, rgba(18,20,32,0.92), rgba(12,14,22,0.86));
}

.hf-page{
    display:grid;
    grid-template-columns: 292px 1fr;
    min-height:100vh;
}

.hf-nav{
    position: sticky;
    top:0;
    align-self:start;
    height: 100vh;
    min-height: 100vh;
    border-right: 1px solid var(--line);
    background:
            radial-gradient(520px 320px at 10% 0%, rgba(139,92,255,0.14), rgba(0,0,0,0)),
            radial-gradient(520px 320px at 90% 20%, rgba(255,79,216,0.12), rgba(0,0,0,0)),
            rgba(10,12,18,0.90);
    padding:16px;
    display:flex;
    flex-direction:column;
    gap:14px;
}

.hf-nav__brand,
.hf-nav__brand:visited{
    display:flex;
    align-items:center;
    gap:12px;
    padding:10px;
    border:1px solid var(--line);
    border-radius: var(--r16);
    background: rgba(16,18,28,0.52);
    text-decoration:none;
    cursor:pointer;
    color: var(--fg0);
}

.hf-nav__logoimg{
    width: 34px;
    height: 34px;
    border-radius: 10px;
    box-shadow: 0 12px 30px rgba(0,0,0,0.45);
}

.hf-nav__name{
    font-weight:950;
    letter-spacing:0.2px;
    line-height:1.1;
    color: var(--fg0);
}

.hf-nav__sep{ height:1px; background: var(--line); margin:10px 6px; }

.hf-nav__controls{
    display:flex;
    flex-direction:column;
    gap:12px;
    overflow:auto;
    padding-right:6px;
    flex: 1 1 auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(255,79,216,0.55) rgba(0,0,0,0.28);
}

.hf-nav__footer{
    display:flex;
    flex-direction:column;
    gap:10px;
    padding-top: 10px;
}
.hf-nav__footer .hf-btn{
    color: var(--fg0);
}

.hf-ctl{
    border: 1px solid rgba(255,255,255,0.10);
    border-radius: var(--r16);
    background: rgba(0,0,0,0.20);
    padding: 12px;
}

.hf-ctl__label{ color: var(--mut); font-size: 12px; margin-bottom: 10px; font-weight: 950; letter-spacing: 0.15px; }
.hf-ctl__row{ display:flex; gap:10px; align-items:center; }
.hf-ctl__val{ width: 46px; text-align:right; font-weight: 950; color: var(--fg0); }

.hf-main{ padding:18px; }

.hf-btn{
    appearance:none;
    border:none;
    outline:none;
    cursor:pointer;
    border-radius: 14px;
    padding: 12px 14px;
    font-weight:950;
    color: var(--fg0);
    background: rgba(255,255,255,0.06);
    border:1px solid rgba(255,255,255,0.10);
    transition: transform var(--t), background var(--t), border-color var(--t), box-shadow var(--t);
    text-decoration:none;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
}
.hf-btn:hover{ transform: translateY(-1px); background: rgba(255,255,255,0.08); border-color: rgba(255,255,255,0.16); }
.hf-btn:active{ transform: translateY(0px); }

.hf-btn--sm{ padding: 8px 10px; border-radius: 12px; font-size: 12px; }
.hf-btn--primary{
    background:
            radial-gradient(90px 50px at 20% 10%, rgba(61,255,139,0.38), rgba(0,0,0,0)),
            radial-gradient(100px 60px at 85% 10%, rgba(255,79,216,0.30), rgba(0,0,0,0)),
            linear-gradient(90deg, rgba(255,79,216,0.28), rgba(61,255,139,0.22));
    border-color: rgba(255,255,255,0.18);
}
.hf-btn--primary:hover{ border-color: rgba(255,255,255,0.26); }

.hf-btn--ghost{ background: rgba(0,0,0,0.22); border-color: rgba(255,255,255,0.12); }
.hf-btn--full{ width: 100%; }

.hf-btn.is-inc-active{
    background: rgba(61,255,139,0.18);
    border-color: rgba(61,255,139,0.40);
    box-shadow: 0 0 0 3px rgba(61,255,139,0.08);
}
.hf-btn.is-exc-active{
    background: rgba(255,79,216,0.18);
    border-color: rgba(255,79,216,0.40);
    box-shadow: 0 0 0 3px rgba(255,79,216,0.08);
}

.hf-iconbtn{
    width: 42px;
    height: 42px;
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,0.12);
    background: rgba(0,0,0,0.24);
    color: var(--fg0);
    font-weight: 950;
    font-size: 22px;
    cursor: pointer;
    transition: background var(--t), border-color var(--t), transform var(--t);
    display:flex;
    align-items:center;
    justify-content:center;
}
.hf-iconbtn:hover{ transform: translateY(-1px); background: rgba(255,255,255,0.06); border-color: rgba(255,255,255,0.16); }

.hf-input{
    width:100%;
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,0.10);
    background: rgba(0,0,0,0.24);
    color: var(--fg0);
    padding: 12px 12px;
    outline:none;
    transition: border-color var(--t), background var(--t);
}
.hf-input:focus{ border-color: rgba(255,79,216,0.45); background: rgba(0,0,0,0.32); }
.hf-input--lg{ padding: 14px 14px; border-radius: 16px; font-size: 14px; }

.hf-range{
    width:100%;
    cursor: pointer;
    background: transparent;
}
.hf-range::-webkit-slider-runnable-track{
    height: 10px;
    border-radius: 999px;
    background: rgba(0,0,0,0.34);
    border: 1px solid rgba(255,255,255,0.10);
}
.hf-range::-webkit-slider-thumb{
    -webkit-appearance: none;
    appearance: none;
    width: 22px;
    height: 22px;
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(255,79,216,0.95), rgba(61,255,139,0.90));
    border: 1px solid rgba(255,255,255,0.18);
    box-shadow: 0 12px 30px rgba(0,0,0,0.45);
    margin-top: -7px;
}
.hf-range:focus{ outline:none; }
.hf-range:focus::-webkit-slider-runnable-track{
    border-color: rgba(255,79,216,0.35);
}
.hf-range::-moz-range-track{
    height: 10px;
    border-radius: 999px;
    background: rgba(0,0,0,0.34);
    border: 1px solid rgba(255,255,255,0.10);
}
.hf-range::-moz-range-thumb{
    width: 22px;
    height: 22px;
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(255,79,216,0.95), rgba(61,255,139,0.90));
    border: 1px solid rgba(255,255,255,0.18);
    box-shadow: 0 12px 30px rgba(0,0,0,0.45);
}

.hf-searchbar{
    display:flex;
    gap:12px;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
}
.hf-searchbar__left{ display:flex; gap:10px; align-items:center; flex: 1 1 520px; }
.hf-searchbar__right{ display:flex; gap:10px; align-items:center; flex: 0 0 auto; }

.hf-stickysearch{
    position: sticky;
    top: 0;
    z-index: 20;
    padding: 12px 18px;
    border-radius: var(--r18);
    border: 1px solid rgba(255,255,255,0.10);
    background:
            radial-gradient(520px 240px at 10% 0%, rgba(255,79,216,0.10), rgba(0,0,0,0)),
            radial-gradient(520px 240px at 90% 0%, rgba(61,255,139,0.08), rgba(0,0,0,0)),
            rgba(10,12,18,0.90);
    backdrop-filter: blur(10px);
    box-shadow: 0 18px 60px rgba(0,0,0,0.38);
    margin: -18px -18px 12px;
}

.hf-stickysearch.is-stuck{
    border-top: none;
    border-radius: 0 0 16px 16px;
}

.hf-subtle{ color: var(--mut); font-size: 12px; margin-top:10px; }
.hf-empty{ padding: 18px; color: var(--mut); border: 1px dashed rgba(255,255,255,0.14); border-radius: var(--r16); background: rgba(0,0,0,0.16); margin-top: 10px; }

.hf-results{
    margin-top:12px;
    display:grid;
    gap: var(--gap);
    grid-template-columns: repeat(var(--cols), minmax(0, 1fr));
}

.hf-anime{
    border: 1px solid rgba(255,255,255,0.10);
    border-radius: var(--r16);
    background: rgba(0,0,0,0.18);
    overflow:hidden;
    transition: transform var(--t), border-color var(--t), background var(--t);
    display:flex;
    flex-direction:column;
    position: relative;
    cursor: pointer;
}
.hf-anime:hover{
    transform: translateY(-2px);
    border-color: rgba(255,79,216,0.26);
    background: rgba(0,0,0,0.22);
}

.hf-anime__thumb{
    width:100%;
    aspect-ratio: 3/4;
    background: rgba(255,255,255,0.05);
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    position: relative;
}
.hf-anime__thumb img{ width:100%; height:100%; object-fit:cover; display:block; }

.hf-anime__titlethumb{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px 12px;
    font-weight: 950;
    letter-spacing: 0.15px;
    color: rgba(243,245,255,0.98);
    background: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,0.84));
    text-shadow: 0 10px 26px rgba(0,0,0,0.55);
    display:block;
    max-height: 58px;
    overflow:hidden;
}

.hf-anime__body{
    padding:12px;
    display:flex;
    flex-direction:column;
    gap:8px;
    flex: 1 1 auto;
}

.hf-anime__meta{ color: rgba(201,208,255,0.82); font-size: 12px; }
.hf-anime__genres{ color: rgba(201,208,255,0.88); font-size: 12px; }

.hf-pill{
    border:1px solid rgba(255,255,255,0.30);
    border-radius: 999px;
    background: rgba(0,0,0,0.95);
    padding: 8px 10px;
    color: rgba(243,245,255,0.98);
    font-weight: 950;
    font-size: 12px;
    display:inline-flex;
    gap:8px;
    align-items:center;
    cursor: pointer;
    backdrop-filter: blur(6px);
    box-shadow: 0 16px 48px rgba(0,0,0,0.55);
}

.hf-pill.is-none{
    border-color: rgba(201,208,255,0.42);
    background: rgba(0,0,0,0.95);
    color: rgba(243,245,255,0.96);
}
.hf-pill.is-watching{ border-color: rgba(61,255,139,0.56); box-shadow: 0 0 0 3px rgba(61,255,139,0.10), 0 16px 48px rgba(0,0,0,0.55); }
.hf-pill.is-watched{ border-color: rgba(61,255,139,0.36); background: rgba(8,18,14,0.95); }
.hf-pill.is-planned{ border-color: rgba(255,79,216,0.44); background: rgba(18,10,16,0.95); }
.hf-pill.is-dropped{ border-color: rgba(255,79,216,0.56); background: rgba(18,8,14,0.95); }

.hf-anime__watchbtn{
    position:absolute;
    left:10px;
    top:10px;
    z-index: 2;
}

.hf-dd{ position: relative; }
.hf-dd__btn{
    width:100%;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:10px;
    padding: 12px 12px;
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,0.10);
    background: rgba(0,0,0,0.22);
    color: var(--fg0);
    cursor:pointer;
    font-weight: 950;
    transition: border-color var(--t), background var(--t);
}
.hf-dd__text{ color: var(--fg0); }
.hf-dd__btn:hover{ background: rgba(0,0,0,0.26); border-color: rgba(255,255,255,0.14); }
.hf-dd__btn:focus{ outline:none; border-color: rgba(255,79,216,0.45); }

.hf-dd__caret{
    width: 10px;
    height: 10px;
    border-right: 2px solid rgba(201,208,255,0.75);
    border-bottom: 2px solid rgba(201,208,255,0.75);
    transform: rotate(45deg);
    margin-top: -2px;
}

.hf-dd__menu{
    position:absolute;
    left:0;
    right:0;
    top: calc(100% + 8px);
    background: rgba(16,18,28,0.96);
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 16px;
    box-shadow: 0 18px 60px rgba(0,0,0,0.60);
    padding: 8px;
    z-index: 50;
    display:none;
    max-height: 340px;
    overflow:auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(255,79,216,0.55) rgba(0,0,0,0.28);
}
.hf-dd.is-open .hf-dd__menu{ display:block; }

.hf-dd__item{
    padding: 10px 10px;
    border-radius: 12px;
    color: var(--fg1);
    cursor:pointer;
    border: 1px solid transparent;
    background: rgba(0,0,0,0.10);
    transition: background var(--t), border-color var(--t);
    font-weight: 950;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:10px;
    text-decoration:none;
}
.hf-dd__item:hover{ background: rgba(255,255,255,0.06); border-color: rgba(255,255,255,0.10); }
.hf-dd__item.is-active{
    color: var(--fg0);
    border-color: rgba(255,79,216,0.26);
    background:
            radial-gradient(160px 70px at 10% 30%, rgba(61,255,139,0.12), rgba(0,0,0,0)),
            radial-gradient(160px 70px at 90% 30%, rgba(255,79,216,0.10), rgba(0,0,0,0)),
            rgba(16,18,28,0.66);
}

.hf-modalhost{
    position: fixed;
    inset: 0;
    display:none;
    z-index: 9998;
}
.hf-modalhost.is-open{
    display:flex;
    align-items:center;
    justify-content:center;
    background: rgba(0,0,0,0.68);
    padding: 22px;
}

.hf-modal{
    width: min(1320px, 100%);
    background: rgba(16,18,28,0.94);
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: var(--r18);
    box-shadow: var(--shadow);
    padding: 16px;
    max-height: calc(100vh - 44px);
    display:flex;
    flex-direction:column;
}

.hf-modalhost.is-details .hf-modal{
    width: 70vw;
    height: 80vh;
    max-height: none;
}

.hf-modalhost.is-details .hf-modal__body{
    flex: 1 1 auto;
    min-height: 0;
}

.hf-modal__head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
    margin-bottom: 10px;
    position: relative;
}
.hf-modal__left{ display:flex; gap:10px; align-items:flex-start; min-width:0; }
.hf-modal__close{ flex: 0 0 auto; }

.hf-modal__body{
    overflow:auto;
    padding-right: 6px;
    scrollbar-width: thin;
    scrollbar-color: rgba(255,79,216,0.55) rgba(0,0,0,0.28);
}

.hf-modalgrid{
    display:grid;
    grid-template-columns: 300px 1fr;
    gap:14px;
}

.hf-cover{
    border-radius:16px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,0.10);
    background: rgba(0,0,0,0.22);
}
.hf-cover img{ width:100%; display:block; }

.hf-details-content{ min-width:0; }
.hf-details-panel{
    padding:14px;
    border-radius:16px;
    box-shadow:none;
}
.hf-details-loading{
    min-height:260px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    color:var(--fg1);
    font-weight:950;
}
.hf-details-loading--panel{ min-height:180px; }
.hf-loading-spinner{
    width:20px;
    height:20px;
    border:2px solid rgba(255,255,255,0.16);
    border-top-color:var(--p);
    border-radius:50%;
    animation:hf-spin 700ms linear infinite;
}
@keyframes hf-spin{ to{ transform:rotate(360deg); } }

.hf-tabs{ display:flex; gap:8px; margin-top: 10px; flex-wrap:wrap; }
.hf-tab{
    border:1px solid rgba(255,255,255,0.12);
    border-radius: 999px;
    background: rgba(0,0,0,0.22);
    padding: 8px 12px;
    color: var(--fg1);
    font-weight: 950;
    cursor:pointer;
    transition: background var(--t), border-color var(--t);
    user-select:none;
}
.hf-tab:hover{ background: rgba(255,255,255,0.06); }
.hf-tab.is-disabled{
    opacity:0.55;
    cursor:not-allowed;
    pointer-events:none;
}
.hf-tab.is-loading{ border-style:dashed; }
.hf-tab.is-active{
    color: var(--fg0);
    border-color: rgba(255,79,216,0.28);
    background:
            radial-gradient(140px 60px at 10% 30%, rgba(61,255,139,0.12), rgba(0,0,0,0)),
            radial-gradient(140px 60px at 90% 30%, rgba(255,79,216,0.10), rgba(0,0,0,0)),
            rgba(16,18,28,0.64);
}

.hf-gallery{
    display:grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap:12px;
    margin-top: 12px;
}
.hf-gimg{
    border-radius: 16px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,0.10);
    background: rgba(0,0,0,0.20);
    cursor: zoom-in;
}
.hf-gimg img{ width:100%; height:100%; object-fit:cover; display:block; }

.hf-screens{ display:flex; flex-direction:column; gap:20px; }
.hf-screen-section{ display:flex; flex-direction:column; gap:10px; }
.hf-screen-section__title{ color:var(--fg0); font-weight:950; }
.hf-screen-grid{ display:grid; grid-template-columns:repeat(auto-fill, minmax(220px, 1fr)); gap:12px; }
.hf-screen-grid--poster{ grid-template-columns:repeat(auto-fill, minmax(170px, 220px)); }
.hf-screen{
    overflow:hidden;
    border:1px solid rgba(255,255,255,0.10);
    border-radius:16px;
    background:rgba(0,0,0,0.20);
}
.hf-screen__image{
    width:100%;
    padding:0;
    border:0;
    display:block;
    background:transparent;
    cursor:zoom-in;
}
.hf-screen__image img{ width:100%; aspect-ratio:16 / 9; object-fit:cover; display:block; }
.hf-screen--poster .hf-screen__image img{ aspect-ratio:2 / 3; }
.hf-screen__meta{ display:flex; justify-content:space-between; align-items:center; gap:10px; padding:10px 12px; }
.hf-screen__title{ min-width:0; color:var(--fg1); font-size:12px; font-weight:900; line-height:1.35; }
.hf-screen__source{ flex:0 0 auto; color:var(--a); font-size:12px; font-weight:950; text-decoration:none; }
.hf-screen__source:hover{ text-decoration:underline; }

.hf-fab{
    position: fixed;
    right: 16px;
    bottom: 16px;
    z-index: 9997;
    display:none;
    padding: 12px 14px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,0.12);
    background:
            radial-gradient(140px 70px at 10% 30%, rgba(61,255,139,0.12), rgba(0,0,0,0)),
            radial-gradient(140px 70px at 90% 30%, rgba(255,79,216,0.10), rgba(0,0,0,0)),
            rgba(16,18,28,0.84);
    color: var(--fg0);
    font-weight: 950;
    cursor:pointer;
    box-shadow: 0 18px 60px rgba(0,0,0,0.60);
    transition: transform var(--t), border-color var(--t), background var(--t);
}
.hf-fab:hover{ transform: translateY(-1px); border-color: rgba(255,255,255,0.18); }
.hf-fab.is-show{ display:block; }

.hf-toasttray{
    position: fixed;
    right: 16px;
    bottom: 70px;
    display:flex;
    flex-direction:column;
    gap:10px;
    z-index: 9999;
}
.hf-toast{
    padding: 12px 14px;
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,0.12);
    background: rgba(16,18,28,0.88);
    color: var(--fg0);
    box-shadow: 0 18px 60px rgba(0,0,0,0.52);
    opacity:0;
    transform: translateY(8px);
    transition: opacity var(--t), transform var(--t);
}
.hf-toast.is-show{ opacity:1; transform: translateY(0px); }
.hf-toast.is-ok{ border-color: rgba(61,255,139,0.28); }
.hf-toast.is-bad{ border-color: rgba(255,79,216,0.26); }

.hf-imghost{
    position: fixed;
    inset: 0;
    display:none;
    z-index: 9999;
    background: rgba(0,0,0,0.86);
    backdrop-filter:blur(4px);
    align-items:center;
    justify-content:center;
    padding: 24px;
}
.hf-imghost.is-open{ display:flex; }
.hf-imghost img{
    max-width: calc(100vw - 48px);
    max-height: calc(100vh - 48px);
    width: auto;
    height: auto;
    object-fit: contain;
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,0.14);
    box-shadow: 0 18px 80px rgba(0,0,0,0.70);
}
.hf-imghost__close{ position: absolute; top: 16px; right: 16px; }

.hf-tip{
    position: fixed;
    z-index: 10000;
    display:none;
    max-width: min(520px, 78vw);
    padding: 10px 12px;
    border-radius: 14px;
    background: rgba(16,18,28,0.98);
    border: 1px solid rgba(255,255,255,0.14);
    color: var(--fg1);
    box-shadow: 0 18px 60px rgba(0,0,0,0.62);
    white-space: pre-wrap;
    pointer-events: none;
}

.hf-chipline{ display:flex; flex-direction:column; gap:8px; margin-top: 10px; }
.hf-chiprow{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding: 10px 12px;
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,0.10);
    background: rgba(0,0,0,0.18);
}
.hf-chiprow__left{ display:flex; align-items:center; gap:10px; min-width: 0; }
.hf-chiprow__x{
    width: 22px;
    height: 22px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,0.14);
    background: rgba(0,0,0,0.30);
    color: var(--fg0);
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight: 950;
    cursor:pointer;
    flex: 0 0 auto;
}
.hf-chiprow__txt{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-weight: 950;
    color: var(--fg1);
}

.hf-pickergrid{
    display:grid;
    grid-template-columns: 320px 1fr 1fr;
    gap:12px;
}

.hf-pickercol{
    max-height: 72vh;
    overflow:hidden;
    border-radius: 16px;
}

.hf-pickpanel{
    height: 100%;
    display:flex;
    flex-direction:column;
    border:1px solid rgba(255,255,255,0.10);
    border-radius: 16px;
    background: rgba(0,0,0,0.16);
    overflow:hidden;
}

.hf-pickhead{
    position: sticky;
    top: 0;
    z-index: 5;
    padding: 12px;
    border-bottom: 1px solid rgba(255,255,255,0.10);
    background:
            radial-gradient(420px 180px at 10% 0%, rgba(255,79,216,0.10), rgba(0,0,0,0)),
            radial-gradient(420px 180px at 90% 0%, rgba(61,255,139,0.08), rgba(0,0,0,0)),
            rgba(10,12,18,0.90);
    backdrop-filter: blur(10px);
}

.hf-pickbody{
    overflow:auto;
    padding: 12px;
    scrollbar-width: thin;
    scrollbar-color: rgba(255,79,216,0.55) rgba(0,0,0,0.28);
}

.hf-q{
    width: 20px;
    height: 20px;
    border-radius: 999px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border: 1px solid rgba(255,255,255,0.18);
    background: rgba(0,0,0,0.30);
    color: rgba(243,245,255,0.92);
    font-weight: 950;
    cursor: default;
    flex: 0 0 auto;
}

::-webkit-scrollbar{ width: 12px; height: 12px; }
::-webkit-scrollbar-track{ background: rgba(0,0,0,0.28); }
::-webkit-scrollbar-thumb{
    background: linear-gradient(180deg, rgba(255,79,216,0.44), rgba(61,255,139,0.26));
    border-radius: 999px;
    border: 3px solid rgba(0,0,0,0.32);
}
::-webkit-scrollbar-thumb:hover{
    background: linear-gradient(180deg, rgba(255,79,216,0.54), rgba(61,255,139,0.30));
}

@media (max-width: 980px){
    .hf-page{ grid-template-columns: 1fr; }
    .hf-nav{ position: relative; height:auto; min-height: 0; }
    .hf-modalhost.is-details .hf-modal{ width: calc(100vw - 24px); height: calc(100vh - 24px); }
    .hf-modalgrid{ grid-template-columns: 1fr; }
    .hf-pickergrid{ grid-template-columns: 1fr; }
}


body.hf{
    background:
        radial-gradient(900px 500px at 8% -10%,rgba(179,76,255,0.16),transparent 60%),
        radial-gradient(800px 520px at 94% -8%,rgba(66,200,216,0.08),transparent 62%),
        linear-gradient(180deg,var(--bg0),var(--bg1));
    color:var(--fg0);
    font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Ubuntu,Arial,sans-serif;
}

.hf-page{grid-template-columns:272px minmax(0,1fr)}
.hf-nav{
    border-right:1px solid rgba(255,255,255,0.10);
    background:
        radial-gradient(520px 300px at 8% 0%,rgba(179,76,255,0.13),transparent 65%),
        linear-gradient(180deg,rgba(16,13,32,0.98),rgba(8,7,17,0.98));
    padding:14px;
    gap:12px;
    box-shadow:10px 0 34px rgba(0,0,0,0.18);
}
.hf-nav__brand,.hf-nav__brand:visited{
    gap:10px;
    padding:10px;
    border-radius:11px;
    border-color:rgba(255,255,255,0.11);
    background:linear-gradient(180deg,rgba(27,22,51,0.82),rgba(15,12,30,0.86));
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.035),0 8px 22px rgba(0,0,0,0.18);
}
.hf-nav__logoimg{width:36px;height:36px;border-radius:9px;box-shadow:0 8px 22px rgba(0,0,0,0.35)}
.hf-nav__brandcopy{min-width:0;display:flex;flex-direction:column;gap:3px}
.hf-nav__name{font-size:13px;font-weight:900;letter-spacing:.35px}
.hf-nav__tagline{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--mut);font-size:9.5px;font-weight:650}
.hf-nav__sep{margin:2px 5px 4px;background:rgba(255,255,255,0.08)}
.hf-nav__controls{gap:9px;padding-right:4px}
.hf-nav__footer{gap:8px;padding-top:8px}
.hf-ctl{
    border-radius:11px;
    border-color:rgba(255,255,255,0.095);
    padding:10px;
    background:linear-gradient(180deg,rgba(18,15,35,0.82),rgba(10,8,21,0.86));
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.02);
}
.hf-ctl__label{margin-bottom:7px;color:var(--mut);font-size:9px;font-weight:750;letter-spacing:.65px;text-transform:uppercase}
.hf-ctl__val{font-size:11px;color:var(--fg0)}

.hf-main{padding:14px}
.hf-card{
    border-radius:14px;
    border-color:rgba(255,255,255,0.10);
    background:linear-gradient(180deg,rgba(16,13,32,0.93),rgba(9,7,19,0.90));
    box-shadow:0 18px 46px rgba(0,0,0,0.33),inset 0 1px 0 rgba(255,255,255,0.025);
    padding:14px;
}
.hf-card--accent{
    border-color:rgba(179,76,255,0.18);
    background:
        radial-gradient(700px 260px at 8% 0%,rgba(179,76,255,0.08),transparent 70%),
        linear-gradient(180deg,rgba(16,13,32,0.94),rgba(9,7,19,0.92));
}

.hf-btn{
    min-height:36px;
    border-radius:9px;
    padding:7px 11px;
    font-size:11px;
    font-weight:780;
    letter-spacing:.08px;
    color:var(--fg0);
    border:1px solid rgba(255,255,255,0.14);
    background:linear-gradient(180deg,rgba(31,25,58,0.94),rgba(15,13,31,0.98));
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.04),0 5px 14px rgba(0,0,0,0.18);
    transition:border-color var(--t),background var(--t),transform 100ms ease,box-shadow var(--t),opacity var(--t);
}
.hf-btn:hover{
    transform:none;
    border-color:rgba(69,230,177,0.42);
    background:linear-gradient(180deg,rgba(39,31,70,0.98),rgba(19,16,38,0.98));
    box-shadow:0 0 0 1px rgba(69,230,177,0.06),0 7px 18px rgba(0,0,0,0.22);
}
.hf-btn:active{transform:translateY(1px)}
.hf-btn:disabled{opacity:.42;cursor:not-allowed;transform:none;box-shadow:none}
.hf-btn i{font-size:11px}
.hf-btn--sm{min-height:30px;padding:5px 9px;border-radius:8px;font-size:10px}
.hf-btn--primary{
    border-color:rgba(179,76,255,0.42);
    background:linear-gradient(135deg,rgba(119,55,190,0.58),rgba(33,119,120,0.42));
}
.hf-btn--primary:hover{
    border-color:rgba(69,230,177,0.50);
    background:linear-gradient(135deg,rgba(131,61,205,0.70),rgba(38,135,132,0.52));
}
.hf-btn--ghost{background:linear-gradient(180deg,rgba(27,23,50,0.90),rgba(15,12,29,0.96))}
.hf-btn.is-inc-active{border-color:rgba(69,230,177,0.48);background:rgba(69,230,177,0.12);color:#bfffe8;box-shadow:none}
.hf-btn.is-exc-active{border-color:rgba(255,114,127,0.46);background:rgba(255,114,127,0.10);color:#ffb8bf;box-shadow:none}

.hf-input{
    min-height:36px;
    border-radius:9px;
    border:1px solid rgba(255,255,255,0.13);
    background:rgba(10,8,22,0.84);
    color:var(--fg0);
    font-size:12px;
    padding:7px 10px;
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.025),inset 0 0 0 1px rgba(0,0,0,0.18);
}
.hf-input:hover{background:rgba(18,14,36,0.96)}
.hf-input:focus{border-color:rgba(179,76,255,0.58);background:rgba(17,13,34,0.98);box-shadow:0 0 0 3px rgba(179,76,255,0.09)}
.hf-input--lg{min-height:38px;border-radius:9px;font-size:12px}

.hf-range::-webkit-slider-runnable-track{height:7px;background:rgba(0,0,0,0.34);border-color:rgba(255,255,255,0.11)}
.hf-range::-webkit-slider-thumb{width:17px;height:17px;margin-top:-6px;background:linear-gradient(180deg,var(--p),var(--g));box-shadow:0 5px 13px rgba(0,0,0,0.34)}
.hf-range::-moz-range-track{height:7px;background:rgba(0,0,0,0.34);border-color:rgba(255,255,255,0.11)}
.hf-range::-moz-range-thumb{width:17px;height:17px;background:linear-gradient(180deg,var(--p),var(--g));box-shadow:0 5px 13px rgba(0,0,0,0.34)}

.hf-stickysearch{
    top:0;
    padding:10px 12px;
    margin:-14px -14px 10px;
    border-radius:14px;
    border-color:rgba(255,255,255,0.10);
    background:linear-gradient(180deg,rgba(26,21,49,0.97),rgba(15,12,30,0.96));
    box-shadow:0 8px 26px rgba(0,0,0,0.22);
    backdrop-filter:blur(14px);
}
.hf-stickysearch::after{
    content:"";
    position:absolute;
    left:0;right:0;bottom:-1px;height:1px;
    background:linear-gradient(90deg,transparent,rgba(179,76,255,0.44),rgba(69,230,177,0.30),transparent);
    pointer-events:none;
}
.hf-stickysearch.is-stuck{border-radius:0 0 11px 11px}
.hf-searchbar{gap:9px}
.hf-searchbar__left{gap:7px}
.hf-searchbar__right{gap:7px}
.hf-subtle{color:var(--mut);font-size:10.5px;margin-top:7px}
.hf-empty{border-radius:11px;background:rgba(0,0,0,0.18);font-size:11px}

.hf-results{margin-top:10px}
.hf-anime{
    border-radius:11px;
    border-color:rgba(255,255,255,0.10);
    background:linear-gradient(180deg,rgba(17,14,34,0.96),rgba(10,8,21,0.97));
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.025),0 8px 22px rgba(0,0,0,0.16);
    transition:border-color var(--t),background var(--t),transform 100ms ease,box-shadow var(--t);
}
.hf-anime::before{content:"";position:absolute;left:0;top:0;right:0;height:2px;background:linear-gradient(90deg,rgba(179,76,255,0.78),rgba(69,230,177,0.52));opacity:.32;z-index:3}
.hf-anime:hover{transform:translateY(-1px);border-color:rgba(255,255,255,0.17);background:linear-gradient(180deg,rgba(22,18,42,0.98),rgba(12,10,25,0.98));box-shadow:0 10px 26px rgba(0,0,0,0.22)}
.hf-anime:hover::before{opacity:.75}
.hf-anime__titlethumb{padding:20px 9px 8px;font-size:11px;font-weight:820;max-height:54px}
.hf-anime__body{padding:9px;gap:6px}
.hf-anime__meta,.hf-anime__genres{color:rgba(229,224,244,0.68);font-size:10px;line-height:1.35}
.hf-pill{border-radius:999px;padding:5px 8px;font-size:9.5px;font-weight:800;box-shadow:0 8px 22px rgba(0,0,0,0.38)}
.hf-pill.is-watching{border-color:rgba(69,230,177,0.54);box-shadow:0 0 0 2px rgba(69,230,177,0.07),0 8px 22px rgba(0,0,0,0.38)}
.hf-pill.is-planned,.hf-pill.is-dropped{border-color:rgba(179,76,255,0.46)}
.hf-anime__watchbtn{left:7px;top:7px}

.hf-dd__btn{
    min-height:36px;
    padding:7px 9px;
    border-radius:9px;
    border-color:rgba(255,255,255,0.13);
    background:rgba(10,8,22,0.84);
    font-size:11px;
    font-weight:760;
}
.hf-dd__btn:hover{background:rgba(18,14,36,0.96);border-color:rgba(255,255,255,0.18)}
.hf-dd__btn:focus{border-color:rgba(179,76,255,0.58);box-shadow:0 0 0 3px rgba(179,76,255,0.08)}
.hf-dd__menu{top:calc(100% + 6px);padding:6px;border-radius:10px;background:rgba(17,14,34,0.98);border-color:rgba(255,255,255,0.13);box-shadow:0 18px 50px rgba(0,0,0,0.58)}
.hf-dd__item{padding:8px;border-radius:8px;font-size:10.5px;font-weight:760;background:rgba(0,0,0,0.08)}
.hf-dd__item.is-active{border-color:rgba(69,230,177,0.28);background:linear-gradient(90deg,rgba(179,76,255,0.10),rgba(69,230,177,0.06));color:var(--fg0)}

.hf-modalhost.is-open{background:rgba(4,3,9,0.62);backdrop-filter:blur(7px);padding:12px}
.hf-modal{
    width:min(1120px,80vw);
    max-height:80vh;
    padding:0;
    overflow:hidden;
    border-radius:14px;
    border-color:rgba(255,255,255,0.13);
    background:linear-gradient(180deg,rgba(18,15,36,0.99),rgba(9,7,19,0.99));
    box-shadow:0 0 0 1px rgba(0,0,0,0.48),var(--shadow),0 0 42px rgba(116,53,180,0.14);
}
.hf-modalhost.is-details .hf-modal{width:70vw;height:80vh}
.hf-modalhost.is-filters .hf-modal{width:88vw;height:84vh;max-height:none}
.hf-modalhost.is-settings .hf-modal{width:min(1180px,80vw);max-height:82vh}
.hf-modal__head{
    min-height:62px;
    align-items:center;
    margin:0;
    padding:11px 13px;
    border-bottom:1px solid rgba(255,255,255,0.09);
    background:linear-gradient(180deg,rgba(27,22,51,0.98),rgba(17,14,34,0.98));
}
.hf-modal__left{align-items:center}
.hf-modal__close{flex:0 0 auto}
.hf-modal__body{
    min-height:0;
    padding:13px;
    background:radial-gradient(700px 300px at 10% 0%,rgba(179,76,255,0.045),transparent 70%);
}
.hf-modalhost.is-filters .hf-modal__body,.hf-modalhost.is-details .hf-modal__body{flex:1 1 auto;overflow:hidden}
.hf-modalheading{min-width:0;display:flex;align-items:center;gap:10px}
.hf-modalheading__icon,.hf-sectionhead__icon{
    width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;
    border:1px solid rgba(255,255,255,0.12);border-radius:9px;
    background:linear-gradient(135deg,rgba(179,76,255,0.24),rgba(69,230,177,0.10));
    color:rgba(245,242,255,0.94);
}
.hf-modalheading__icon i,.hf-sectionhead__icon i{font-size:13px}
.hf-modalheading__copy{min-width:0;display:flex;flex-direction:column;gap:3px}
.hf-modalheading__title{color:#fff;font-size:14px;font-weight:900;letter-spacing:.35px}
.hf-modalheading__subtitle{color:var(--mut);font-size:10.5px;line-height:1.35}
.hf-modal-loading{min-height:220px;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--fg1)}
.hf-modal-loading>div:last-child{display:flex;flex-direction:column;gap:4px}
.hf-modal-loading strong{font-size:12px}
.hf-modal-loading span{color:var(--mut);font-size:10.5px}

.hf-settingsgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
.hf-settingssection,.hf-selectiongroup{
    min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,0.105);border-radius:12px;
    background:linear-gradient(180deg,rgba(17,14,34,0.94),rgba(10,8,21,0.94));
    box-shadow:0 10px 28px rgba(0,0,0,0.22),inset 0 1px 0 rgba(255,255,255,0.025);
}
.hf-settingssection--wide{grid-column:1 / -1}
.hf-sectionhead{
    min-height:62px;display:flex;align-items:center;gap:10px;padding:11px 13px;
    border-bottom:1px solid rgba(255,255,255,0.08);
    background:linear-gradient(90deg,rgba(179,76,255,0.075),rgba(69,230,177,0.025));
}
.hf-sectionhead>div:last-child{min-width:0;display:flex;flex-direction:column;gap:3px}
.hf-sectionhead strong{color:rgba(248,246,255,0.96);font-size:12.5px;font-weight:850;letter-spacing:.18px}
.hf-sectionhead span{color:var(--mut);font-size:10.5px;line-height:1.35}
.hf-settingsitems{display:flex;flex-direction:column}
.hf-settingitem{
    position:relative;min-width:0;min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:14px;
    padding:11px 12px;border-bottom:1px solid rgba(255,255,255,0.065);cursor:pointer;transition:background var(--t);
}
.hf-settingitem:last-child{border-bottom:0}
.hf-settingitem:hover{background:rgba(255,255,255,0.022)}
.hf-settingitem>div:first-child{min-width:0;display:flex;flex-direction:column;gap:3px}
.hf-settingitem strong{color:rgba(245,242,255,0.92);font-size:11.5px;font-weight:780}
.hf-settingitem span{color:var(--mut);font-size:10px;line-height:1.35}
.hf-settingitem input[type="checkbox"]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.hf-switch{position:relative!important;flex:0 0 42px!important;width:42px;height:23px;border:1px solid rgba(255,255,255,0.15);border-radius:999px;background:rgba(0,0,0,0.32);transition:border-color var(--t),background var(--t),box-shadow var(--t)}
.hf-switch::after{content:"";position:absolute;top:3px;left:3px;width:15px;height:15px;border-radius:999px;background:rgba(245,242,255,0.66);box-shadow:0 3px 8px rgba(0,0,0,0.42);transition:transform 140ms ease,background 140ms ease}
.hf-settingitem input:checked + .hf-switch{border-color:rgba(69,230,177,0.46);background:linear-gradient(135deg,rgba(123,62,190,0.80),rgba(45,157,144,0.72));box-shadow:0 0 0 3px rgba(69,230,177,0.055)}
.hf-settingitem input:checked + .hf-switch::after{transform:translateX(19px);background:#fff}
.hf-settingitem--range{cursor:default;align-items:center}
.hf-settingrange{width:min(220px,45%);display:flex!important;flex-direction:row!important;align-items:center;gap:10px}
.hf-settingrange strong{width:28px;text-align:right;color:var(--fg0)}
.hf-settingnote{display:flex;align-items:center;gap:9px;padding:11px 12px;color:var(--mut);font-size:10px;line-height:1.4}
.hf-settingnote i{color:var(--g)}
.hf-dataactions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.hf-dataaction{
    min-width:0;min-height:100px;display:flex;align-items:flex-start;gap:11px;padding:14px;text-align:left;
    border:0;border-right:1px solid rgba(255,255,255,0.065);background:transparent;color:var(--fg0);cursor:pointer;transition:background var(--t);
}
.hf-dataaction:last-child{border-right:0}
.hf-dataaction:hover{background:rgba(255,255,255,0.025)}
.hf-dataaction>i{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;border:1px solid rgba(255,255,255,0.11);border-radius:8px;background:rgba(255,255,255,0.035);color:var(--g)}
.hf-dataaction>div{min-width:0;display:flex;flex-direction:column;gap:4px}
.hf-dataaction strong{font-size:11.5px}
.hf-dataaction span{color:var(--mut);font-size:10px;line-height:1.4}
.hf-dataaction.is-danger>i{color:#ff8e99}
.hf-dataaction.is-danger:hover{background:rgba(255,114,127,0.035)}


.hf-pickergrid{height:100%;grid-template-columns:minmax(230px,.72fr) minmax(360px,1.15fr) minmax(340px,1fr);gap:10px}
.hf-pickercol{height:100%;max-height:none;overflow:hidden;border-radius:12px}
.hf-pickercol--selected{display:flex;flex-direction:column;gap:10px;overflow:auto;padding-right:2px}
.hf-pickpanel{border-radius:12px;border-color:rgba(255,255,255,0.105);background:linear-gradient(180deg,rgba(17,14,34,0.94),rgba(10,8,21,0.94))}
.hf-pickhead{padding:11px;border-bottom-color:rgba(255,255,255,0.08);background:linear-gradient(180deg,rgba(27,22,51,0.98),rgba(17,14,34,0.98));backdrop-filter:none}
.hf-picktitle{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}
.hf-picktitle>div{display:flex;align-items:center;gap:7px;color:var(--fg0);font-size:11.5px;font-weight:850}
.hf-picktitle i{color:var(--g);font-size:10px}
.hf-picktitle>strong{min-width:28px;padding:3px 6px;border-radius:999px;border:1px solid rgba(179,76,255,0.26);background:rgba(179,76,255,0.08);color:var(--fg1);font-size:9px;text-align:center}
.hf-picksearch{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}
.hf-pickbody{padding:8px}
.hf-pickrow{min-width:0;min-height:49px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 8px;border-bottom:1px solid rgba(255,255,255,0.055);transition:background var(--t)}
.hf-pickrow:last-child{border-bottom:0}
.hf-pickrow:hover{background:rgba(255,255,255,0.022)}
.hf-pickrow__main{min-width:0;display:flex;align-items:center;gap:8px}
.hf-pickrow__name{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:rgba(245,242,255,0.90);font-size:10.5px;font-weight:760}
.hf-pickrow__actions{display:flex;align-items:center;gap:5px;flex:0 0 auto}
.hf-q{width:20px;height:20px;border-radius:6px;font-size:9px;border-color:rgba(255,255,255,0.14);background:rgba(255,255,255,0.025)}
.hf-selectedsummary{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px;border:1px solid rgba(255,255,255,0.105);border-radius:12px;background:linear-gradient(90deg,rgba(179,76,255,0.09),rgba(69,230,177,0.035))}
.hf-selectedsummary>div{min-width:0;display:flex;flex-direction:column;gap:3px}
.hf-selectedsummary__title{font-size:11.5px;font-weight:850}
.hf-selectedsummary__text{color:var(--mut);font-size:9.5px}
.hf-selectiongroup{flex:0 0 auto;box-shadow:none}
.hf-selectiongroup__head{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px;border-bottom:1px solid rgba(255,255,255,0.07);background:rgba(255,255,255,0.018)}
.hf-selectiongroup__title{display:flex;align-items:center;gap:7px;font-size:10.5px;font-weight:820}
.hf-selectiongroup__title i{color:var(--g);font-size:9px}
.hf-selectiongroup__count{min-width:24px;padding:3px 6px;border-radius:999px;border:1px solid rgba(255,255,255,0.10);background:rgba(0,0,0,0.20);color:var(--mut);font-size:8.5px;text-align:center}
.hf-selectiongroup__body{display:flex;flex-direction:column;padding:6px}
.hf-selectionrow{min-width:0;display:flex;align-items:center;gap:8px;padding:7px;border-radius:8px}
.hf-selectionrow:hover{background:rgba(255,255,255,0.022)}
.hf-selectionrow__remove{width:23px;height:23px;flex:0 0 23px;display:grid;place-items:center;border:1px solid rgba(255,255,255,0.12);border-radius:7px;background:rgba(0,0,0,0.22);color:var(--mut);cursor:pointer}
.hf-selectionrow__remove:hover{border-color:rgba(255,114,127,0.42);color:#ffb8bf}
.hf-selectionrow__copy{min-width:0;display:flex;flex-direction:column;gap:2px}
.hf-selectionrow__name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--fg1);font-size:10px;font-weight:760}
.hf-selectionrow__mode{font-size:8.5px;font-weight:760;text-transform:uppercase;letter-spacing:.35px}
.hf-selectionrow.is-include .hf-selectionrow__mode{color:var(--g)}
.hf-selectionrow.is-exclude .hf-selectionrow__mode{color:#ff8e99}
.hf-selectionempty{padding:16px 9px;color:var(--mut);font-size:9.5px;text-align:center}

.hf-tabs{gap:6px;margin-top:9px}
.hf-tab{border-radius:8px;padding:7px 10px;font-size:10px;font-weight:780}
.hf-tab.is-active{border-color:rgba(69,230,177,0.30);background:linear-gradient(90deg,rgba(179,76,255,0.10),rgba(69,230,177,0.06))}
.hf-details-panel,.hf-cover,.hf-gallery .hf-gimg,.hf-screen{border-radius:11px}

.hf-tip{border-radius:9px;background:rgba(17,14,34,0.99);font-size:10px}
.hf-toast{border-radius:9px;background:rgba(17,14,34,0.96);font-size:10.5px}
.hf-fab{border-radius:999px;background:linear-gradient(135deg,rgba(119,55,190,0.76),rgba(33,119,120,0.60));font-size:10px}

*{scrollbar-width:thin;scrollbar-color:rgba(143,73,221,0.68) rgba(0,0,0,0.26)}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:rgba(0,0,0,0.25)}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(151,76,229,0.74),rgba(64,177,177,0.58));border:2px solid rgba(0,0,0,0.32);border-radius:999px}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,rgba(169,91,245,0.86),rgba(69,211,192,0.72))}

@media (max-width:1180px){
    .hf-modalhost.is-filters .hf-modal{width:calc(100vw - 24px);height:calc(100vh - 24px)}
    .hf-pickergrid{grid-template-columns:260px 1fr;grid-template-rows:1fr 1fr}
    .hf-pickercol--selected{grid-row:1 / 3}
    .hf-dataactions{grid-template-columns:1fr}
    .hf-dataaction{min-height:78px;border-right:0;border-bottom:1px solid rgba(255,255,255,0.065)}
    .hf-dataaction:last-child{border-bottom:0}
}

@media (max-width:980px){
    .hf-page{grid-template-columns:1fr}
    .hf-nav{position:relative;height:auto;min-height:0}
    .hf-modal{width:calc(100vw - 24px);max-height:calc(100vh - 24px)}
    .hf-modalhost.is-details .hf-modal{width:calc(100vw - 24px);height:calc(100vh - 24px)}
    .hf-settingsgrid{grid-template-columns:1fr}
    .hf-settingssection--wide{grid-column:auto}
}

@media (max-width:760px){
    .hf-pickergrid{display:flex;flex-direction:column;height:auto}
    .hf-modalhost.is-filters .hf-modal__body{overflow:auto}
    .hf-pickercol{height:auto;min-height:430px;overflow:visible}
    .hf-pickercol--selected{min-height:0;overflow:visible}
    .hf-pickpanel{height:430px}
}

@media (max-width:560px){
    .hf-main{padding:9px}
    .hf-card{padding:9px}
    .hf-stickysearch{margin:-9px -9px 9px;padding:9px}
    .hf-searchbar__left,.hf-searchbar__right{width:100%}
    .hf-searchbar__right .hf-btn{width:100%}
    .hf-modal__head{align-items:flex-start}
    .hf-modalheading__subtitle{display:none}
    .hf-modal__close span{display:none}
    .hf-modal__close{width:36px;padding:0}
    .hf-settingsgrid{grid-template-columns:1fr}
    .hf-settingitem{align-items:flex-start}
    .hf-settingitem--range{flex-direction:column;align-items:stretch}
    .hf-settingrange{width:100%}
}

/* Revision 10 */
.hf-main{
    padding:0;
    border-radius:0;
}
.hf-main > .hf-card{
    min-height:100vh;
    border-radius:0;
}
.hf-stickysearch,
.hf-stickysearch.is-stuck{
    border-radius:0 0 11px 11px;
}

.hf-anime--loading{
    cursor:default;
    pointer-events:none;
}
.hf-anime--loading:hover{
    transform:none;
    border-color:rgba(255,255,255,0.10);
    background:linear-gradient(180deg,rgba(17,14,34,0.96),rgba(10,8,21,0.97));
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.025),0 8px 22px rgba(0,0,0,0.16);
}
.hf-anime--loading::before{opacity:.55}
.hf-anime__loadingthumb{
    background:
        radial-gradient(180px 120px at 50% 42%,rgba(179,76,255,0.10),transparent 72%),
        rgba(0,0,0,0.18);
}
.hf-anime__loadingcontent{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:10px;
    color:var(--fg1);
    font-size:11px;
    letter-spacing:.12px;
}
.hf-anime__loadingbody{justify-content:center;text-align:center}

.hf-modal__head{
    position:relative;
    top:auto;
    z-index:30;
    flex:0 0 auto;
}
.hf-modalhost.is-details .hf-modal__left{
    flex:1 1 auto;
    min-width:0;
}
.hf-modalhost.is-details .hf-modal__body{
    display:flex;
    min-height:0;
}
.hf-modalhost.is-details .hf-modalgrid{
    width:100%;
    height:100%;
    min-height:0;
    grid-template-columns:minmax(220px,300px) minmax(0,1fr);
}
.hf-details-heading{
    width:100%;
    min-width:0;
    display:flex;
    align-items:center;
    gap:10px;
}
.hf-details-heading .hf-pill{flex:0 0 auto}
.hf-details-heading__title{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:var(--fg0);
    font-size:16px;
    font-weight:950;
    letter-spacing:.15px;
    line-height:1.2;
}
.hf-details-sidebar{
    min-width:0;
    min-height:0;
    display:flex;
    flex-direction:column;
    gap:9px;
}
.hf-details-sidebar .hf-cover{
    flex:0 1 auto;
    min-height:0;
}
.hf-details-sidebar .hf-cover img{
    width:100%;
    max-height:calc(80vh - 178px);
    object-fit:cover;
}
.hf-details-watch{flex:0 0 auto}
.hf-details-watch .hf-dd__menu{
    top:auto;
    bottom:calc(100% + 6px);
    max-height:min(300px,45vh);
}
.hf-details-links{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:6px;
}
.hf-details-links .hf-btn{
    min-width:0;
    padding-left:6px;
    padding-right:6px;
    white-space:nowrap;
}
.hf-details-content{
    min-width:0;
    min-height:0;
    display:flex;
    flex-direction:column;
}
.hf-details-tabsbar{
    flex:0 0 auto;
    padding:0 0 10px;
    border-bottom:1px solid rgba(255,255,255,0.08);
    background:linear-gradient(180deg,rgba(18,15,36,0.98),rgba(13,10,27,0.96));
    z-index:2;
}
.hf-details-tabsbar .hf-tabs{margin:0}
.hf-details-scroll{
    flex:1 1 auto;
    min-height:0;
    overflow-y:auto;
    overflow-x:hidden;
    padding:0 6px 4px 0;
}
.hf-details-meta{margin-top:10px}
.hf-details-tabpanel{margin-top:12px}

*{scrollbar-width:thin;scrollbar-color:rgba(143,73,221,0.68) rgba(0,0,0,0.26)}
*::-webkit-scrollbar{width:10px;height:10px}
*::-webkit-scrollbar-track{background:rgba(0,0,0,0.25)}
*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(151,76,229,0.74),rgba(64,177,177,0.58));border:2px solid rgba(0,0,0,0.32);border-radius:999px}
*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,rgba(169,91,245,0.86),rgba(69,211,192,0.72))}

@media (max-width:980px){
    .hf-modalhost.is-details .hf-modal__body{overflow:auto}
    .hf-modalhost.is-details .hf-modalgrid{height:auto;grid-template-columns:1fr}
    .hf-details-sidebar{width:min(300px,100%)}
    .hf-details-sidebar .hf-cover img{max-height:none}
    .hf-details-content{min-height:500px}
}

@media (max-width:560px){
    .hf-main{padding:0}
    .hf-stickysearch{border-radius:0 0 11px 11px}
    .hf-details-links{grid-template-columns:1fr}
}

/* Revision 11 */
.hf-searchfield{
    position:relative;
    width:100%;
    min-width:0;
}
.hf-searchfield .hf-input{
    width:100%;
    padding-right:38px;
}
.hf-searchclear{
    position:absolute;
    top:50%;
    right:10px;
    width:24px;
    height:24px;
    margin:0;
    padding:0;
    display:grid;
    place-items:center;
    transform:translateY(-50%);
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    color:rgba(229,224,244,0.62);
    cursor:pointer;
    font-size:13px;
    line-height:1;
}
.hf-searchclear:hover,
.hf-searchclear:focus-visible{
    color:var(--fg0);
    background:transparent;
    outline:none;
}
.hf-searchclear[hidden]{display:none}

.hf-details-panels{
    position:relative;
    flex:1 1 auto;
    min-height:0;
    overflow:hidden;
}
.hf-details-tabpanel{
    width:100%;
    height:100%;
    min-height:0;
    margin:0;
    padding:10px 6px 4px 0;
    overflow-y:auto;
    overflow-x:hidden;
}
.hf-details-tabpanel[hidden]{display:none}
.hf-details-tabpanel > .hf-details-panel{margin:0}
.hf-details-meta{margin:0 0 10px}

.hf-details-filters{
    display:flex;
    flex-direction:column;
    gap:9px;
    margin-bottom:12px;
    padding:11px;
    border:1px solid rgba(255,255,255,0.085);
    border-radius:11px;
    background:linear-gradient(180deg,rgba(22,18,42,0.72),rgba(12,10,25,0.72));
}
.hf-details-filtergroup{
    display:grid;
    grid-template-columns:62px minmax(0,1fr);
    align-items:start;
    gap:9px;
}
.hf-details-filtergroup__label{
    padding-top:5px;
    color:var(--fg0);
    font-size:10px;
    font-weight:850;
}
.hf-details-filterpills{
    min-width:0;
    display:flex;
    flex-wrap:wrap;
    gap:6px;
}
.hf-details-filterpill{
    min-width:0;
    display:inline-flex;
    align-items:center;
    gap:5px;
    padding:3px 7px;
    border:1px solid rgba(255,255,255,0.11);
    border-radius:999px;
    background:rgba(0,0,0,0.23);
    color:rgba(245,242,255,0.84);
    transition:border-color var(--t),background var(--t),box-shadow var(--t);
}
.hf-details-filterpill.is-included{
    border-color:rgba(69,230,177,0.38);
    background:rgba(69,230,177,0.075);
    box-shadow:inset 0 0 0 1px rgba(69,230,177,0.035);
}
.hf-details-filterpill.is-excluded{
    border-color:rgba(255,114,127,0.40);
    background:rgba(255,114,127,0.07);
    box-shadow:inset 0 0 0 1px rgba(255,114,127,0.03);
}
.hf-details-filterpill__name{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:9.5px;
    font-weight:760;
}
.hf-details-filterpill__action{
    width:17px;
    height:17px;
    flex:0 0 17px;
    display:grid;
    place-items:center;
    margin:0;
    padding:0;
    border:0;
    background:transparent;
    cursor:pointer;
    font:900 13px/1 inherit;
}
.hf-details-filterpill__include{color:var(--g)}
.hf-details-filterpill__exclude{color:#ff727f}
.hf-details-filterpill__action:hover,
.hf-details-filterpill__action:focus-visible{
    filter:brightness(1.3);
    outline:none;
}
.hf-details-filterpill.is-included .hf-details-filterpill__include,
.hf-details-filterpill.is-excluded .hf-details-filterpill__exclude{
    text-shadow:0 0 8px currentColor;
}
.hf-details-filters__note{
    color:var(--mut);
    font-size:9px;
    line-height:1.35;
}


@media (max-width:980px){
    .hf-details-filtergroup{grid-template-columns:1fr;gap:5px}
    .hf-details-filtergroup__label{padding-top:0}
}

html.is-modal-open,
body.is-modal-open{
    overscroll-behavior:none;
}
.hf-modalhost.is-open,
.hf-modal,
.hf-modal__body,
.hf-details-content,
.hf-details-panels,
.hf-details-tabpanel{
    overscroll-behavior:contain;
}
.hf-details-tabpanel{
    scrollbar-gutter:stable;
}

.hf-details-filterpill{
    gap:2px;
    min-height:22px;
    padding:2px 5px;
}
.hf-details-filterpill__name{
    font-size:9px;
    line-height:1.2;
}
.hf-details-filterpill__action{
    width:12px;
    height:14px;
    flex-basis:12px;
    font-size:10px;
    font-weight:850;
    line-height:1;
}
.hf-details-filterpill__action:hover,
.hf-details-filterpill__action:focus-visible{
    filter:brightness(1.2);
    transform:scale(1.08);
}

.hf-anime{
    contain:none;
}

html,
body.hf,
.hf-nav__controls,
.hf-modal__body,
.hf-details-tabpanel,
.hf-pickercol--selected,
.hf-pickbody,
.hf-dd__menu{
    scrollbar-width:thin;
    scrollbar-color:rgba(143,73,221,0.68) rgba(0,0,0,0.26);
}
html::-webkit-scrollbar,
body.hf::-webkit-scrollbar,
.hf-nav__controls::-webkit-scrollbar,
.hf-modal__body::-webkit-scrollbar,
.hf-details-tabpanel::-webkit-scrollbar,
.hf-pickercol--selected::-webkit-scrollbar,
.hf-pickbody::-webkit-scrollbar,
.hf-dd__menu::-webkit-scrollbar{
    width:10px;
    height:10px;
}
html::-webkit-scrollbar-track,
body.hf::-webkit-scrollbar-track,
.hf-nav__controls::-webkit-scrollbar-track,
.hf-modal__body::-webkit-scrollbar-track,
.hf-details-tabpanel::-webkit-scrollbar-track,
.hf-pickercol--selected::-webkit-scrollbar-track,
.hf-pickbody::-webkit-scrollbar-track,
.hf-dd__menu::-webkit-scrollbar-track{
    background:rgba(0,0,0,0.25);
}
html::-webkit-scrollbar-thumb,
body.hf::-webkit-scrollbar-thumb,
.hf-nav__controls::-webkit-scrollbar-thumb,
.hf-modal__body::-webkit-scrollbar-thumb,
.hf-details-tabpanel::-webkit-scrollbar-thumb,
.hf-pickercol--selected::-webkit-scrollbar-thumb,
.hf-pickbody::-webkit-scrollbar-thumb,
.hf-dd__menu::-webkit-scrollbar-thumb{
    background:linear-gradient(180deg,rgba(151,76,229,0.74),rgba(64,177,177,0.58));
    border:2px solid rgba(0,0,0,0.32);
    border-radius:999px;
}
html::-webkit-scrollbar-thumb:hover,
body.hf::-webkit-scrollbar-thumb:hover,
.hf-nav__controls::-webkit-scrollbar-thumb:hover,
.hf-modal__body::-webkit-scrollbar-thumb:hover,
.hf-details-tabpanel::-webkit-scrollbar-thumb:hover,
.hf-pickercol--selected::-webkit-scrollbar-thumb:hover,
.hf-pickbody::-webkit-scrollbar-thumb:hover,
.hf-dd__menu::-webkit-scrollbar-thumb:hover{
    background:linear-gradient(180deg,rgba(169,91,245,0.86),rgba(69,211,192,0.72));
}

:root{
    --bg0:#0a0c11;
    --bg1:#0d1016;
    --bg2:#131722;
    --fg0:#f2f4f8;
    --fg1:#cbd1dc;
    --mut:#7f8898;
    --g:#56d6a0;
    --p:#9a72e8;
    --u:#7f8cff;
    --a:#56d6a0;
    --line:#252b36;
    --shadow:0 12px 32px rgba(0,0,0,.28);
    --r12:6px;
    --r16:8px;
    --r18:10px;
    --gap:12px;
}

body.hf{
    background:#0a0c11;
    color:var(--fg0);
}

.hf-page{
    grid-template-columns:276px minmax(0,1fr);
}

.hf-nav{
    background:#0d1016;
    border-right:1px solid var(--line);
    padding:14px;
    gap:12px;
}

.hf-nav__brand,
.hf-nav__brand:visited{
    border:0;
    border-radius:8px;
    background:transparent;
    padding:8px 6px;
}

.hf-nav__brand:hover{ background:#121620; }
.hf-nav__logoimg{ width:32px; height:32px; border-radius:7px; box-shadow:none; }
.hf-nav__name{ font-weight:800; }
.hf-nav__tagline{ color:var(--mut); font-size:11px; margin-top:3px; }
.hf-nav__sep{ background:var(--line); margin:2px 0; }

.hf-sections{ display:grid; gap:4px; }
.hf-sectionbtn{
    appearance:none;
    border:1px solid transparent;
    background:transparent;
    color:#a9b1bf;
    min-height:40px;
    border-radius:7px;
    padding:0 10px;
    display:grid;
    grid-template-columns:20px minmax(0,1fr) auto;
    align-items:center;
    gap:9px;
    text-align:left;
    font:inherit;
    font-weight:700;
    cursor:pointer;
}
.hf-sectionbtn:hover{ background:#121620; color:#e8ebf1; }
.hf-sectionbtn.is-active{ background:#171c27; border-color:#2a3240; color:#fff; }
.hf-sectionbtn i{ text-align:center; }

.hf-nav__controls{ gap:8px; padding-right:2px; }
.hf-ctl{ border:0; border-radius:7px; background:#11151e; padding:10px; }
.hf-ctl__label{ margin-bottom:8px; font-weight:700; color:#8993a3; }
.hf-ctl__val{ font-weight:700; }

.hf-nav__footer{ border-top:1px solid var(--line); padding-top:10px; gap:8px; }
.hf-nav__footrow{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:4px; }
.hf-nav__footrow .hf-btn{ padding:8px 5px; font-size:11px; gap:5px; }

.hf-account{
    appearance:none;
    width:100%;
    border:1px solid #252b36;
    background:#11151e;
    color:var(--fg0);
    border-radius:8px;
    padding:9px;
    display:grid;
    grid-template-columns:34px minmax(0,1fr) 14px;
    gap:9px;
    align-items:center;
    text-align:left;
    cursor:pointer;
}
.hf-account:hover{ background:#151a24; border-color:#343c4b; }
.hf-account__avatar{ width:34px; height:34px; border-radius:6px; display:grid; place-items:center; background:#1b2130; overflow:hidden; }
.hf-account__avatar img{ width:100%; height:100%; object-fit:cover; }
.hf-account__copy{ min-width:0; display:grid; gap:2px; }
.hf-account__copy strong,.hf-account__copy span{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.hf-account__copy strong{ font-size:12px; }
.hf-account__copy span{ font-size:11px; color:var(--mut); }
.hf-account__arrow{ color:#667083; font-size:10px; }

.hf-main{ padding:22px 24px 42px; min-width:0; }
.hf-view{ max-width:1700px; margin:0 auto; }
.hf-card{ background:#10141d; border:1px solid var(--line); border-radius:9px; box-shadow:none; }
.hf-card--accent{ background:#10141d; border-color:var(--line); }

.hf-btn{
    border-radius:7px;
    padding:10px 12px;
    font-weight:700;
    background:#171c27;
    border:1px solid #2a3240;
    box-shadow:none;
    transform:none !important;
}
.hf-btn:hover{ background:#1c2230; border-color:#3a4455; }
.hf-btn--primary{ background:#7557c6; border-color:#8d6ede; }
.hf-btn--primary:hover{ background:#8162d3; border-color:#9a7ce6; }
.hf-btn--ghost{ background:transparent; border-color:#29303c; }
.hf-btn--danger{ background:#3a171d; border-color:#63303a; color:#ffd9df; }
.hf-btn--danger:hover{ background:#481d24; border-color:#7b3b47; }

.hf-input,.hf-dd__btn{
    border-radius:7px;
    background:#0d1118;
    border:1px solid #2a303b;
    font-weight:650;
}
.hf-input:focus{ border-color:#765fc0; background:#0d1118; }
.hf-input--lg{ border-radius:7px; }

.hf-range::-webkit-slider-runnable-track{ height:6px; border-radius:3px; background:#232a35; border:0; }
.hf-range::-webkit-slider-thumb{ width:16px; height:16px; margin-top:-5px; border-radius:50%; background:#8d6ede; border:0; box-shadow:none; }
.hf-range::-moz-range-track{ height:6px; border-radius:3px; background:#232a35; border:0; }
.hf-range::-moz-range-thumb{ width:16px; height:16px; border-radius:50%; background:#8d6ede; border:0; box-shadow:none; }

.hf-stickysearch{
    top:0;
    margin:0 0 14px;
    padding:12px;
    border-radius:8px;
    border:1px solid var(--line);
    background:#0f131b;
    backdrop-filter:none;
    box-shadow:none;
}
.hf-stickysearch.is-stuck{ border-top:1px solid var(--line); border-radius:8px; }

.hf-results{ margin-top:0; }
.hf-anime{
    border-radius:8px;
    background:#10141d;
    border-color:#252b36;
    box-shadow:none;
    transform:none !important;
}
.hf-anime:hover{ background:#131823; border-color:#394252; }
.hf-anime__body{ padding:10px; }
.hf-anime__titlethumb{ font-weight:800; background:linear-gradient(180deg,transparent,rgba(0,0,0,.92)); }
.hf-anime__watchbtn{ left:8px; top:8px; }
.hf-pill{ border-radius:6px; padding:6px 8px; font-weight:700; box-shadow:none; backdrop-filter:none; background:#090c11; }

.hf-favoritebtn{
    appearance:none;
    width:34px;
    height:34px;
    border-radius:7px;
    border:1px solid #343c49;
    background:#111620;
    color:#8b95a6;
    display:grid;
    place-items:center;
    cursor:pointer;
    flex:0 0 auto;
}
.hf-favoritebtn:hover{ color:#e9c65b; border-color:#63593a; background:#1d1b14; }
.hf-favoritebtn.is-favorite{ color:#f1ce63; border-color:#625a3b; background:#1c1a13; }
.hf-anime__favorite{ position:absolute; right:8px; top:8px; z-index:3; }
.hf-favoritebtn--details{ width:32px; height:32px; }

.hf-modalhost{ background:rgba(4,6,9,.78); backdrop-filter:none; }
.hf-modal{ border-radius:9px; background:#0f131b; border:1px solid #2b3240; box-shadow:var(--shadow); }
.hf-modal__head{ background:#111620; border-bottom:1px solid #252b36; }
.hf-modal__body{ background:#0f131b; }
.hf-dd__menu{ background:#111620; border:1px solid #303846; border-radius:7px; box-shadow:0 10px 24px rgba(0,0,0,.4); }

.hf-viewhead{
    min-height:92px;
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:18px;
    border-bottom:1px solid var(--line);
    padding:4px 0 18px;
    margin-bottom:14px;
}
.hf-viewhead h1{ margin:3px 0 4px; font-size:28px; line-height:1.1; letter-spacing:-.5px; }
.hf-viewhead p{ margin:0; color:var(--mut); font-size:13px; }
.hf-eyebrow{ color:#8d6ede; font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.9px; }

.hf-rangebuttons{ display:flex; gap:4px; padding:3px; background:#10141d; border:1px solid #252b36; border-radius:8px; }
.hf-rangebuttons button{
    appearance:none;
    border:0;
    background:transparent;
    color:#8f99a8;
    padding:8px 11px;
    border-radius:5px;
    font:inherit;
    font-size:12px;
    font-weight:750;
    cursor:pointer;
}
.hf-rangebuttons button:hover{ color:#fff; background:#171c27; }
.hf-rangebuttons button.is-active{ color:#fff; background:#242b38; }

.hf-datebar{
    display:flex;
    gap:5px;
    overflow:auto;
    padding:0 0 10px;
    scrollbar-width:thin;
}
.hf-datebar button{
    appearance:none;
    flex:0 0 72px;
    min-height:48px;
    border:1px solid #252b36;
    border-radius:7px;
    background:#10141d;
    color:#9ca5b4;
    display:grid;
    align-content:center;
    gap:2px;
    cursor:pointer;
}
.hf-datebar button strong{ font-size:11px; color:#d6dbe4; }
.hf-datebar button span{ font-size:10px; }
.hf-datebar button:hover{ border-color:#3b4556; }
.hf-datebar button.is-active{ background:#1a1f2b; border-color:#765fc0; }

.hf-releaseinfo{ display:flex; justify-content:space-between; gap:12px; color:var(--mut); font-size:11px; padding:2px 1px 12px; }
.hf-releasegroups{ display:grid; gap:22px; }
.hf-releasegroup{ display:grid; gap:8px; }
.hf-releasegroup__head{ display:flex; align-items:center; gap:8px; min-height:30px; border-bottom:1px solid #202631; }
.hf-releasegroup__head strong{ font-size:13px; }
.hf-releasegroup__head span{ color:var(--mut); font-size:11px; }
.hf-releasegrid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.hf-releasecard{
    min-width:0;
    min-height:124px;
    display:grid;
    grid-template-columns:86px minmax(0,1fr);
    border:1px solid #252b36;
    background:#10141d;
    border-radius:8px;
    overflow:hidden;
    cursor:pointer;
}
.hf-releasecard:hover{ border-color:#394454; background:#131823; }
.hf-releasecard__cover{ background:#171c25; }
.hf-releasecard__cover img{ width:100%; height:100%; object-fit:cover; display:block; }
.hf-releasecard__body{ min-width:0; padding:10px; display:grid; gap:8px; align-content:start; }
.hf-releasecard__top{ display:flex; align-items:flex-start; justify-content:space-between; gap:8px; min-width:0; }
.hf-releasecard__top>div{ min-width:0; }
.hf-releasecard__title{ font-size:13px; font-weight:800; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.hf-releasecard__meta{ margin-top:3px; color:var(--mut); font-size:10px; }
.hf-releasecard__episode{ display:flex; align-items:center; justify-content:space-between; gap:8px; color:#aab2c0; font-size:11px; }
.hf-releasecard__episode strong{ color:#dce0e7; }
.hf-releasecard__countdown{ display:flex; align-items:center; gap:6px; color:#a989ff; font-size:11px; font-weight:750; }

.hf-favorites{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.hf-favoritecard{
    position:relative;
    min-height:140px;
    display:grid;
    grid-template-columns:96px minmax(0,1fr);
    border:1px solid #252b36;
    background:#10141d;
    border-radius:8px;
    overflow:hidden;
    cursor:pointer;
}
.hf-favoritecard:hover{ border-color:#394454; background:#131823; }
.hf-favoritecard__cover{ background:#171c25; }
.hf-favoritecard__cover img{ width:100%; height:100%; object-fit:cover; display:block; }
.hf-favoritecard__body{ min-width:0; padding:12px 50px 12px 12px; display:grid; gap:12px; align-content:start; }
.hf-favoritecard__title{ font-weight:800; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.hf-favoritecard__next{ display:grid; gap:4px; color:var(--mut); font-size:11px; }
.hf-favoritecard__next strong{ color:#dbe0e8; }
.hf-favoritecard>.hf-favoritebtn{ position:absolute; top:10px; right:10px; }

.hf-loginbox{ max-width:620px; display:grid; gap:16px; }
.hf-loginbox p{ margin:0; color:#cbd1dc; line-height:1.5; }
.hf-providergrid{ display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.hf-providerbtn{
    min-height:48px;
    border-radius:7px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    color:#fff;
    text-decoration:none;
    font-weight:800;
    border:1px solid transparent;
}
.hf-providerbtn--discord{ background:#5865f2; border-color:#6e78f3; }
.hf-providerbtn--twitch{ background:#7144b8; border-color:#875ec8; }
.hf-providerbtn:hover{ filter:brightness(1.08); }
.hf-loginbox__note,.hf-connectionnote{ color:var(--mut); font-size:11px; border-top:1px solid var(--line); padding-top:10px; }

.hf-accountpanel{ display:grid; gap:18px; }
.hf-accountpanel__user{ display:grid; grid-template-columns:58px minmax(0,1fr); gap:12px; align-items:center; }
.hf-accountpanel__avatar{ width:58px; height:58px; display:grid; place-items:center; overflow:hidden; background:#1b2130; border-radius:8px; }
.hf-accountpanel__avatar img{ width:100%; height:100%; object-fit:cover; }
.hf-accountpanel__user>div:last-child{ display:grid; gap:4px; }
.hf-accountpanel__user span{ color:var(--mut); font-size:12px; }
.hf-accountpanel__actions{ display:flex; gap:8px; }

.hf-connections{ display:grid; gap:8px; }
.hf-connectionrow{ min-height:66px; border:1px solid #252b36; border-radius:8px; background:#10141d; padding:9px 10px; display:flex; align-items:center; justify-content:space-between; gap:12px; }
.hf-connectionrow__identity{ display:flex; align-items:center; gap:9px; min-width:0; }
.hf-connectionrow__icon{ width:28px; text-align:center; font-size:18px; }
.hf-connectionrow__avatar{ width:30px; height:30px; border-radius:6px; overflow:hidden; display:block; }
.hf-connectionrow__avatar:empty{ display:none; }
.hf-connectionrow__avatar img{ width:100%; height:100%; object-fit:cover; }
.hf-connectionrow__identity>div{ display:grid; gap:2px; }
.hf-connectionrow__identity span{ color:var(--mut); font-size:11px; }
.hf-confirm{ display:grid; gap:16px; }
.hf-confirm p{ margin:0; }
.hf-confirm__actions{ display:flex; justify-content:flex-end; gap:8px; }

.hf-settingssection{ background:#10141d !important; border:1px solid #252b36 !important; border-radius:8px !important; box-shadow:none !important; }
.hf-dataaction{ border-radius:7px !important; background:#0e1219 !important; border-color:#29303b !important; }
.hf-dataaction:hover{ background:#141923 !important; }
.hf-sectionhead__icon{ border-radius:6px !important; background:#191f2b !important; box-shadow:none !important; }

@media (max-width:1300px){
    .hf-releasegrid,.hf-favorites{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width:900px){
    .hf-page{ grid-template-columns:1fr; }
    .hf-nav{ position:relative; height:auto; min-height:0; border-right:0; border-bottom:1px solid var(--line); }
    .hf-sections{ grid-template-columns:repeat(3,minmax(0,1fr)); }
    .hf-sectionbtn{ grid-template-columns:18px minmax(0,1fr) auto; }
    .hf-nav__controls{ max-height:none; }
    .hf-main{ padding:16px; }
    .hf-viewhead{ align-items:flex-start; flex-direction:column; }
    .hf-releasegrid,.hf-favorites{ grid-template-columns:1fr; }
}

@media (max-width:620px){
    .hf-sections{ grid-template-columns:1fr; }
    .hf-providergrid{ grid-template-columns:1fr; }
    .hf-rangebuttons{ width:100%; }
    .hf-rangebuttons button{ flex:1; }
    .hf-releasecard{ grid-template-columns:72px minmax(0,1fr); }
    .hf-favoritecard{ grid-template-columns:78px minmax(0,1fr); }
}


/* Revision 003 visual pass */
:root{
    --bg0:#080a0e;
    --bg1:#0b0e13;
    --bg2:#11151c;
    --fg0:#f1f3f7;
    --fg1:#c7ccd5;
    --mut:#7f8794;
    --line:#242a34;
    --line2:#313946;
    --p:#8f63d9;
    --g:#4fc79a;
    --u:#7697d6;
    --a:#8f63d9;
    --shadow:0 18px 48px rgba(0,0,0,.42);
    --r12:5px;
    --r16:6px;
    --r18:8px;
    --gap:10px;
}

html{
    scrollbar-color:#4b5260 #0a0d12;
}

body.hf{
    background:#080a0e;
    color:var(--fg0);
    font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}

body.hf::before,
body.hf::after{display:none!important;}

.hf-page{
    grid-template-columns:248px minmax(0,1fr);
    background:#080a0e;
}

.hf-nav{
    gap:0;
    padding:14px 12px 12px;
    background:#0c0f14;
    border-right:1px solid #202630;
    box-shadow:none;
}

.hf-nav__brand,
.hf-nav__brand:visited{
    gap:10px;
    padding:5px 8px 14px;
    border:0;
    border-radius:0;
    background:transparent;
}

.hf-nav__logoimg{
    width:30px;
    height:30px;
    border-radius:4px;
    box-shadow:none;
}

.hf-nav__name{
    font-size:14px;
    font-weight:760;
    letter-spacing:0;
}

.hf-nav__tagline{
    margin-top:2px;
    color:#707887;
    font-size:10px;
    line-height:1.2;
}

.hf-sections{
    display:grid;
    gap:2px;
    padding:6px 0 12px;
}

.hf-sectionbtn{
    position:relative;
    min-height:38px;
    padding:0 10px;
    gap:10px;
    border:0;
    border-radius:4px;
    background:transparent;
    color:#aeb5c0;
    font-size:13px;
    font-weight:650;
    justify-content:flex-start;
    box-shadow:none;
}

.hf-sectionbtn::before{
    content:"";
    position:absolute;
    left:0;
    top:7px;
    bottom:7px;
    width:2px;
    background:transparent;
}

.hf-sectionbtn:hover{
    transform:none;
    background:#121720;
    color:#e8ebef;
}

.hf-sectionbtn.is-active{
    background:#171c26;
    color:#fff;
    border:0;
    box-shadow:none;
}

.hf-sectionbtn.is-active::before{background:#9368dc;}
.hf-sectionbtn i{width:16px;text-align:center;color:#8b93a0;}
.hf-sectionbtn.is-active i{color:#b38be9;}

.hf-nav__sep{
    height:1px;
    margin:0 8px 12px;
    background:#202630;
}

.hf-nav__controls{
    gap:14px;
    padding:0 8px 12px;
}

.hf-ctl{
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
}

.hf-ctl__label{
    margin:0 0 6px;
    color:#737c8a;
    font-size:10px;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.hf-ctl__row{gap:8px;}
.hf-ctl__val{width:22px;color:#b8bec8;font-size:11px;font-weight:700;}

.hf-range{
    accent-color:#8f63d9;
}

.hf-range::-webkit-slider-runnable-track{
    height:4px;
    border:0;
    border-radius:2px;
    background:#232a34;
}
.hf-range::-webkit-slider-thumb{
    width:14px;
    height:14px;
    margin-top:-5px;
    border:0;
    border-radius:50%;
    background:#9a70dd;
    box-shadow:none;
}
.hf-range::-moz-range-track{
    height:4px;
    border:0;
    border-radius:2px;
    background:#232a34;
}
.hf-range::-moz-range-thumb{
    width:14px;
    height:14px;
    border:0;
    border-radius:50%;
    background:#9a70dd;
    box-shadow:none;
}

.hf-dd__btn,
.hf-input{
    min-height:36px;
    padding:8px 10px;
    border:1px solid #29313d;
    border-radius:5px;
    background:#0d1117;
    color:#e4e8ee;
    box-shadow:none;
}

.hf-dd__btn:hover,
.hf-input:hover{border-color:#374150;}
.hf-input:focus{border-color:#7556ac;background:#0d1117;box-shadow:0 0 0 2px rgba(143,99,217,.12);}
.hf-dd__btn{font-size:12px;font-weight:600;}
.hf-dd__caret{color:#7c8593;}

.hf-dd__menu{
    padding:4px;
    border:1px solid #303846;
    border-radius:5px;
    background:#11151c;
    box-shadow:0 14px 34px rgba(0,0,0,.46);
}
.hf-dd__item{
    min-height:34px;
    border-radius:3px;
    color:#c6ccd5;
}
.hf-dd__item:hover{background:#1a2029;color:#fff;}
.hf-dd__item.is-selected{background:#231d32;color:#d6c2f3;}

.hf-nav__footer{
    gap:6px;
    padding:10px 8px 0;
    border-top:1px solid #202630;
}

.hf-account{
    min-height:48px;
    padding:6px 4px;
    border:0;
    border-radius:4px;
    background:transparent;
    box-shadow:none;
}
.hf-account:hover{background:#121720;border-color:transparent;transform:none;}
.hf-account__avatar{
    width:30px;
    height:30px;
    border:1px solid #2b3440;
    border-radius:4px;
    background:#141922;
}
.hf-account__copy strong{font-size:12px;font-weight:700;}
.hf-account__copy span{font-size:10px;color:#707887;}
.hf-account__arrow{color:#626b78;font-size:10px;}

.hf-nav__footrow{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:2px;
}

.hf-footaction{
    min-height:30px;
    padding:5px 4px;
    border:0;
    border-radius:3px;
    background:transparent;
    color:#8f98a6;
    font-size:10px;
    font-weight:600;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:5px;
}
.hf-footaction:hover{background:#151a22;color:#e7eaf0;}
.hf-footaction--logout{
    width:100%;
    justify-content:flex-start;
    padding-left:8px;
    color:#b9787f;
}
.hf-footaction--logout:hover{background:#211418;color:#e2939b;}

.hf-main{
    padding:18px 20px 40px;
    min-width:0;
    background:#080a0e;
}

.hf-view{min-width:0;}

.hf-stickysearch{
    position:sticky;
    top:0;
    z-index:20;
    margin:-18px -20px 12px;
    padding:14px 20px 10px;
    border:0;
    border-bottom:1px solid #202630;
    border-radius:0;
    background:rgba(8,10,14,.96);
    backdrop-filter:blur(8px);
    box-shadow:none;
}
.hf-stickysearch.is-stuck{border-radius:0;}
.hf-searchbar{gap:8px;flex-wrap:nowrap;}
.hf-searchbar__left{flex:1 1 auto;}
.hf-searchbar__right{flex:0 0 auto;}
.hf-input--lg{height:40px;padding:9px 12px;font-size:13px;border-radius:5px;}
.hf-searchclear{border-radius:3px;color:#78818f;}

.hf-btn{
    min-height:36px;
    padding:8px 11px;
    gap:7px;
    border:1px solid #2b3340;
    border-radius:5px;
    background:#141922;
    color:#d9dde5;
    box-shadow:none;
    font-size:12px;
    font-weight:650;
    transition:background 110ms ease,border-color 110ms ease,color 110ms ease;
}
.hf-btn:hover{transform:none;background:#1a2029;border-color:#3a4554;color:#fff;}
.hf-btn--primary{background:#1c1726;border-color:#5d467f;color:#dac8f2;}
.hf-btn--primary:hover{background:#241c31;border-color:#74579b;}
.hf-btn--ghost{background:transparent;border-color:#2b3340;}
.hf-btn--danger{background:#241519;border-color:#583039;color:#e2a4aa;}
.hf-btn--danger:hover{background:#30191e;border-color:#74404a;color:#f0b5bb;}
.hf-btn--sm{min-height:30px;padding:5px 8px;font-size:11px;}

.hf-subtle{
    margin-top:7px;
    color:#6f7886;
    font-size:10px;
}

.hf-results,
.hf-favorites{
    margin-top:10px;
    display:grid;
    grid-template-columns:repeat(var(--cols),minmax(0,1fr));
    gap:10px;
}

.hf-anime{
    position:relative;
    overflow:hidden;
    min-width:0;
    border:1px solid #242b35;
    border-radius:6px;
    background:#10141a;
    box-shadow:none;
    transition:border-color 120ms ease,background 120ms ease,transform 120ms ease;
}
.hf-anime:hover{
    transform:translateY(-1px);
    border-color:#3b4655;
    background:#12171f;
}
.hf-anime__thumb{
    position:relative;
    aspect-ratio:2/3;
    background:#141922;
}
.hf-anime__thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.hf-anime__titlethumb{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    min-height:38px;
    padding:8px 8px 7px;
    background:rgba(7,9,12,.88);
    color:#f0f2f6;
    font-size:11px;
    font-weight:700;
    line-height:1.25;
    text-shadow:none;
}
.hf-anime__body{
    min-height:46px;
    padding:7px 8px 8px;
    border-top:1px solid #202630;
    background:#10141a;
}
.hf-anime__meta{
    color:#9aa2af;
    font-size:9px;
    line-height:1.35;
    text-transform:uppercase;
    letter-spacing:.025em;
}
.hf-anime__genres{
    margin-top:4px;
    color:#727b89;
    font-size:9px;
    line-height:1.35;
    min-height:12px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.hf-anime--favorite .hf-anime__genres{display:flex;gap:5px;flex-wrap:wrap;white-space:normal;}
.hf-anime--favorite .hf-anime__genres span+span::before{content:"·";margin-right:5px;color:#515966;}
.hf-anime--favorite .hf-countdown{color:#a98bd5;}

.hf-favoritebtn{
    width:30px;
    height:30px;
    border:1px solid #303846;
    border-radius:4px;
    background:rgba(12,15,20,.92);
    color:#9ca5b2;
    box-shadow:none;
}
.hf-favoritebtn:hover{background:#171c24;border-color:#465263;color:#e6e9ee;transform:none;}
.hf-favoritebtn.is-favorite{color:#d6b66f;border-color:#5e5036;background:rgba(31,26,16,.94);}
.hf-anime__watchbtn{
    border-radius:3px;
    font-size:9px;
    padding:4px 6px;
    box-shadow:none;
}

.hf-empty{
    margin-top:10px;
    padding:18px;
    border:1px solid #252c36;
    border-radius:5px;
    background:#0d1015;
    color:#767f8d;
    font-size:12px;
}

.hf-viewhead{
    min-height:54px;
    margin:0 0 12px;
    padding:1px 0 12px;
    border-bottom:1px solid #202630;
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:16px;
}
.hf-viewhead h1{margin:0;font-size:20px;line-height:1.15;font-weight:760;letter-spacing:-.02em;}
.hf-viewhead p{margin:4px 0 0;color:#737c89;font-size:11px;}
.hf-eyebrow{display:none;}

.hf-rangebuttons{
    display:flex;
    gap:2px;
    padding:2px;
    border:1px solid #28313d;
    border-radius:5px;
    background:#0d1117;
}
.hf-rangebuttons button{
    min-height:28px;
    padding:4px 9px;
    border:0;
    border-radius:3px;
    background:transparent;
    color:#7f8896;
    font-size:10px;
    font-weight:700;
    cursor:pointer;
}
.hf-rangebuttons button:hover{background:#161c24;color:#d8dde5;}
.hf-rangebuttons button.is-active{background:#242b36;color:#fff;box-shadow:none;}

.hf-datebar{
    display:flex;
    gap:4px;
    overflow-x:auto;
    padding:0 0 8px;
    border-bottom:1px solid #202630;
    scrollbar-width:thin;
}
.hf-datebar button{
    min-width:72px;
    min-height:45px;
    padding:6px 8px;
    border:1px solid #252d38;
    border-radius:4px;
    background:#0d1117;
    color:#9ca4b0;
    cursor:pointer;
}
.hf-datebar button strong{display:block;font-size:10px;font-weight:700;}
.hf-datebar button span{display:block;margin-top:3px;color:#5f6876;font-size:9px;}
.hf-datebar button:hover{border-color:#3a4554;background:#111720;}
.hf-datebar button.is-active{border-color:#684f91;background:#181322;color:#dfd2ef;}
.hf-datebar button.is-active span{color:#9f85c4;}

.hf-releaseinfo{
    min-height:31px;
    padding:8px 1px 10px;
    color:#697280;
    font-size:10px;
}
.hf-releasegroups{gap:18px;}
.hf-releasegroup{gap:7px;}
.hf-releasegroup__head{
    min-height:28px;
    border-bottom:1px solid #202630;
}
.hf-releasegroup__head strong{font-size:12px;font-weight:700;}
.hf-releasegroup__head span{color:#697280;font-size:10px;}
.hf-releasegrid{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:8px;
}
.hf-releasecard{
    min-height:112px;
    display:grid;
    grid-template-columns:74px minmax(0,1fr);
    overflow:hidden;
    border:1px solid #242b35;
    border-radius:5px;
    background:#10141a;
    box-shadow:none;
}
.hf-releasecard:hover{border-color:#3a4554;background:#12171f;transform:none;}
.hf-releasecard__cover{background:#141922;}
.hf-releasecard__cover img{width:100%;height:100%;object-fit:cover;display:block;}
.hf-releasecard__body{padding:9px;gap:7px;background:transparent;}
.hf-releasecard__title{font-size:11px;font-weight:700;line-height:1.3;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.hf-releasecard__meta{margin-top:3px;color:#737c89;font-size:9px;text-transform:uppercase;}
.hf-releasecard__episode{color:#747d8a;font-size:9px;}
.hf-releasecard__episode strong{color:#c6ccd5;font-weight:650;}
.hf-releasecard__countdown{color:#a789d0;font-size:10px;font-weight:650;}

.hf-modalhost{
    padding:24px;
    background:rgba(3,5,8,.78);
    backdrop-filter:blur(4px);
}
.hf-modal{
    width:min(960px,calc(100vw - 48px));
    max-height:calc(100vh - 48px);
    border:1px solid #2b3440;
    border-radius:7px;
    background:#0d1117;
    box-shadow:0 24px 70px rgba(0,0,0,.55);
    overflow:hidden;
}
.hf-modalhost.is-filters .hf-modal{width:min(1280px,calc(100vw - 48px));}
.hf-modalhost.is-details .hf-modal{width:min(1120px,calc(100vw - 48px));}
.hf-modal__head{
    min-height:52px;
    padding:10px 14px;
    border-bottom:1px solid #252d38;
    background:#10141b;
}
.hf-modal__body{
    padding:14px;
    background:#0d1117;
    scrollbar-color:#424b59 #0d1117;
}
.hf-modalheading{gap:9px;}
.hf-modalheading__icon{
    width:28px;
    height:28px;
    border:1px solid #3a3150;
    border-radius:4px;
    background:#171320;
    color:#ad91d4;
}
.hf-modalheading__title{font-size:13px;font-weight:730;}
.hf-modalheading__subtitle{display:none;}
.hf-modal__close{min-height:30px;padding:5px 8px;background:transparent;}

.hf-loginbox,
.hf-accountpanel,
.hf-connections,
.hf-confirm{
    max-width:620px;
    margin:0 auto;
}
.hf-loginbox p,
.hf-confirm p{margin:0 0 14px;color:#aab2be;font-size:12px;}
.hf-providergrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.hf-providerbtn{
    min-height:40px;
    border-radius:5px;
    box-shadow:none;
    font-size:12px;
    font-weight:700;
}
.hf-providerbtn--discord{background:#202a58;border:1px solid #38478a;color:#dfe5ff;}
.hf-providerbtn--twitch{background:#281b3d;border:1px solid #593c80;color:#e8daf8;}
.hf-loginbox__note{margin-top:12px;padding-top:10px;border-top:1px solid #252d38;color:#697280;font-size:10px;}

.hf-accountpanel__user{
    padding:0 0 14px;
    border-bottom:1px solid #252d38;
}
.hf-accountpanel__avatar{border-radius:5px;background:#151a22;}
.hf-accountpanel__user strong{font-size:13px;}
.hf-accountpanel__user span{color:#727b89;font-size:10px;}
.hf-accountpanel__actions{padding-top:12px;display:flex;gap:8px;}

.hf-connectionrow{
    min-height:54px;
    padding:8px 0;
    border:0;
    border-bottom:1px solid #222a34;
    border-radius:0;
    background:transparent;
}
.hf-connectionrow__icon,
.hf-connectionrow__avatar{border-radius:4px;box-shadow:none;}
.hf-connectionnote{padding:10px 0 0;color:#6d7684;font-size:10px;}

.hf-settingsgrid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
}
.hf-settingssection{
    overflow:hidden;
    border:1px solid #252d38;
    border-radius:5px;
    background:#0f1319;
    box-shadow:none;
}
.hf-settingssection--wide{grid-column:1/-1;}
.hf-sectionhead{
    min-height:42px;
    padding:9px 10px;
    border-bottom:1px solid #252d38;
    background:#11161d;
}
.hf-sectionhead__icon{
    width:24px;
    height:24px;
    border:0;
    border-radius:3px;
    background:transparent;
    color:#9d83c4;
}
.hf-sectionhead strong{font-size:11px;font-weight:700;}
.hf-sectionhead span{display:none;}
.hf-settingsitems{background:transparent;}
.hf-settingitem{
    min-height:52px;
    padding:9px 10px;
    border-bottom:1px solid #202630;
    background:transparent;
}
.hf-settingitem:last-child{border-bottom:0;}
.hf-settingitem>div>strong{font-size:11px;font-weight:650;}
.hf-settingitem>div>span{display:none;}
.hf-settingrange{min-width:190px;}

.hf-switch{
    width:32px;
    height:18px;
    border:1px solid #394352;
    background:#171d25;
    box-shadow:none;
}
.hf-switch::after{width:12px;height:12px;top:2px;left:2px;background:#7b8491;box-shadow:none;}
.hf-settingitem input:checked+.hf-switch{background:#302343;border-color:#674f8d;}
.hf-settingitem input:checked+.hf-switch::after{left:16px;background:#b598dc;}

.hf-dataactions{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:0;
}
.hf-dataaction{
    min-height:64px;
    padding:10px;
    border:0;
    border-right:1px solid #202630;
    border-radius:0;
    background:transparent;
    box-shadow:none;
}
.hf-dataaction:last-child{border-right:0;}
.hf-dataaction:hover{background:#141922;transform:none;}
.hf-dataaction i{color:#8f98a6;}
.hf-dataaction strong{font-size:10px;}
.hf-dataaction span{display:none;}
.hf-dataaction.is-danger i,.hf-dataaction.is-danger strong{color:#c77e86;}


.hf-pickergrid{
    gap:10px;
    grid-template-columns:270px 1fr 1fr;
}
.hf-pickpanel,
.hf-pickercol,
.hf-selectedsummary,
.hf-selectiongroup{
    border-color:#252d38;
    border-radius:5px;
    background:#0f1319;
    box-shadow:none;
}
.hf-pickhead,
.hf-picktitle,
.hf-selectiongroup__head{
    background:#11161d;
    border-bottom-color:#252d38;
}
.hf-picktitle,
.hf-selectiongroup__title{color:#d7dbe2;font-size:11px;font-weight:700;}
.hf-picksearch{background:#0d1117;border-color:#29313d;border-radius:4px;}
.hf-pickrow{border-bottom-color:#202630;background:transparent;}
.hf-pickrow:hover{background:#141922;}
.hf-pickrow__name{font-size:10px;}
.hf-pickrow__actions .hf-btn{min-height:28px;padding:4px 7px;font-size:9px;}
.hf-selectedsummary{padding:10px;}
.hf-selectionrow{border-bottom-color:#202630;}

.hf-details-content,
.hf-details-sidebar,
.hf-details-panel,
.hf-details-tabsbar,
.hf-details-watch,
.hf-details-filters,
.hf-screen,
.hf-gimg{
    border-color:#252d38!important;
    border-radius:5px!important;
    background:#0f1319!important;
    box-shadow:none!important;
}
.hf-details-heading__title{font-weight:760;}
.hf-tab{border-radius:3px;background:transparent;color:#7f8895;}
.hf-tab.is-active{background:#1d1728;color:#d8c6ef;border-color:#594376;}
.hf-pill{border-radius:3px;box-shadow:none;}

.hf-toast{
    border:1px solid #313a47;
    border-radius:4px;
    background:#141922;
    box-shadow:0 12px 32px rgba(0,0,0,.42);
}
.hf-fab{border-radius:4px;background:#151a22;border-color:#303846;box-shadow:none;}
.hf-tip{border-radius:4px;background:#141922;border-color:#303846;box-shadow:none;}

@media (max-width:1500px){
    .hf-releasegrid{grid-template-columns:repeat(3,minmax(0,1fr));}
}

@media (max-width:1100px){
    .hf-page{grid-template-columns:216px minmax(0,1fr);}
    .hf-releasegrid{grid-template-columns:repeat(2,minmax(0,1fr));}
    .hf-pickergrid{grid-template-columns:220px 1fr;}
    .hf-pickercol:last-child{grid-column:2;}
}

@media (max-width:760px){
    .hf-page{display:block;}
    .hf-nav{position:relative;height:auto;min-height:0;border-right:0;border-bottom:1px solid #202630;}
    .hf-nav__controls{display:none;}
    .hf-sections{grid-template-columns:repeat(3,1fr);}
    .hf-sectionbtn{justify-content:center;}
    .hf-sectionbtn span{display:none;}
    .hf-nav__footer{display:none;}
    .hf-main{padding:12px;}
    .hf-stickysearch{margin:-12px -12px 10px;padding:10px 12px;}
    .hf-searchbar{align-items:stretch;}
    .hf-searchbar__right .hf-btn span{display:none;}
    .hf-viewhead{align-items:flex-start;flex-direction:column;}
    .hf-releasegrid{grid-template-columns:1fr;}
    .hf-settingsgrid{grid-template-columns:1fr;}
    .hf-settingssection--wide{grid-column:auto;}
    .hf-dataactions{grid-template-columns:1fr;}
    .hf-dataaction{border-right:0;border-bottom:1px solid #202630;}
    .hf-providergrid{grid-template-columns:1fr;}
    .hf-pickergrid{grid-template-columns:1fr;}
    .hf-pickercol:last-child{grid-column:auto;}
    .hf-modalhost{padding:10px;}
    .hf-modal,.hf-modalhost.is-filters .hf-modal,.hf-modalhost.is-details .hf-modal{width:calc(100vw - 20px);max-height:calc(100vh - 20px);}
}

/* Revision 004 */
.hf-nav__userrow{
    display:grid;
    grid-template-columns:minmax(0,1fr) 32px 32px;
    gap:4px;
    align-items:center;
}
.hf-nav__userrow .hf-account{
    grid-template-columns:30px minmax(0,1fr);
    min-width:0;
}
.hf-account__copy span:empty{display:none;}
.hf-usericon{
    appearance:none;
    width:32px;
    height:32px;
    display:grid;
    place-items:center;
    border:0;
    border-radius:4px;
    background:transparent;
    color:#7f8896;
    cursor:pointer;
}
.hf-usericon:hover{background:#151a22;color:#e7eaf0;}
.hf-usericon--logout{color:#b9787f;}
.hf-usericon--logout:hover{background:#211418;color:#e2939b;}
.hf-usericon[hidden]{display:none;}

.hf-viewhead--simple{min-height:48px;margin-bottom:12px;padding-bottom:10px;}
.hf-stickysearch--view{
    position:relative;
    top:auto;
    margin:0 0 12px;
    padding:0 0 12px;
    border:0;
    border-bottom:1px solid #202630;
    border-radius:0;
    background:transparent;
    backdrop-filter:none;
}
.hf-stickysearch--view::after{display:none;}
.hf-release-titlegrid{margin-top:0;}
.hf-releasegroups{display:grid;gap:20px;}
.hf-releasegroup{display:grid;gap:8px;}
.hf-releasegroup__head{
    min-height:28px;
    display:flex;
    align-items:center;
    gap:8px;
    border-bottom:1px solid #202630;
}
.hf-releasegroup__head strong{font-size:12px;font-weight:700;}
.hf-releasegroup__head span{color:#697280;font-size:10px;}
.hf-releaseinfo{
    min-height:28px;
    display:flex;
    justify-content:space-between;
    gap:12px;
    padding:0 1px 10px;
    color:#697280;
    font-size:10px;
}

.hf-modalhost.is-account .hf-modal{
    width:min(680px,calc(100vw - 40px));
    max-height:min(560px,calc(100vh - 40px));
}
.hf-modalhost.is-account .hf-modal__body{padding:0;overflow:auto;}
.hf-userpanel{
    min-height:190px;
    display:grid;
    grid-template-columns:146px minmax(0,1fr);
}
.hf-usertabs{
    padding:9px 7px;
    border-right:1px solid #252d38;
    background:#0a0e14;
    display:flex;
    flex-direction:column;
    gap:1px;
}
.hf-usertabs button{
    appearance:none;
    position:relative;
    min-height:37px;
    display:flex;
    align-items:center;
    gap:9px;
    padding:0 10px 0 12px;
    border:0;
    border-radius:3px;
    background:transparent;
    color:#8e97a5;
    font:inherit;
    font-size:11px;
    font-weight:650;
    text-align:left;
    cursor:pointer;
}
.hf-usertabs button::before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:2px;border-radius:2px;background:transparent;}
.hf-usertabs button i{width:14px;text-align:center;color:#707a88;}
.hf-usertabs button:hover{background:#10151d;color:#dfe4eb;}
.hf-usertabs button.is-active{background:#141923;color:#f5f6f8;}
.hf-usertabs button.is-active::before{background:#9b77cd;}
.hf-usertabs button.is-active i{color:#b595dc;}
.hf-userpanel__content{min-width:0;padding:16px 18px;}

.hf-profileline{
    display:flex;
    align-items:center;
    gap:13px;
    padding:4px 0 16px;
    border-bottom:1px solid #252d38;
}
.hf-profileline__avatar{
    width:54px;
    height:54px;
    flex:0 0 54px;
    display:grid;
    place-items:center;
    overflow:hidden;
    border:1px solid #303946;
    border-radius:4px;
    background:#151a22;
}
.hf-profileline__avatar img{width:100%;height:100%;object-fit:cover;display:block;}
.hf-profileline__copy{min-width:0;display:grid;gap:7px;}
.hf-profileline__name{overflow:hidden;text-overflow:ellipsis;font-size:15px;font-weight:750;}
.hf-profileproviders{display:flex;flex-wrap:wrap;gap:6px;}
.hf-profileprovider{display:inline-flex;align-items:center;gap:5px;color:#8892a0;font-size:10px;font-weight:650;}
.hf-profileprovider i{color:#a788cf;}

.hf-loginlist{display:grid;gap:8px;}
.hf-loginprovider{
    min-height:52px;
    display:grid;
    grid-template-columns:34px minmax(0,1fr) 14px;
    align-items:center;
    gap:10px;
    padding:9px 11px;
    border:1px solid #29313d;
    border-radius:5px;
    background:#10141a;
    color:#e4e8ee;
    text-decoration:none;
}
.hf-loginprovider:hover{background:#141a22;border-color:#3a4554;}
.hf-loginprovider__icon{
    width:32px;
    height:32px;
    display:grid;
    place-items:center;
    border-radius:4px;
    background:#171c26;
    font-size:17px;
}
.hf-loginprovider[href*="discord"] .hf-loginprovider__icon{color:#9ba5ff;}
.hf-loginprovider[href*="twitch"] .hf-loginprovider__icon{color:#bd8cff;}
.hf-loginprovider__name{font-size:13px;font-weight:700;}
.hf-loginprovider__go{display:grid;place-items:center;color:#707a88;font-size:10px;}
.hf-loginprovider:hover .hf-loginprovider__go{color:#d2d7df;}

.hf-connections{display:grid;gap:0;}
.hf-connectionrow{
    min-height:62px;
    padding:8px 0;
    border:0;
    border-bottom:1px solid #242c36;
    border-radius:0;
    background:transparent;
}
.hf-connectionrow:last-child{border-bottom:0;}
.hf-connectionrow__icon{color:#858e9b;}
.hf-connectionrow .hf-btn:disabled{opacity:.35;cursor:not-allowed;}

.hf-userprefs{display:grid;}
.hf-prefrow{
    position:relative;
    min-height:54px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:8px 0;
    border-bottom:1px solid #242c36;
    color:#d6dbe2;
    font-size:12px;
    font-weight:650;
}
.hf-prefrow>input[type="checkbox"]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;}
.hf-prefrow--range .hf-settingrange{width:min(240px,55%);display:flex;align-items:center;gap:10px;}
.hf-prefrow--range .hf-settingrange .hf-range{flex:1 1 auto;}
.hf-prefrow--range .hf-settingrange strong{width:20px;text-align:right;font-size:11px;}
.hf-userprefs__sep{height:12px;border-bottom:1px solid #242c36;}
.hf-prefaction{
    appearance:none;
    min-height:44px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:0;
    border:0;
    border-bottom:1px solid #242c36;
    background:transparent;
    color:#c8ced7;
    font:inherit;
    font-size:11px;
    font-weight:650;
    cursor:pointer;
}
.hf-prefaction:last-child{border-bottom:0;}
.hf-prefaction>span{display:flex;align-items:center;gap:9px;}
.hf-prefaction>span i{width:16px;text-align:center;color:#87909e;}
.hf-prefaction>i{color:#596270;font-size:9px;}
.hf-prefaction:hover{color:#fff;}
.hf-prefaction--danger,.hf-prefaction--danger>span i{color:#c98289;}

@media (max-width:720px){
    .hf-userpanel{grid-template-columns:1fr;}
    .hf-usertabs{flex-direction:row;border-right:0;border-bottom:1px solid #252d38;overflow-x:auto;}
    .hf-usertabs button{flex:1 0 auto;justify-content:center;}
    .hf-userpanel__content{padding:14px 15px;}
    .hf-searchbar{flex-wrap:wrap;}
    .hf-searchbar__right,.hf-searchbar__right .hf-btn{width:100%;}
}

.hf-nav__controls[hidden]{display:none!important;}

/* Revision 005 */
html{scrollbar-gutter:stable;}

.hf-modalhost.is-account .hf-modal{
    width:min(760px,calc(100vw - 40px));
    height:min(540px,calc(100vh - 40px));
    max-height:none;
    display:flex;
    flex-direction:column;
}
.hf-modalhost.is-account .hf-modal__head{flex:0 0 auto;}
.hf-modalhost.is-account .hf-modal__body{flex:1 1 auto;min-height:0;padding:0;overflow:hidden;}
.hf-modalhost.is-account .hf-userpanel{height:100%;min-height:0;}
.hf-modalhost.is-account .hf-userpanel__content{min-height:0;overflow:auto;}

.hf-profilepage{display:grid;gap:14px;}
.hf-profiletitle{
    margin-top:2px;
    color:#8d96a3;
    font-size:10px;
    font-weight:750;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.hf-profileline{padding-top:0;}
.hf-connections{border-top:1px solid #242c36;}
.hf-connectionrow{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
}
.hf-connectionrow__identity{min-width:0;display:flex;align-items:center;gap:10px;}
.hf-connectionrow__identity>div{min-width:0;display:grid;gap:2px;}
.hf-connectionrow__identity strong{font-size:12px;}
.hf-connectionrow__identity span{overflow:hidden;text-overflow:ellipsis;color:#7f8997;font-size:10px;}
.hf-connectionrow__icon{width:18px;text-align:center;}
.hf-connectionrow__avatar{
    width:30px;height:30px;display:grid;place-items:center;overflow:hidden;
    border:1px solid #2a333e;border-radius:4px;background:#11161d;
}
.hf-connectionrow__avatar:empty{display:none;}
.hf-connectionrow__avatar img{width:100%;height:100%;object-fit:cover;display:block;}

.hf-adminbox{display:grid;gap:8px;padding-top:2px;}
.hf-adminactions{display:flex;flex-wrap:wrap;gap:7px;}
.hf-adminactions .hf-btn--accent{border-color:#7656a0;background:#241a31;color:#e4d7f3;}

.hf-userprefs{max-width:100%;}
.hf-prefrow{cursor:pointer;user-select:none;}
.hf-prefrow input:checked + .hf-switch{background:#302343;border-color:#674f8d;}
.hf-prefrow input:checked + .hf-switch::after{left:16px;background:#b598dc;}
.hf-prefrow:focus-within .hf-switch{outline:1px solid #8060aa;outline-offset:2px;}

.hf-webhooks{display:grid;gap:0;}
.hf-webhookrow{
    min-height:58px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding:8px 0;
    border-bottom:1px solid #242c36;
}
.hf-webhookrow>div:first-child{min-width:0;display:grid;gap:3px;}
.hf-webhookrow strong{overflow:hidden;text-overflow:ellipsis;font-size:12px;}
.hf-webhookrow span{color:#7c8694;font-size:10px;}
.hf-webhookrow__actions{display:flex;gap:6px;}
.hf-webhookcreate{
    display:grid;
    grid-template-columns:minmax(120px,.55fr) minmax(220px,1.45fr) auto;
    gap:7px;
    padding-top:14px;
}
.hf-webhookempty{padding:18px 0;color:#7f8997;font-size:11px;}

.hf-hookoverlay{
    position:fixed;inset:0;z-index:1200;
    display:grid;place-items:center;
    padding:20px;
    background:rgba(3,5,8,.74);
    backdrop-filter:blur(4px);
}
.hf-hookdialog{
    width:min(620px,calc(100vw - 40px));
    max-height:min(520px,calc(100vh - 40px));
    display:flex;flex-direction:column;
    overflow:hidden;
    border:1px solid #303845;
    border-radius:5px;
    background:#0d1117;
    box-shadow:0 18px 60px rgba(0,0,0,.46);
}
.hf-hookdialog__head{
    min-height:50px;
    display:flex;align-items:center;justify-content:space-between;gap:12px;
    padding:0 14px;
    border-bottom:1px solid #262e38;
}
.hf-hookdialog__head strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;}
.hf-hookdialog__body{min-height:0;overflow:auto;padding:10px 14px 14px;}

.hf-streaminglinks{display:grid;gap:5px;margin-top:8px;}
.hf-streaminglinks .hf-btn{width:100%;justify-content:flex-start;}

.hf-releasegroup__head span,.hf-releaseinfo{display:none!important;}

@media (max-width:720px){
    .hf-modalhost.is-account .hf-modal{width:calc(100vw - 20px);height:calc(100vh - 20px);}
    .hf-webhookcreate{grid-template-columns:1fr;}
}


.hf-prefrow:focus-within .hf-switch{
    outline:none;
    outline-offset:0;
}
.hf-prefrow .hf-switch{
    flex:0 0 34px!important;
    width:34px;
    height:20px;
    border:1px solid #394352;
    background:#171d25;
    box-shadow:none;
}
.hf-prefrow .hf-switch::after{
    width:14px;
    height:14px;
    top:2px;
    left:2px;
    transform:none;
    background:#7b8491;
    box-shadow:none;
    transition:transform 130ms ease,background 130ms ease;
}
.hf-prefrow input:checked + .hf-switch{
    border-color:#72549a;
    background:#35264a;
    box-shadow:none;
}
.hf-prefrow input:checked + .hf-switch::after{
    left:2px;
    transform:translateX(16px);
    background:#c2a4e9;
}
.hf-prefrow input:focus + .hf-switch{
    outline:none;
    box-shadow:none;
}

.hf-prefaction{
    justify-content:flex-start;
    padding:0 2px;
}
.hf-prefaction > span{
    width:100%;
}
.hf-prefaction > i{
    display:none;
}
.hf-details-watch .hf-dd__item.is-disabled{
    cursor:default;
    color:#737c89;
}
.hf-details-links{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:6px;
}
.hf-details-links .hf-btn{
    min-height:31px;
    justify-content:center;
}
.hf-details-links .hf-btn i{
    flex:0 0 auto;
}
.hf-modalhost.is-details .hf-modal__body{
    overflow:hidden;
}
.hf-details-tabpanel{
    overflow-y:auto;
    overflow-x:hidden;
}

.hf-sectionbtn[hidden]{
    display:none!important;
}

@media (max-width:560px){
    .hf-details-links{grid-template-columns:1fr;}
}

/* Revision 008 */
.hf-nav__brand,
.hf-nav__brand:visited,
.hf-nav__brand:hover,
.hf-nav__brand:focus,
.hf-nav__name,
.hf-nav__tagline{
    text-decoration:none!important;
}

.hf-anime__body{
    min-height:58px;
    padding:8px 9px 9px;
}
.hf-anime__meta{
    color:#b0b7c2;
    font-size:11.5px;
    line-height:1.45;
    font-weight:650;
    text-transform:none;
    letter-spacing:0;
}
.hf-anime__releasewhen{
    display:flex;
    align-items:flex-start;
    gap:5px;
    margin-top:4px;
    color:#c1a6e2;
    font-size:11px;
    line-height:1.4;
    font-weight:650;
}
.hf-anime__releasewhen i{
    flex:0 0 auto;
    margin-top:2px;
    color:#9f7dcb;
    font-size:9px;
}
.hf-anime__genres{
    margin-top:5px;
    color:#9aa4b2;
    font-size:10.5px;
    line-height:1.45;
    min-height:14px;
}

.hf-profilepage .hf-connections{
    max-width:none;
    width:100%;
    margin:0;
}

.hf-hookoverlay{z-index:10020;}
.hf-hookdialog{width:min(560px,calc(100vw - 40px));}
.hf-hookdialog__body{padding:12px 14px 14px;}
.hf-hookmedia{
    min-height:76px;
    display:flex;
    align-items:center;
    gap:12px;
    padding:0 0 12px;
    margin-bottom:2px;
    border-bottom:1px solid #242c36;
}
.hf-hookmedia img{
    width:48px;
    height:68px;
    flex:0 0 48px;
    object-fit:cover;
    border:1px solid #303846;
    border-radius:4px;
    background:#141922;
}
.hf-hookmedia>div{min-width:0;display:grid;gap:4px;}
.hf-hookmedia strong{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#eef1f5;
    font-size:12px;
}
.hf-hookmedia span{color:#7f8997;font-size:10px;line-height:1.4;}
.hf-hooklist{min-height:52px;}

.hf-adminpage{display:grid;gap:16px;}
.hf-adminstats{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    border:1px solid #252d38;
    border-radius:5px;
    overflow:hidden;
    background:#0b0f14;
}
.hf-adminstat{
    min-height:58px;
    display:grid;
    align-content:center;
    gap:4px;
    padding:10px 12px;
    border-right:1px solid #252d38;
    border-bottom:1px solid #252d38;
}
.hf-adminstat:nth-child(3n){border-right:0;}
.hf-adminstat span{color:#7f8997;font-size:10px;}
.hf-adminstat strong{color:#edf0f4;font-size:13px;font-weight:720;}
.hf-adminstat--wide{grid-column:span 3;border-right:0;}
.hf-adminloading{padding:14px;color:#7f8997;font-size:11px;}
.hf-adminactions--stack{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
}
.hf-adminactions--stack .hf-btn{justify-content:flex-start;text-align:left;}

@media (max-width:720px){
    .hf-adminstats{grid-template-columns:1fr 1fr;}
    .hf-adminstat:nth-child(3n){border-right:1px solid #252d38;}
    .hf-adminstat:nth-child(2n){border-right:0;}
    .hf-adminstat--wide{grid-column:span 2;border-right:0!important;}
    .hf-adminactions--stack{grid-template-columns:1fr;}
}

/* Revision 009 */
.hf-anime::before{opacity:0!important;}
.hf-anime:hover::before{opacity:.75!important;}

.hf-webhooksettings{
    margin:0 0 10px;
    padding:12px;
    border:1px solid #29313d;
    border-top:0;
    background:#0d1117;
}
.hf-webhooksettings[hidden]{display:none!important;}
.hf-webhooksettings__grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:1px 14px;
}
.hf-webhooksetting{
    min-height:42px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    border-bottom:1px solid #202732;
    cursor:pointer;
    user-select:none;
    color:#cbd1da;
    font-size:11px;
    font-weight:650;
}
.hf-webhooksetting input{
    position:absolute;
    opacity:0;
    pointer-events:none;
}
.hf-webhooksetting .hf-switch{
    flex:0 0 34px;
    width:34px;
    height:20px;
    position:relative;
    border:1px solid #394352;
    border-radius:999px;
    background:#171d25;
    box-shadow:none;
}
.hf-webhooksetting .hf-switch::after{
    content:"";
    position:absolute;
    width:14px;
    height:14px;
    left:2px;
    top:2px;
    border-radius:50%;
    background:#7b8491;
    transition:transform 130ms ease,background 130ms ease;
}
.hf-webhooksetting input:checked + .hf-switch{
    border-color:#72549a;
    background:#35264a;
}
.hf-webhooksetting input:checked + .hf-switch::after{
    transform:translateX(14px);
    background:#c2a4e9;
}
.hf-webhooksetting:focus-within .hf-switch{outline:none;box-shadow:none;}
.hf-webhooksettings__colour{
    min-height:52px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding-top:10px;
    color:#cbd1da;
    font-size:11px;
    font-weight:650;
}
.hf-webhooksettings__colour>div{
    display:grid;
    grid-template-columns:38px 92px;
    gap:7px;
    align-items:center;
}
.hf-webhooksettings__colour input[type="color"]{
    width:38px;
    height:32px;
    padding:2px;
    border:1px solid #303946;
    border-radius:4px;
    background:#11161d;
    cursor:pointer;
}
.hf-webhooksettings__colour .hf-input{height:32px;text-transform:uppercase;}
.hf-webhooksettings__actions{
    display:flex;
    justify-content:flex-end;
    padding-top:10px;
    border-top:1px solid #202732;
}

@media (max-width:720px){
    .hf-webhooksettings__grid{grid-template-columns:1fr;}
    .hf-webhooksettings__colour{align-items:flex-start;flex-direction:column;}
}

/* Revision 010 */
.hf-prefrow .hf-switch,
.hf-webhooksetting .hf-switch{
    position:relative!important;
    box-sizing:border-box!important;
    flex:0 0 36px!important;
    width:36px!important;
    height:20px!important;
    border:1px solid #394352!important;
    border-radius:999px!important;
    background:#171d25!important;
    box-shadow:none!important;
    overflow:hidden!important;
}
.hf-prefrow .hf-switch::after,
.hf-webhooksetting .hf-switch::after{
    content:""!important;
    position:absolute!important;
    box-sizing:border-box!important;
    width:14px!important;
    height:14px!important;
    left:2px!important;
    top:2px!important;
    border-radius:50%!important;
    background:#7b8491!important;
    box-shadow:none!important;
    transform:translateX(0)!important;
    transition:transform 130ms ease,background 130ms ease!important;
}
.hf-prefrow input:checked + .hf-switch,
.hf-webhooksetting input:checked + .hf-switch{
    border-color:#72549a!important;
    background:#35264a!important;
    box-shadow:none!important;
}
.hf-prefrow input:checked + .hf-switch::after,
.hf-webhooksetting input:checked + .hf-switch::after{
    left:2px!important;
    transform:translateX(18px)!important;
    background:#c2a4e9!important;
}
.hf-prefrow input:focus + .hf-switch,
.hf-webhooksetting input:focus + .hf-switch,
.hf-prefrow:focus-within .hf-switch,
.hf-webhooksetting:focus-within .hf-switch{
    outline:none!important;
    box-shadow:none!important;
}

.hf-btn.is-busy{
    position:relative;
    cursor:wait;
    opacity:.72;
}
.hf-btn.is-busy::after{
    content:"";
    width:11px;
    height:11px;
    margin-left:7px;
    border:2px solid currentColor;
    border-right-color:transparent;
    border-radius:50%;
    animation:hf-action-spin 650ms linear infinite;
}
@keyframes hf-action-spin{to{transform:rotate(360deg)}}

.hf-modalhost.is-open{
    animation:hf-modal-backdrop-in 130ms ease-out;
}
.hf-modalhost.is-open .hf-modal{
    animation:hf-modal-in 150ms cubic-bezier(.2,.8,.2,1);
}
@keyframes hf-modal-backdrop-in{from{opacity:0}to{opacity:1}}
@keyframes hf-modal-in{from{opacity:0;transform:translateY(7px) scale(.992)}to{opacity:1;transform:none}}

.hf-userpanel__content>*,
.hf-hookdialog__body>*{
    animation:hf-pane-in 130ms ease-out;
}
@keyframes hf-pane-in{from{opacity:.35;transform:translateY(3px)}to{opacity:1;transform:none}}

.hf-release-titlegrid .hf-anime__meta{
    color:#c5ccd6;
    font-size:11px;
    line-height:1.4;
}
.hf-release-titlegrid .hf-anime__releasewhen{
    color:#aa8bd5;
    font-size:11px;
    font-weight:650;
}
.hf-release-titlegrid .hf-anime__genres{
    color:#8f99a7;
    font-size:10.5px;
    line-height:1.4;
}

.hf-webhooks{
    gap:10px;
}
.hf-webhookcreate{
    order:-1;
    margin:0 0 4px;
    padding:10px;
    border:1px solid #2c3542;
    border-radius:6px;
    background:#10151c;
}
.hf-webhooklist{
    display:grid;
    gap:8px;
}
.hf-webhookrow{
    border:1px solid #29313d;
    border-radius:6px;
    background:#0f141b;
}
.hf-webhooksettings{
    margin:-2px 0 6px;
    padding:0;
    border:1px solid #4a3a61;
    border-radius:6px;
    background:#111620;
    box-shadow:inset 3px 0 #7656a0;
    overflow:hidden;
}
.hf-webhooksettings__head{
    min-height:48px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:10px 12px 9px 15px;
    border-bottom:1px solid #2d3541;
    background:#141923;
}
.hf-webhooksettings__head>div{
    display:grid;
    gap:2px;
}
.hf-webhooksettings__head strong{
    color:#edf0f4;
    font-size:12px;
    font-weight:750;
}
.hf-webhooksettings__head span{
    color:#7e8896;
    font-size:10px;
}
.hf-webhooksettings__section{
    padding:10px 12px 4px 15px;
}
.hf-webhooksettings__section+.hf-webhooksettings__section{
    border-top:1px solid #252d38;
}
.hf-webhooksettings__label{
    margin-bottom:3px;
    color:#9f89bf;
    font-size:9px;
    font-weight:800;
    letter-spacing:.8px;
    text-transform:uppercase;
}
.hf-webhooksettings__colour{
    margin:0 12px 0 15px;
    padding:10px 0 12px;
    border-top:1px solid #252d38;
}
.hf-webhooksetting{
    min-height:38px;
}
.hf-webhooksetting:last-child{
    border-bottom:0;
}

@media (prefers-reduced-motion:reduce){
    .hf-modalhost.is-open,
    .hf-modalhost.is-open .hf-modal,
    .hf-userpanel__content>*,
    .hf-hookdialog__body>*{
        animation:none!important;
    }
}

.hf-prefaction.is-busy{
    cursor:wait;
    opacity:.7;
}
.hf-prefaction.is-busy>span::after{
    content:"";
    display:inline-block;
    width:10px;
    height:10px;
    margin-left:8px;
    vertical-align:-1px;
    border:2px solid currentColor;
    border-right-color:transparent;
    border-radius:50%;
    animation:hf-action-spin 650ms linear infinite;
}
.hf-webhooksettings:not([hidden]){
    animation:hf-settings-open 130ms cubic-bezier(.2,.8,.2,1);
}
@keyframes hf-settings-open{
    from{opacity:.25;transform:translateY(-3px)}
    to{opacity:1;transform:none}
}
@media (prefers-reduced-motion:reduce){
    .hf-webhooksettings:not([hidden]){animation:none!important;}
}

/* Revision 013 */
.hf-anime__webhook{
    position:absolute;
    left:7px;
    bottom:60px;
    z-index:4;
    width:27px;
    height:27px;
    display:grid;
    place-items:center;
    padding:0;
    border:1px solid #343d49;
    border-radius:4px;
    background:rgba(10,14,20,.94);
    color:#8993a1;
    cursor:pointer;
    box-shadow:none;
    transition:background 120ms ease,border-color 120ms ease,color 120ms ease,transform 120ms ease;
}
.hf-anime__webhook:hover{
    background:#171e28;
    border-color:#596679;
    color:#d9dde5;
    transform:translateY(-1px);
}
.hf-anime__webhook.is-active{
    border-color:#62518a;
    background:#241d36;
    color:#b99ee6;
}
.hf-anime__webhook i{font-size:12px;}

.hf-hookdialog{
    width:min(820px,calc(100vw - 40px));
    max-height:min(600px,calc(100vh - 40px));
}
.hf-hookpicker{
    display:grid;
    grid-template-columns:170px minmax(0,1fr);
    gap:18px;
    align-items:start;
    padding:16px;
}
.hf-hookmedia{
    min-height:0;
    display:grid;
    gap:9px;
    align-content:start;
    padding:0;
    margin:0;
    border:0;
}
.hf-hookmedia img,
.hf-hookmedia__empty{
    width:160px;
    height:228px;
    max-width:100%;
    display:grid;
    place-items:center;
    object-fit:cover;
    border:1px solid #303946;
    border-radius:5px;
    background:#121822;
    color:#647080;
}
.hf-hookmedia strong{
    width:160px;
    max-width:100%;
    white-space:normal;
    overflow:visible;
    color:#eef1f5;
    font-size:12px;
    line-height:1.35;
}
.hf-hooklist{min-width:0;min-height:100px;}
.hf-hooklist .hf-webhookcreate{
    grid-template-columns:minmax(120px,.7fr) minmax(190px,1.3fr) auto;
    padding:10px;
    margin:0 0 10px;
}
.hf-hooklist .hf-webhookrow{padding:9px 10px;}

.hf-webhooksettings{
    margin:-1px 0 10px;
    padding:0;
    overflow:hidden;
    border:1px solid #343d49;
    border-radius:6px;
    background:#0b1016;
    box-shadow:0 8px 20px rgba(0,0,0,.14);
}
.hf-webhooksettings__head{
    min-height:40px;
    display:flex;
    align-items:center;
    padding:0 12px;
    border-bottom:1px solid #2b333e;
    background:#151b24;
}
.hf-webhooksettings__head strong{
    color:#e9edf3;
    font-size:11.5px;
    font-weight:720;
}
.hf-webhooksettings__groups{
    display:grid;
    grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);
    gap:10px;
    padding:10px;
}
.hf-webhooksettings__section{
    padding:0;
    overflow:hidden;
    border:1px solid #242c36;
    border-radius:5px;
    background:#0e141b;
}
.hf-webhooksettings__section+.hf-webhooksettings__section{border-top:1px solid #242c36;}
.hf-webhooksettings__label{
    margin:0;
    padding:8px 10px;
    border-bottom:1px solid #242c36;
    background:#111720;
    color:#8e98a7;
    font-size:9px;
    font-weight:780;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.hf-webhooksettings__grid{
    display:grid;
    grid-template-columns:1fr;
    gap:0;
    padding:0 10px;
}
.hf-webhooksetting{
    min-height:39px;
    padding:0;
    border-bottom:1px solid #202731;
    color:#cdd3dc;
    font-size:10.5px;
    font-weight:620;
}
.hf-webhooksetting:last-child{border-bottom:0;}
.hf-webhooksettings__colour{
    min-height:54px;
    margin:0 10px 10px;
    padding:10px 11px;
    border:1px solid #242c36;
    border-radius:5px;
    background:#0e141b;
}
.hf-webhooksettings__colour>div{grid-template-columns:42px 96px;}
.hf-webhooksettings__colour input[type="color"]{width:42px;height:32px;}

.hf-adminrun{
    min-height:54px;
    display:flex;
    align-items:center;
    gap:10px;
    padding:10px 12px;
    border:1px solid #2a333e;
    border-radius:5px;
    background:#0c1117;
}
.hf-adminrun__dot{
    width:9px;
    height:9px;
    flex:0 0 9px;
    border-radius:50%;
    background:#687383;
}
.hf-adminrun>div{min-width:0;display:grid;gap:3px;}
.hf-adminrun strong{color:#e9edf3;font-size:11.5px;font-weight:720;}
.hf-adminrun span:not(.hf-adminrun__dot){color:#818b99;font-size:10px;line-height:1.35;}
.hf-adminrun.is-queued .hf-adminrun__dot,
.hf-adminrun.is-running .hf-adminrun__dot{background:#a786d4;box-shadow:0 0 0 4px rgba(143,99,217,.12);}
.hf-adminrun.is-running .hf-adminrun__dot{animation:hf-admin-pulse 1s ease-in-out infinite;}
.hf-adminrun.is-done .hf-adminrun__dot{background:#58b98d;}
.hf-adminrun.is-error .hf-adminrun__dot{background:#cf6f78;}
@keyframes hf-admin-pulse{50%{opacity:.35;transform:scale(.78)}}

@media (max-width:720px){
    .hf-hookpicker{grid-template-columns:1fr;}
    .hf-hookmedia{grid-template-columns:92px minmax(0,1fr);align-items:start;}
    .hf-hookmedia img,.hf-hookmedia__empty{width:92px;height:132px;}
    .hf-hookmedia strong{width:auto;padding-top:3px;}
    .hf-hooklist .hf-webhookcreate{grid-template-columns:1fr;}
    .hf-webhooksettings__groups{grid-template-columns:1fr;}
}
@media (prefers-reduced-motion:reduce){
    .hf-adminrun.is-running .hf-adminrun__dot{animation:none!important;}
}

.hf-modalhost.is-account .hf-modal{
    width:min(875px,calc(100vw - 40px));
    height:min(620px,calc(100vh - 40px));
}

.hf-nav__brand,
.hf-nav__brand:visited,
.hf-nav__brand:hover,
.hf-nav__brand:focus,
.hf-nav__brand *,
.hf-nav__name,
.hf-nav__tagline{
    text-decoration:none!important;
}

.hf-searchbar__right .hf-btn span{
    white-space:nowrap;
}

.hf-anime__titlethumb{
    max-height:none;
    overflow:visible;
}
.hf-anime__titletext{
    display:-webkit-box;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:4;
    line-clamp:4;
}
.hf-anime__webhook{
    left:7px;
    bottom:calc(100% + 7px);
}

.hf-hookoverlay{
    overscroll-behavior:none;
}
.hf-hookdialog,
.hf-hookdialog__body{
    overscroll-behavior:contain;
}
.hf-hookmedia{
    min-width:0;
}

.hf-webhookrow{
    min-height:56px;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:12px;
    padding:10px 12px;
}
.hf-webhookrow__identity{
    min-width:0;
    display:flex!important;
    align-items:baseline;
    gap:8px;
}
.hf-webhookrow__identity strong{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.hf-webhookrow__identity span{
    flex:0 0 auto;
    white-space:nowrap;
}
.hf-webhookrow__actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:6px;
}

@media (max-width:720px){
    .hf-modalhost.is-account .hf-modal{
        width:calc(100vw - 20px);
        height:calc(100vh - 20px);
    }
    .hf-hookmedia{
        display:block;
    }
    .hf-webhookrow{
        grid-template-columns:1fr;
        align-items:start;
    }
    .hf-webhookrow__actions{
        justify-content:flex-start;
        flex-wrap:wrap;
    }
}

.hf-webhooksettings__identity{
    display:grid;
    grid-template-columns:minmax(140px,.75fr) minmax(240px,1.5fr) auto;
    gap:8px;
    align-items:end;
    padding:10px;
    border-bottom:1px solid #2b333e;
    background:#10161e;
}
.hf-webhooksettings__identity label{
    min-width:0;
    display:grid;
    gap:5px;
    color:#8e98a7;
    font-size:9px;
    font-weight:760;
    letter-spacing:.04em;
}
.hf-webhooksettings__identity .hf-input{width:100%;height:32px;}
.hf-webhooksettings__identity .hf-btn{height:32px;white-space:nowrap;}

.hf-admintabs{
    display:flex;
    gap:2px;
    border-bottom:1px solid #29313c;
}
.hf-admintabs button{
    appearance:none;
    min-height:32px;
    padding:0 11px;
    border:0;
    border-bottom:2px solid transparent;
    background:transparent;
    color:#828c99;
    font:inherit;
    font-size:10.5px;
    font-weight:680;
    cursor:pointer;
}
.hf-admintabs button:hover{color:#d7dce4;background:#10151c;}
.hf-admintabs button.is-active{color:#eeeaf4;border-bottom-color:#9b77cd;}
.hf-adminpanel{display:grid;gap:16px;}
.hf-adminpanel[hidden]{display:none!important;}
.hf-adminlogbar{display:flex;justify-content:flex-end;gap:7px;}
.hf-adminlogs{display:grid;gap:10px;min-height:120px;}
.hf-adminlog{
    min-width:0;
    border:1px solid #29313d;
    background:#0b1016;
}
.hf-adminlog__head{
    min-height:34px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:0 10px;
    border-bottom:1px solid #242c36;
    background:#111720;
}
.hf-adminlog__head strong{color:#dfe4eb;font-size:10.5px;font-weight:720;}
.hf-adminlog__head span{color:#737e8d;font-size:9.5px;}
.hf-adminlog pre{
    max-height:260px;
    margin:0;
    padding:10px;
    overflow:auto;
    white-space:pre-wrap;
    overflow-wrap:anywhere;
    color:#b9c1cc;
    background:#090d12;
    font:10px/1.5 Consolas,"Courier New",monospace;
    scrollbar-color:#343d49 #0b1016;
}

@media (max-width:720px){
    .hf-webhooksettings__identity{grid-template-columns:1fr;}
    .hf-webhooksettings__identity .hf-btn{justify-self:start;}
}


.hf-main{
    position:relative;
}

.hf-nav__userrow .hf-account{grid-column:1;}
#btnLogout{grid-column:2;}
#btnSettings{grid-column:3;}

.hf-viewloader{
    position:absolute;
    top:58px;
    left:50%;
    z-index:90;
    pointer-events:none;
    opacity:0;
    transform:translate(-50%,-5px);
    transition:opacity 130ms ease,transform 130ms ease;
}
.hf-viewloader[hidden]{display:none!important;}
.hf-viewloader.is-show{
    opacity:1;
    transform:translate(-50%,0);
}
.hf-viewloader__box,
.hf-inline-loading{
    display:inline-flex;
    align-items:center;
    gap:9px;
    min-height:34px;
    padding:7px 11px;
    border:1px solid #303946;
    border-radius:5px;
    background:#111720;
    color:#cdd3dc;
    box-shadow:0 8px 24px rgba(0,0,0,.28);
    font-size:10.5px;
    font-weight:680;
}
.hf-viewloader .hf-loading-spinner,
.hf-inline-loading .hf-loading-spinner{
    width:13px;
    height:13px;
    border-width:2px;
}
.hf-inline-loading{
    min-height:46px;
    width:100%;
    justify-content:center;
    border:0;
    background:transparent;
    box-shadow:none;
}

.hf-anime{
    animation:hf-card-enter 170ms cubic-bezier(.2,.75,.2,1);
}
@keyframes hf-card-enter{
    from{opacity:0;transform:translateY(5px)}
    to{opacity:1;transform:none}
}

.hf-modalhost.is-closing{
    animation:hf-modal-backdrop-out 140ms ease-in both;
}
.hf-modalhost.is-closing .hf-modal{
    animation:hf-modal-out 140ms ease-in both;
}
@keyframes hf-modal-backdrop-out{
    from{opacity:1}
    to{opacity:0}
}
@keyframes hf-modal-out{
    from{opacity:1;transform:none}
    to{opacity:0;transform:translateY(5px) scale(.994)}
}

.hf-hookoverlay{
    opacity:0;
}
.hf-hookoverlay.is-open{
    opacity:1;
    animation:hf-hook-backdrop-in 140ms ease-out both;
}
.hf-hookoverlay.is-open .hf-hookdialog{
    animation:hf-hook-dialog-in 150ms cubic-bezier(.2,.8,.2,1) both;
}
.hf-hookoverlay.is-closing{
    opacity:0;
    animation:hf-hook-backdrop-out 140ms ease-in both;
}
.hf-hookoverlay.is-closing .hf-hookdialog{
    animation:hf-hook-dialog-out 140ms ease-in both;
}
@keyframes hf-hook-backdrop-in{from{opacity:0}to{opacity:1}}
@keyframes hf-hook-backdrop-out{from{opacity:1}to{opacity:0}}
@keyframes hf-hook-dialog-in{from{opacity:0;transform:translateY(6px) scale(.993)}to{opacity:1;transform:none}}
@keyframes hf-hook-dialog-out{from{opacity:1;transform:none}to{opacity:0;transform:translateY(5px) scale(.994)}}

.hf-details-skeleton{
    pointer-events:none;
}
.hf-skeleton{
    display:block;
    border-radius:4px;
    background:#1b222c;
    animation:hf-skeleton-pulse 1.05s ease-in-out infinite alternate;
}
@keyframes hf-skeleton-pulse{
    from{opacity:.48}
    to{opacity:.9}
}
.hf-details-skeleton__cover{
    width:100%;
    aspect-ratio:2/3;
}
.hf-details-skeleton__control{
    height:38px;
    margin-top:10px;
}
.hf-details-skeleton__buttons{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:7px;
    margin-top:10px;
}
.hf-details-skeleton__buttons .hf-skeleton{height:31px;}
.hf-details-skeleton__tabs{
    display:flex;
    gap:7px;
    padding-bottom:10px;
    border-bottom:1px solid #252d38;
}
.hf-details-skeleton__tabs .hf-skeleton{width:68px;height:31px;}
.hf-details-skeleton__meta{
    display:flex;
    gap:8px;
    margin:12px 0;
}
.hf-details-skeleton__meta .hf-skeleton{width:72px;height:18px;}
.hf-details-skeleton__filters,
.hf-details-skeleton__description{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    margin-top:12px;
    padding:12px;
    border:1px solid #252d38;
    border-radius:5px;
    background:#0f1319;
}
.hf-details-skeleton__filters .hf-skeleton{width:88px;height:23px;}
.hf-details-skeleton__description{
    display:grid;
    gap:8px;
}
.hf-details-skeleton__description .hf-skeleton{width:100%;height:13px;}
.hf-details-skeleton__description .hf-skeleton:nth-child(4){width:91%;}
.hf-details-skeleton__description .hf-skeleton:nth-child(5){width:72%;}

.hf-details-meta{
    min-height:34px;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:0;
    margin:0 0 11px;
    padding:8px 10px;
    border:1px solid #29323e;
    border-radius:5px;
    background:#10161e;
    color:#cbd2dc;
    font-size:11.5px;
    line-height:1.35;
    font-weight:680;
}
.hf-details-meta span{
    display:inline-flex;
    align-items:center;
}
.hf-details-meta span+span::before{
    content:"•";
    margin:0 8px;
    color:#606b79;
}

.hf-details-filtergroup[data-kind="tag"]{
    margin-top:2px;
    padding-top:10px;
    border-top:1px solid #2b333e;
}
.hf-details-filtergroup[data-kind="tag"] .hf-details-filterpills{
    max-height:132px;
    padding-right:4px;
    overflow-y:auto;
    overscroll-behavior:contain;
    scrollbar-color:#343d49 #0f141b;
    scrollbar-width:thin;
}

.hf-webhooksettings__identity{
    grid-template-columns:minmax(140px,.75fr) minmax(240px,1.5fr);
}

@media (max-width:720px){
    .hf-viewloader{top:54px;}
    .hf-webhooksettings__identity{grid-template-columns:1fr;}
}

@media (prefers-reduced-motion:reduce){
    .hf-anime,
    .hf-modalhost.is-closing,
    .hf-modalhost.is-closing .hf-modal,
    .hf-hookoverlay.is-open,
    .hf-hookoverlay.is-open .hf-hookdialog,
    .hf-hookoverlay.is-closing,
    .hf-hookoverlay.is-closing .hf-hookdialog,
    .hf-skeleton{
        animation:none!important;
    }
    .hf-viewloader{transition:none!important;}
}


.hf-release-titlegrid .hf-anime__meta{
    color:#b0b7c2;
    font-size:11.5px;
    line-height:1.45;
    font-weight:650;
}
.hf-release-titlegrid .hf-anime__releasewhen{
    color:#c1a6e2;
    font-size:11px;
    line-height:1.4;
    font-weight:650;
}
.hf-release-titlegrid .hf-anime__genres{
    color:#9aa4b2;
    font-size:10.5px;
    line-height:1.45;
}


.hf-details-tabpanel.is-active{
    animation:hf-pane-in 130ms ease-out;
}

@media (prefers-reduced-motion:reduce){.hf-details-tabpanel.is-active{animation:none!important;}}

.hf-nav__brand{
    width:100%;
    appearance:none;
    -webkit-appearance:none;
    font:inherit;
    text-align:left;
    text-decoration:none!important;
}
.hf-nav__brand *,
.hf-nav__name,
.hf-nav__tagline{
    text-decoration:none!important;
    border-bottom:0!important;
}