:root {
    font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
}

body {
    background: #0b1220 !important;
    color: #e8eefc !important;
    font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif !important;
}

.card {
    background: #131a2a !important;
    border: 1px solid #26314a !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25) !important;
}

.card-body {
    padding: 1.5rem !important;
}
h1 {
    color: #cfe1ff !important;
}

.form-label {
    color: #a9b8d9 !important;
    font-size: 0.9rem !important;
}

.form-control {
    background: #0f1626 !important;
    border: 1px solid #2a3550 !important;
    color: #e8eefc !important;
    border-radius: 12px !important;
}

.form-control:focus {
    background: #0f1626 !important;
    border-color: #9fb7ff !important;
    box-shadow: 0 0 0 0.2rem rgba(159, 183, 255, 0.25) !important;
    color: #e8eefc !important;
}

.form-control::placeholder {
    color: #7381a3 !important;
}

.btn-outline-secondary {
    color: #9fb7ff !important;
    border-color: #2a3550 !important;
}

.btn-outline-secondary:hover {
    background: #1a243a !important;
    border-color: #9fb7ff !important;
    color: #e8eefc !important;
}

.btn-outline-light {
    color: #9fb7ff !important;
    border-color: #2a3550 !important;
}

.btn-outline-light:hover {
    background: #1a243a !important;
    border-color: #9fb7ff !important;
    color: #e8eefc !important;
}

.result-card {
    background: #0f1626 !important;
    border: 1px solid #22304a !important;
    border-radius: 12px !important;
    padding: 0.75rem 0.9rem !important;
}
.k {
    color: #9fb7ff !important;
    font-size: 0.9rem !important;
}

.v {
    font-variant-numeric: tabular-nums !important;
    font-weight: 700 !important;
    font-size: 1.1rem !important;
    margin-top: 0.15rem !important;
    color: #e8eefc !important;
}

.hint {
    color: #8ea0c9 !important;
    font-size: 0.8rem !important;
}

.ok {
    color: #9effc1 !important;
}

.err {
    color: #ff98a4 !important;
}

.mono {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace !important;
}

.text-muted {
    color: #8ea0c9 !important;
}

/* RTL Support */
[dir="rtl"] .copy-btn {
    order: 0 !important;
}

[dir="ltr"] .copy-btn {
    order: 2 !important;
}

/* Force LTR for RIP display */
#rip {
    direction: ltr !important;
    text-align: right !important;
}