html[data-panda-ui="anime"][data-panda-surface="front"] body.jjl-public-page,
html[data-panda-ui="anime"][data-panda-surface="front"] body.jjl-in-app {
    --jjl-blue: #d83c83;
    --jjl-purple: #a54b9d;
    --jjl-green: #c83c78;
    --jjl-ink: #342233;
    --jjl-muted: #765d70;
}

html[data-panda-ui="anime"][data-panda-surface="front"] body .jjl-public-hero,
html[data-panda-ui="anime"][data-panda-surface="front"] body .jjl-public-card {
    border-color: #efc9dc !important;
    background: rgba(255, 253, 254, .94) !important;
    box-shadow: 0 20px 52px rgba(135, 42, 85, .10) !important;
}

html[data-panda-ui="anime"][data-panda-surface="front"] body .jjl-public-hero::after {
    display: none !important;
}

html[data-panda-ui="anime"][data-panda-surface="front"] body .jjl-brand-icon {
    border-color: #efc6d9 !important;
    box-shadow: 0 12px 28px rgba(190, 46, 112, .13) !important;
}

html[data-panda-ui="anime"][data-panda-surface="front"] body .jjl-hero-title a {
    color: #ad2d67 !important;
    background: #fff3f8 !important;
    border-color: #efbfd5 !important;
}

html[data-panda-ui="anime"][data-panda-surface="front"] body .jjl-hero-title a:hover,
html[data-panda-ui="anime"][data-panda-surface="front"] body .jjl-hero-title a:focus-visible {
    color: #8f2053 !important;
    background: #ffe8f2 !important;
    border-color: #df8fb5 !important;
}

html[data-panda-ui="anime"][data-panda-surface="front"] body .jjl-safe-note {
    color: #684c61 !important;
    background: #fff8fc !important;
    border-color: #efc7da !important;
}

html[data-panda-ui="anime"][data-panda-surface="front"] body .jjl-safe-note b {
    color: #ad2d67 !important;
}

html[data-panda-ui="anime"][data-panda-surface="front"] body .jjl-pill {
    color: #a52b63 !important;
    background: #fff5fa !important;
    border-color: #edbdd3 !important;
}

html[data-panda-ui="anime"][data-panda-surface="front"] body .jjl-card-title i {
    color: #d2387d !important;
    font-size: 20px;
}

html[data-panda-ui="anime"][data-panda-surface="front"] body .jjl-form-row label {
    color: #4b3345 !important;
}

html[data-panda-ui="anime"][data-panda-surface="front"] body .jjl-form-row input,
html[data-panda-ui="anime"][data-panda-surface="front"] body .jjl-share-select,
html[data-panda-ui="anime"][data-panda-surface="front"] body .jjl-mini-select {
    color: #342233 !important;
    background: #fffafd !important;
    border-color: #ebc4d7 !important;
}

html[data-panda-ui="anime"][data-panda-surface="front"] body .jjl-form-row input:focus,
html[data-panda-ui="anime"][data-panda-surface="front"] body .jjl-share-select:focus,
html[data-panda-ui="anime"][data-panda-surface="front"] body .jjl-mini-select:focus {
    border-color: #d94d8c !important;
    box-shadow: 0 0 0 4px rgba(217, 77, 140, .13) !important;
    background: #fff !important;
}

html[data-panda-ui="anime"][data-panda-surface="front"] body .jjl-memory-toggle {
    color: #b72c69 !important;
    background: #fff0f7 !important;
    border-color: #efc2d7 !important;
}

html[data-panda-ui="anime"][data-panda-surface="front"] body .jjl-memory-toggle:hover,
html[data-panda-ui="anime"][data-panda-surface="front"] body .jjl-memory-toggle.is-open {
    color: #922153 !important;
    background: #ffe3f0 !important;
}

html[data-panda-ui="anime"][data-panda-surface="front"] body .jjl-memory-row,
html[data-panda-ui="anime"][data-panda-surface="front"] body .jjl-memory-option span,
html[data-panda-ui="anime"][data-panda-surface="front"] body .jjl-memory-empty {
    color: #765d70 !important;
}

html[data-panda-ui="anime"][data-panda-surface="front"] body .jjl-memory-btn,
html[data-panda-ui="anime"][data-panda-surface="front"] body .jjl-memory-edit,
html[data-panda-ui="anime"][data-panda-surface="front"] body .jjl-memory-option b {
    color: #ad2d67 !important;
}

html[data-panda-ui="anime"][data-panda-surface="front"] body .jjl-memory-btn:hover,
html[data-panda-ui="anime"][data-panda-surface="front"] body .jjl-memory-edit:hover {
    color: #861c4c !important;
}

