.ofol-fp{padding:46px 24px 56px}.ofol-fp__box{position:relative;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);gap:48px;align-items:end;max-width:1120px;margin:auto;padding:44px 48px 40px;overflow:hidden;border:1px solid rgba(181,142,63,.45);border-radius:24px;background:radial-gradient(circle at 5% 0,rgba(208,170,88,.13),transparent 32%),linear-gradient(135deg,#11100f,#171410 64%,#0b0b0a);color:#f7f1e6;box-shadow:0 24px 70px rgba(32,25,13,.11)}.ofol-fp__copy{position:relative;z-index:2}.ofol-fp__kicker{margin-bottom:10px;color:#d0aa58;font-size:13px;font-weight:800}.ofol-fp h2{max-width:760px;margin:0;color:#fff;font-size:clamp(32px,4vw,50px);line-height:1.34}.ofol-fp p{max-width:690px;margin:16px 0 0;color:rgba(255,255,255,.7);font-size:15px;line-height:2}.ofol-fp a{display:inline-flex;min-height:48px;align-items:center;justify-content:center;margin-top:26px;padding:0 24px;border-radius:999px;background:#d0aa58;color:#111!important;font-weight:800;text-decoration:none!important}.ofol-fp small{margin-right:16px;color:rgba(255,255,255,.45)}.ofol-fp__stats{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:11px}.ofol-fp__stats div{min-height:108px;padding:18px;border:1px solid rgba(208,170,88,.22);border-radius:16px;background:rgba(255,255,255,.035)}.ofol-fp__stats .wide{grid-column:1/-1;min-height:84px}.ofol-fp__stats strong,.ofol-fp__stats span{display:block}.ofol-fp__stats strong{color:#d8b66d;font-size:30px}.ofol-fp__stats span{margin-top:8px;color:rgba(255,255,255,.65);font-size:12px;line-height:1.8}.ofol-fp__rings{position:absolute;top:-70px;left:-70px;width:290px;height:290px;opacity:.13;transform:rotate(-18deg)}.ofol-fp__rings i{position:absolute;border:2px solid #d0aa58;border-left-color:transparent;border-bottom-color:transparent;border-radius:50%}.ofol-fp__rings i:nth-child(1){inset:18px}.ofol-fp__rings i:nth-child(2){inset:58px}.ofol-fp__rings i:nth-child(3){inset:98px}@media(max-width:850px){.ofol-fp__box{grid-template-columns:1fr}.ofol-fp__stats{max-width:520px}}@media(max-width:700px){.ofol-fp{padding:30px 16px 38px}.ofol-fp__box{padding:28px 22px 24px;border-radius:20px}.ofol-fp h2{font-size:31px}.ofol-fp p{font-size:14px}.ofol-fp a{width:100%}.ofol-fp small{display:block;margin:10px 0 0;text-align:center}}
/* OFOL HOME FINGERPRINT — ACCOUNT STATE */
.ofol-fp__box.is-account {
    display: block;
}

.ofol-fp__account-head {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns:
        minmax(0, 1fr) 260px;
    gap: 42px;
    align-items: end;
}

.ofol-fp__confidence {
    padding: 17px 18px 16px;
    border: 1px solid
        rgba(208,170,88,.28);
    border-radius: 16px;
    background:
        rgba(255,255,255,.035);
}

.ofol-fp__confidence > div:first-child {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    color: rgba(255,255,255,.62);
    font-size: 13px;
}

.ofol-fp__confidence strong {
    color: #d8b66d;
    font-size: 24px;
}

.ofol-fp__confidence-track {
    height: 5px;
    margin-top: 12px;
    overflow: hidden;
    border-radius: 999px;
    background:
        rgba(255,255,255,.11);
}

.ofol-fp__confidence-track i {
    display: block;
    width: 0;
    height: 100%;
    border-radius: inherit;
    background:
        linear-gradient(
            90deg,
            #8d6b2e,
            #d7b563
        );
    transition:
        width .35s ease;
}

.ofol-fp__account-body {
    position: relative;
    z-index: 2;
    margin-top: 28px;
    padding-top: 26px;
    border-top: 1px solid
        rgba(255,255,255,.1);
}

.ofol-fp__loading {
    min-height: 48px;
    color: rgba(255,255,255,.58);
}

.ofol-fp__incomplete {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
}

.ofol-fp__incomplete p {
    margin: 0;
}

.ofol-fp__account-link {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    border-radius: 999px;
    background: #d0aa58;
    color: #111 !important;
    text-decoration: none !important;
    font-weight: 800;
    white-space: nowrap;
}

.ofol-fp__account-link.is-secondary {
    border: 1px solid
        rgba(208,170,88,.6);
    background: transparent;
    color: #d8b66d !important;
}

.ofol-fp__films {
    display: grid;
    grid-template-columns:
        repeat(5,minmax(0,1fr));
    gap: 15px;
}

.ofol-fp__film {
    min-width: 0;
    overflow: hidden;
    border: 1px solid
        rgba(255,255,255,.1);
    border-radius: 15px;
    background:
        rgba(255,255,255,.04);
}

.ofol-fp__film-poster {
    aspect-ratio: 2 / 3;
    overflow: hidden;
    background: #080808;
}

.ofol-fp__film-poster img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ofol-fp__film-empty {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    color: rgba(208,170,88,.55);
    letter-spacing: .14em;
}

.ofol-fp__film-info {
    padding: 13px 12px 12px;
}

.ofol-fp__film-info h3 {
    min-height: 48px;
    margin: 0;
    color: #fff;
    font-size: 14px;
    line-height: 1.7;
}

.ofol-fp__film-year {
    display: block;
    margin-top: 3px;
    color: rgba(255,255,255,.43);
    font-size: 12px;
}

.ofol-fp__film-actions {
    display: flex;
    flex-direction: column;
    gap: 7px;
    margin-top: 12px;
}

.ofol-fp__film-review,
.ofol-fp__film-save {
    display: flex;
    min-height: 35px;
    align-items: center;
    justify-content: center;
    padding: 6px 8px;
    border-radius: 9px;
    font-family: inherit;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none !important;
}

.ofol-fp__film-review {
    border: 1px solid
        rgba(208,170,88,.52);
    color: #d8b66d !important;
}

.ofol-fp__film-save {
    width: 100%;
    border: 0;
    background:
        rgba(255,255,255,.1);
    color: rgba(255,255,255,.78);
    cursor: pointer;
}

.ofol-fp__film-save.is-saved {
    background:
        rgba(208,170,88,.18);
    color: #e2c781;
}

.ofol-fp__film-save:disabled {
    opacity: .55;
}

.ofol-fp__account-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 18px;
    margin-top: 22px;
}

.ofol-fp__identity-note {
    color: rgba(255,255,255,.5);
    font-size: 13px;
}

@media (max-width: 900px) {
    .ofol-fp__account-head {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .ofol-fp__confidence {
        max-width: 360px;
    }

    .ofol-fp__films {
        grid-template-columns:
            repeat(3,1fr);
    }
}

@media (max-width: 700px) {
    .ofol-fp__incomplete {
        display: block;
    }

    .ofol-fp__incomplete
    .ofol-fp__account-link {
        width: 100%;
        margin-top: 18px;
    }

    .ofol-fp__films {
        display: flex;
        width: calc(100% + 22px);
        margin-left: -22px;
        padding-left: 22px;
        gap: 13px;
        overflow-x: auto;
        scroll-snap-type:
            x mandatory;
        scrollbar-width: none;
    }

    .ofol-fp__films::-webkit-scrollbar {
        display: none;
    }

    .ofol-fp__film {
        flex:
            0 0 min(69vw,245px);
        scroll-snap-align: start;
    }

    .ofol-fp__account-footer {
        display: block;
    }

    .ofol-fp__account-footer
    .ofol-fp__account-link {
        width: 100%;
        margin-top: 14px;
    }
}