html[data-panda-ui="anime"][data-panda-surface="front"] body .jjl-memory-menu,
html[data-panda-ui="anime"][data-panda-surface="front"] body .jjl-memory-edit {
    border-color: #edc2d6 !important;
}

html[data-panda-ui="anime"][data-panda-surface="front"] body .jjl-memory-option,
html[data-panda-ui="anime"][data-panda-surface="front"] body .jjl-my-share-item {
    background: #fff8fc !important;
}

html[data-panda-ui="anime"][data-panda-surface="front"] body .jjl-memory-option:hover {
    background: #ffedf6 !important;
}

html[data-panda-ui="anime"][data-panda-surface="front"] body .jjl-btn-primary {
    color: #fff !important;
    background: #d83c83 !important;
    box-shadow: 0 12px 24px rgba(190, 38, 105, .20) !important;
}

html[data-panda-ui="anime"][data-panda-surface="front"] body .jjl-btn-primary:hover,
html[data-panda-ui="anime"][data-panda-surface="front"] body .jjl-btn-primary:focus-visible {
    background: #c72f74 !important;
    box-shadow: 0 14px 28px rgba(168, 31, 91, .24) !important;
}

html[data-panda-ui="anime"][data-panda-surface="front"] body .jjl-btn-soft {
    color: #a12a61 !important;
    background: #fff8fc !important;
    border-color: #edbdd3 !important;
}

html[data-panda-ui="anime"][data-panda-surface="front"] body .jjl-btn-soft:hover,
html[data-panda-ui="anime"][data-panda-surface="front"] body .jjl-btn-soft:focus-visible {
    color: #861c4c !important;
    background: #ffeaf4 !important;
    border-color: #df8fb5 !important;
}

html[data-panda-ui="anime"][data-panda-surface="front"] body .jjl-login-share-note,
html[data-panda-ui="anime"][data-panda-surface="front"] body .jjl-result {
    background: #fff7fb !important;
    border-color: #efc5d9 !important;
}

html[data-panda-ui="anime"][data-panda-surface="front"] body .jjl-login-share-title,
html[data-panda-ui="anime"][data-panda-surface="front"] body .jjl-share-title,
html[data-panda-ui="anime"][data-panda-surface="front"] body .jjl-my-share-title,
html[data-panda-ui="anime"][data-panda-surface="front"] body .jjl-code {
    color: #b72c69 !important;
}

html[data-panda-ui="anime"][data-panda-surface="front"] body .jjl-code {
    text-shadow: 0 12px 30px rgba(183, 44, 105, .14) !important;
}

html[data-panda-ui="anime"][data-panda-surface="front"] body .jjl-login-link {
    color: #ad2d67 !important;
    background: #fff !important;
    border-color: #eebfd5 !important;
}

html[data-panda-ui="anime"][data-panda-surface="front"] body .jjl-login-link:hover,
html[data-panda-ui="anime"][data-panda-surface="front"] body .jjl-login-link:focus-visible {
    color: #861c4c !important;
    background: #ffeaf4 !important;
    border-color: #df8fb5 !important;
}

html[data-panda-ui="anime"][data-panda-surface="front"] body .jjl-login-share-note p,
html[data-panda-ui="anime"][data-panda-surface="front"] body .jjl-share-desc,
html[data-panda-ui="anime"][data-panda-surface="front"] body .jjl-help,
html[data-panda-ui="anime"][data-panda-surface="front"] body .jjl-meta,
html[data-panda-ui="anime"][data-panda-surface="front"] body .jjl-code-label {
    color: #765d70 !important;
}

html[data-panda-ui="anime"][data-panda-surface="front"] body .jjl-share-box,
html[data-panda-ui="anime"][data-panda-surface="front"] body .jjl-my-shares,
html[data-panda-ui="anime"][data-panda-surface="front"] body .jjl-my-share-serial {
    background: #fffdfE !important;
    border-color: #edc7da !important;
}

html[data-panda-ui="anime"][data-panda-surface="front"] body .jjl-my-share-label {
    color: #a72c63 !important;
    background: #fff1f7 !important;
    border-color: #edbdd3 !important;
}

html[data-panda-ui="anime"][data-panda-surface="front"] body .jjl-share-confirm input {
    accent-color: #d83c83 !important;
}

html[data-panda-ui="anime"][data-panda-surface="front"] body .jjl-flow {
    background: #f5dce8 !important;
}

html[data-panda-ui="anime"][data-panda-surface="front"] body .jjl-flow-fill {
    background: linear-gradient(90deg, #d83c83, #a54b9d, #ef79ad, #d83c83) !important;
    background-size: 220% 100% !important;
    box-shadow: 0 0 20px rgba(216, 60, 131, .24) !important;
}

@media (prefers-reduced-motion: reduce) {
    html[data-panda-ui="anime"][data-panda-surface="front"] body .jjl-flow-fill {
        animation: none !important;
    }
}