:root,
html[data-ontag-theme="light"],
body[data-ontag-theme="light"],
body[data-theme-style="light"] {
    --ontag-bg: #EEF3F6;
    --ontag-surface: #FFFFFF;
    --ontag-surface-2: #F6F8FA;
    --ontag-surface-elevated: #FFFFFF;
    --ontag-text: #0F172A;
    --ontag-text-secondary: #475569;
    --ontag-text-muted: #64748B;
    --ontag-border: rgba(15, 23, 42, 0.13);
    --ontag-border-strong: rgba(15, 23, 42, 0.24);
    --ontag-divider: rgba(15, 23, 42, 0.10);
    --ontag-accent: #B8FF00;
    --ontag-accent-hover: #8ED400;
    --ontag-text-accent: #4B7F00;
    --ontag-icon-accent: #4B7F00;
    --ontag-icon-bg: rgba(133, 201, 0, 0.14);
    --ontag-icon-border: rgba(105, 157, 0, 0.24);
    --ontag-on-accent: #071006;
    --ontag-success: #22C55E;
    --ontag-warning: #F59E0B;
    --ontag-danger: #EF4444;
    --ontag-info: #2563EB;
    --ontag-overlay: rgba(15, 23, 42, 0.48);
    --ontag-shadow: rgba(15, 23, 42, 0.10);
    --ontag-disabled: #D7DEE5;
    --ontag-disabled-text: #7C8A9A;
    --ontag-hover: rgba(15, 23, 42, 0.055);
    --ontag-selected: rgba(184, 255, 0, 0.14);
    --ontag-focus-ring: rgba(184, 255, 0, 0.30);
    --ontag-input-bg: #FFFFFF;
    --ontag-input-border: rgba(15, 23, 42, 0.18);
    --ontag-input-border-focus: #8ED400;
    --ontag-input-placeholder: #7C8A9A;
    --ontag-card: var(--ontag-surface);
    --ontag-card-strong: var(--ontag-surface-elevated);
    --ontag-input: var(--ontag-surface);
    --ontag-radius-sm: 10px;
    --ontag-radius-md: 16px;
    --ontag-radius-lg: 24px;
    --ontag-transition: 160ms ease;
    --ontag-bg-soft: var(--ontag-surface-2);
    --ontag-primary: var(--ontag-accent);
    --ontag-primary-strong: var(--ontag-accent-hover);
    --ontag-primary-foreground: var(--ontag-on-accent);
    --ontag-error: var(--ontag-danger);
}

body[data-theme-style="dark"],
html[data-ontag-theme="dark"],
body[data-ontag-theme="dark"] {
    --ontag-bg: #070A09;
    --ontag-surface: #11171C;
    --ontag-surface-2: #0B1110;
    --ontag-surface-elevated: #151D24;
    --ontag-text: #FFFFFF;
    --ontag-text-secondary: #A9B7C7;
    --ontag-text-muted: #A9B7C7;
    --ontag-border: rgba(255, 255, 255, 0.11);
    --ontag-border-strong: rgba(255, 255, 255, 0.2);
    --ontag-divider: rgba(255, 255, 255, 0.08);
    --ontag-accent: #B8FF00;
    --ontag-accent-hover: #C6FF00;
    --ontag-text-accent: #C6FF00;
    --ontag-icon-accent: #B8FF00;
    --ontag-icon-bg: rgba(184, 255, 0, 0.12);
    --ontag-icon-border: rgba(184, 255, 0, 0.28);
    --ontag-on-accent: #071006;
    --ontag-success: #4ADE80;
    --ontag-warning: #FBBF24;
    --ontag-danger: #FB7185;
    --ontag-info: #38BDF8;
    --ontag-overlay: rgba(0, 0, 0, 0.7);
    --ontag-shadow: rgba(0, 0, 0, 0.36);
    --ontag-disabled: #374151;
    --ontag-disabled-text: #6B7280;
    --ontag-hover: rgba(255, 255, 255, 0.06);
    --ontag-selected: rgba(184, 255, 0, 0.14);
    --ontag-focus-ring: rgba(184, 255, 0, 0.34);
    --ontag-input-bg: #070C0D;
    --ontag-input-border: rgba(255, 255, 255, 0.16);
    --ontag-input-border-focus: #B8FF00;
    --ontag-input-placeholder: rgba(169, 183, 199, 0.72);
    --ontag-card: rgba(17, 23, 28, 0.94);
    --ontag-card-strong: rgba(20, 29, 36, 0.98);
    --ontag-input: #070C0D;
    --ontag-radius-sm: 10px;
    --ontag-radius-md: 16px;
    --ontag-radius-lg: 24px;
    --ontag-transition: 160ms ease;
    --ontag-bg-soft: var(--ontag-surface-2);
    --ontag-primary: var(--ontag-accent);
    --ontag-primary-strong: var(--ontag-accent-hover);
    --ontag-primary-foreground: var(--ontag-on-accent);
    --ontag-error: var(--ontag-danger);
}

.ontag-token-page {
    min-height: 100vh;
    color: var(--ontag-text);
    background:
        radial-gradient(circle at 84% 0%, color-mix(in srgb, var(--ontag-primary) 18%, transparent), transparent 34%),
        var(--ontag-bg);
}

.ontag-token-card {
    color: var(--ontag-text);
    background: var(--ontag-card);
    border: 1px solid var(--ontag-border);
    box-shadow: 0 24px 70px var(--ontag-shadow);
}

html[data-ontag-theme] {
    color-scheme: light dark;
}

html[data-ontag-theme="light"] {
    color-scheme: light;
}

html[data-ontag-theme="dark"] {
    color-scheme: dark;
}

body.ontag-theme-foundation {
    color: var(--ontag-text);
    background: var(--ontag-bg);
}

body.ontag-theme-foundation.ontag-app-mode {
    background:
        radial-gradient(circle at 80% 0%, color-mix(in srgb, var(--ontag-accent) 10%, transparent), transparent 34%),
        var(--ontag-bg);
}

body.ontag-theme-foundation .ontag-link,
body.ontag-app-mode a,
.ontag-token-page a,
.ontag-token-scope a {
    color: var(--ontag-info);
    text-decoration-thickness: 0.08em;
    text-underline-offset: 0.16em;
    transition: color var(--ontag-transition), opacity var(--ontag-transition), box-shadow var(--ontag-transition);
}

body.ontag-theme-foundation .ontag-link:hover,
body.ontag-app-mode a:hover,
.ontag-token-page a:hover,
.ontag-token-scope a:hover {
    color: var(--ontag-accent-hover);
}

body.ontag-theme-foundation .ontag-link:focus-visible,
body.ontag-app-mode a:focus-visible,
.ontag-token-page a:focus-visible,
.ontag-token-scope a:focus-visible,
.ontag-btn:focus-visible,
.ontag-token-page .btn:focus-visible,
.ontag-token-scope .btn:focus-visible,
body.ontag-app-mode .btn:focus-visible,
.ontag-token-page .form-control:focus,
.ontag-token-page .custom-select:focus,
.ontag-token-page .select2-container--default.select2-container--focus .select2-selection,
.ontag-token-scope .form-control:focus,
.ontag-token-scope .custom-select:focus,
.ontag-token-scope .select2-container--default.select2-container--focus .select2-selection,
body.ontag-app-mode .form-control:focus,
body.ontag-app-mode .custom-select:focus,
body.ontag-app-mode .select2-container--default.select2-container--focus .select2-selection {
    outline: 0;
    box-shadow: 0 0 0 0.22rem var(--ontag-focus-ring);
}

.ontag-text,
.ontag-token-page,
.ontag-token-scope {
    color: var(--ontag-text);
}

.ontag-text-secondary {
    color: var(--ontag-text-secondary);
}

.ontag-text-muted,
.ontag-token-page .text-muted,
.ontag-token-scope .text-muted,
body.ontag-app-mode .text-muted {
    color: var(--ontag-text-muted);
}

.ontag-surface,
.ontag-card,
.ontag-token-page .card,
.ontag-token-scope .card,
body.ontag-app-mode .card {
    color: var(--ontag-text);
    background: var(--ontag-card);
    border: 1px solid var(--ontag-border);
    border-radius: var(--ontag-radius-lg);
    box-shadow: 0 20px 60px var(--ontag-shadow);
}

.ontag-surface-elevated {
    color: var(--ontag-text);
    background: var(--ontag-surface-elevated);
    border: 1px solid var(--ontag-border);
    border-radius: var(--ontag-radius-lg);
    box-shadow: 0 24px 70px var(--ontag-shadow);
}

.ontag-divider,
.ontag-token-page hr,
.ontag-token-scope hr,
body.ontag-app-mode hr {
    border-color: var(--ontag-divider);
}

.ontag-btn,
.ontag-token-page .btn,
.ontag-token-scope .btn,
body.ontag-app-mode .btn {
    border-radius: var(--ontag-radius-md);
    font-weight: 800;
    transition:
        background-color var(--ontag-transition),
        border-color var(--ontag-transition),
        color var(--ontag-transition),
        box-shadow var(--ontag-transition),
        transform var(--ontag-transition);
}

.ontag-btn:hover,
.ontag-token-page .btn:hover,
.ontag-token-scope .btn:hover,
body.ontag-app-mode .btn:hover {
    transform: translateY(-1px);
}

.ontag-btn:disabled,
.ontag-token-page .btn:disabled,
.ontag-token-scope .btn:disabled,
body.ontag-app-mode .btn:disabled,
.ontag-btn.disabled,
.ontag-token-page .btn.disabled,
.ontag-token-scope .btn.disabled,
body.ontag-app-mode .btn.disabled {
    color: var(--ontag-disabled-text);
    background: var(--ontag-disabled);
    border-color: var(--ontag-disabled);
    opacity: 0.72;
    transform: none;
}

.ontag-btn-primary,
.ontag-token-page .btn-primary,
.ontag-token-scope .btn-primary,
body.ontag-app-mode .btn-primary {
    color: var(--ontag-on-accent);
    background: var(--ontag-accent);
    border-color: var(--ontag-accent);
}

.ontag-btn-primary:hover,
.ontag-token-page .btn-primary:hover,
.ontag-token-scope .btn-primary:hover,
body.ontag-app-mode .btn-primary:hover {
    color: var(--ontag-on-accent);
    background: var(--ontag-accent-hover);
    border-color: var(--ontag-accent-hover);
}

.ontag-btn-secondary,
.ontag-token-page .btn-secondary,
.ontag-token-scope .btn-secondary,
body.ontag-app-mode .btn-secondary {
    color: var(--ontag-text);
    background: var(--ontag-surface-elevated);
    border-color: var(--ontag-border);
}

.ontag-btn-secondary:hover,
.ontag-token-page .btn-secondary:hover,
.ontag-token-scope .btn-secondary:hover,
body.ontag-app-mode .btn-secondary:hover {
    color: var(--ontag-text);
    background: var(--ontag-hover);
    border-color: var(--ontag-border-strong);
}

.ontag-btn-ghost {
    color: var(--ontag-text);
    background: transparent;
    border: 1px solid transparent;
}

.ontag-btn-ghost:hover {
    color: var(--ontag-text);
    background: var(--ontag-hover);
    border-color: var(--ontag-border);
}

.ontag-btn-danger,
.ontag-token-page .btn-danger,
.ontag-token-scope .btn-danger,
body.ontag-app-mode .btn-danger {
    color: #fff;
    background: var(--ontag-danger);
    border-color: var(--ontag-danger);
}

.ontag-token-page .form-control,
.ontag-token-page .custom-select,
.ontag-token-page textarea,
.ontag-token-page select,
.ontag-token-scope .form-control,
.ontag-token-scope .custom-select,
.ontag-token-scope textarea,
.ontag-token-scope select,
body.ontag-app-mode .form-control,
body.ontag-app-mode .custom-select,
body.ontag-app-mode textarea,
body.ontag-app-mode select,
.ontag-input {
    color: var(--ontag-text);
    background-color: var(--ontag-input-bg);
    border-color: var(--ontag-input-border);
    border-radius: var(--ontag-radius-md);
    caret-color: var(--ontag-accent);
    transition:
        background-color var(--ontag-transition),
        border-color var(--ontag-transition),
        box-shadow var(--ontag-transition),
        color var(--ontag-transition);
}

.ontag-token-page .form-control:hover,
.ontag-token-page .custom-select:hover,
.ontag-token-page textarea:hover,
.ontag-token-page select:hover,
.ontag-token-scope .form-control:hover,
.ontag-token-scope .custom-select:hover,
.ontag-token-scope textarea:hover,
.ontag-token-scope select:hover,
body.ontag-app-mode .form-control:hover,
body.ontag-app-mode .custom-select:hover,
body.ontag-app-mode textarea:hover,
body.ontag-app-mode select:hover,
.ontag-input:hover {
    border-color: var(--ontag-border-strong);
}

.ontag-token-page .form-control:focus,
.ontag-token-page .custom-select:focus,
.ontag-token-page textarea:focus,
.ontag-token-page select:focus,
.ontag-token-scope .form-control:focus,
.ontag-token-scope .custom-select:focus,
.ontag-token-scope textarea:focus,
.ontag-token-scope select:focus,
body.ontag-app-mode .form-control:focus,
body.ontag-app-mode .custom-select:focus,
body.ontag-app-mode textarea:focus,
body.ontag-app-mode select:focus,
.ontag-input:focus {
    color: var(--ontag-text);
    background-color: var(--ontag-input-bg);
    border-color: var(--ontag-input-border-focus);
}

.ontag-token-page .form-control::placeholder,
.ontag-token-scope .form-control::placeholder,
body.ontag-app-mode .form-control::placeholder,
.ontag-input::placeholder {
    color: var(--ontag-input-placeholder);
    opacity: 1;
}

.ontag-token-page .form-control:disabled,
.ontag-token-page .custom-select:disabled,
.ontag-token-page .form-control[readonly],
.ontag-token-scope .form-control:disabled,
.ontag-token-scope .custom-select:disabled,
.ontag-token-scope .form-control[readonly],
body.ontag-app-mode .form-control:disabled,
body.ontag-app-mode .custom-select:disabled,
body.ontag-app-mode .form-control[readonly] {
    color: var(--ontag-disabled-text);
    background-color: var(--ontag-disabled);
    border-color: var(--ontag-border);
}

.ontag-token-page .is-invalid,
.ontag-token-page .form-control.is-invalid,
.ontag-token-scope .is-invalid,
.ontag-token-scope .form-control.is-invalid,
body.ontag-app-mode .is-invalid,
body.ontag-app-mode .form-control.is-invalid {
    border-color: var(--ontag-danger);
    box-shadow: 0 0 0 0.18rem color-mix(in srgb, var(--ontag-danger) 24%, transparent);
}

.ontag-token-page .invalid-feedback,
.ontag-token-scope .invalid-feedback,
body.ontag-app-mode .invalid-feedback {
    color: var(--ontag-danger);
}

.ontag-token-page input[type="date"],
.ontag-token-page input[type="time"],
.ontag-token-page input[type="datetime-local"],
.ontag-token-scope input[type="date"],
.ontag-token-scope input[type="time"],
.ontag-token-scope input[type="datetime-local"],
body.ontag-app-mode input[type="date"],
body.ontag-app-mode input[type="time"],
body.ontag-app-mode input[type="datetime-local"] {
    color-scheme: inherit;
}

.ontag-token-page input[type="checkbox"],
.ontag-token-page input[type="radio"],
.ontag-token-scope input[type="checkbox"],
.ontag-token-scope input[type="radio"],
body.ontag-app-mode input[type="checkbox"],
body.ontag-app-mode input[type="radio"] {
    accent-color: var(--ontag-accent);
}

.ontag-token-page input[type="file"],
.ontag-token-scope input[type="file"],
body.ontag-app-mode input[type="file"] {
    color: var(--ontag-text-secondary);
}

.ontag-token-page input[type="file"]::file-selector-button,
.ontag-token-scope input[type="file"]::file-selector-button,
body.ontag-app-mode input[type="file"]::file-selector-button {
    color: var(--ontag-on-accent);
    background: var(--ontag-accent);
    border: 0;
    border-radius: var(--ontag-radius-sm);
    padding: 0.48rem 0.82rem;
    margin-right: 0.85rem;
    font-weight: 800;
}

.ontag-token-page .select2-container--default .select2-selection,
.ontag-token-scope .select2-container--default .select2-selection,
body.ontag-app-mode .select2-container--default .select2-selection {
    color: var(--ontag-text);
    background: var(--ontag-input-bg);
    border-color: var(--ontag-input-border);
    border-radius: var(--ontag-radius-md);
}

.ontag-token-page .select2-container--default .select2-selection--single .select2-selection__rendered,
.ontag-token-scope .select2-container--default .select2-selection--single .select2-selection__rendered,
body.ontag-app-mode .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--ontag-text);
}

.ontag-token-page .select2-container--default .select2-selection--single .select2-selection__placeholder,
.ontag-token-scope .select2-container--default .select2-selection--single .select2-selection__placeholder,
body.ontag-app-mode .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: var(--ontag-input-placeholder);
}

.ontag-token-page .select2-dropdown,
.ontag-token-scope .select2-dropdown,
body.ontag-app-mode .select2-dropdown {
    color: var(--ontag-text);
    background: var(--ontag-surface);
    border-color: var(--ontag-border);
    box-shadow: 0 18px 46px var(--ontag-shadow);
}

.ontag-token-page .select2-container--default .select2-results__option--highlighted[aria-selected],
.ontag-token-scope .select2-container--default .select2-results__option--highlighted[aria-selected],
body.ontag-app-mode .select2-container--default .select2-results__option--highlighted[aria-selected] {
    color: var(--ontag-on-accent);
    background: var(--ontag-accent);
}

.ontag-token-page .select2-container--default .select2-results__option[aria-selected="true"],
.ontag-token-scope .select2-container--default .select2-results__option[aria-selected="true"],
body.ontag-app-mode .select2-container--default .select2-results__option[aria-selected="true"] {
    color: var(--ontag-text);
    background: var(--ontag-selected);
}

.ontag-modal,
.ontag-token-page .modal-content,
.ontag-token-scope .modal-content,
body.ontag-app-mode .modal-content {
    color: var(--ontag-text);
    background: var(--ontag-surface);
    border: 1px solid var(--ontag-border);
    border-radius: var(--ontag-radius-lg);
    box-shadow: 0 28px 80px var(--ontag-shadow);
}

.ontag-token-page .modal-header,
.ontag-token-page .modal-footer,
.ontag-token-scope .modal-header,
.ontag-token-scope .modal-footer,
body.ontag-app-mode .modal-header,
body.ontag-app-mode .modal-footer {
    border-color: var(--ontag-divider);
}

.ontag-token-page .modal-backdrop.show,
.ontag-token-scope .modal-backdrop.show,
body.ontag-app-mode .modal-backdrop.show {
    opacity: 1;
    background: var(--ontag-overlay);
}

.ontag-alert,
.ontag-token-page .alert,
.ontag-token-scope .alert,
body.ontag-app-mode .alert {
    color: var(--ontag-text);
    background: var(--ontag-surface-elevated);
    border: 1px solid var(--ontag-border);
    border-radius: var(--ontag-radius-md);
}

.ontag-alert-success,
.ontag-token-page .alert-success,
.ontag-token-scope .alert-success,
body.ontag-app-mode .alert-success {
    color: color-mix(in srgb, var(--ontag-success) 72%, var(--ontag-text));
    background: color-mix(in srgb, var(--ontag-success) 14%, var(--ontag-surface));
    border-color: color-mix(in srgb, var(--ontag-success) 34%, var(--ontag-border));
}

.ontag-alert-warning,
.ontag-token-page .alert-warning,
.ontag-token-scope .alert-warning,
body.ontag-app-mode .alert-warning {
    color: color-mix(in srgb, var(--ontag-warning) 72%, var(--ontag-text));
    background: color-mix(in srgb, var(--ontag-warning) 14%, var(--ontag-surface));
    border-color: color-mix(in srgb, var(--ontag-warning) 34%, var(--ontag-border));
}

.ontag-alert-danger,
.ontag-token-page .alert-danger,
.ontag-token-scope .alert-danger,
body.ontag-app-mode .alert-danger {
    color: color-mix(in srgb, var(--ontag-danger) 72%, var(--ontag-text));
    background: color-mix(in srgb, var(--ontag-danger) 14%, var(--ontag-surface));
    border-color: color-mix(in srgb, var(--ontag-danger) 34%, var(--ontag-border));
}

.ontag-alert-info,
.ontag-token-page .alert-info,
.ontag-token-scope .alert-info,
body.ontag-app-mode .alert-info {
    color: color-mix(in srgb, var(--ontag-info) 70%, var(--ontag-text));
    background: color-mix(in srgb, var(--ontag-info) 12%, var(--ontag-surface));
    border-color: color-mix(in srgb, var(--ontag-info) 30%, var(--ontag-border));
}

.ontag-badge,
.ontag-chip {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: var(--ontag-text);
    background: var(--ontag-surface-elevated);
    border: 1px solid var(--ontag-border);
    border-radius: 999px;
    padding: 0.28rem 0.62rem;
    font-weight: 800;
    line-height: 1;
}

.ontag-badge-accent,
.ontag-chip-accent {
    color: var(--ontag-on-accent);
    background: var(--ontag-accent);
    border-color: var(--ontag-accent);
}

.ontag-badge-success,
.ontag-chip-success {
    color: var(--ontag-on-accent);
    background: var(--ontag-success);
    border-color: var(--ontag-success);
}

.ontag-badge-warning,
.ontag-chip-warning {
    color: #101820;
    background: var(--ontag-warning);
    border-color: var(--ontag-warning);
}

.ontag-badge-danger,
.ontag-chip-danger {
    color: #fff;
    background: var(--ontag-danger);
    border-color: var(--ontag-danger);
}

.ontag-table,
.ontag-token-page .table,
.ontag-token-scope .table,
body.ontag-app-mode .table {
    color: var(--ontag-text);
    background: var(--ontag-card);
}

.ontag-table thead th,
.ontag-token-page .table thead th,
.ontag-token-scope .table thead th,
body.ontag-app-mode .table thead th {
    color: var(--ontag-text-secondary);
    background: var(--ontag-surface-elevated);
    border-color: var(--ontag-divider);
}

.ontag-table td,
.ontag-table th,
.ontag-token-page .table td,
.ontag-token-page .table th,
.ontag-token-scope .table td,
.ontag-token-scope .table th,
body.ontag-app-mode .table td,
body.ontag-app-mode .table th {
    border-color: var(--ontag-divider);
}

.ontag-table tbody tr:hover,
.ontag-token-page .table-hover tbody tr:hover,
.ontag-token-scope .table-hover tbody tr:hover,
body.ontag-app-mode .table-hover tbody tr:hover {
    color: var(--ontag-text);
    background: var(--ontag-hover);
}

.ontag-token-page .page-link,
.ontag-token-scope .page-link,
body.ontag-app-mode .page-link {
    color: var(--ontag-text);
    background: var(--ontag-surface);
    border-color: var(--ontag-border);
}

.ontag-token-page .page-link:hover,
.ontag-token-scope .page-link:hover,
body.ontag-app-mode .page-link:hover {
    color: var(--ontag-on-accent);
    background: var(--ontag-accent);
    border-color: var(--ontag-accent);
}

.ontag-token-page .page-item.active .page-link,
.ontag-token-scope .page-item.active .page-link,
body.ontag-app-mode .page-item.active .page-link {
    color: var(--ontag-on-accent);
    background: var(--ontag-accent);
    border-color: var(--ontag-accent);
}

.ontag-token-page .page-item.disabled .page-link,
.ontag-token-scope .page-item.disabled .page-link,
body.ontag-app-mode .page-item.disabled .page-link {
    color: var(--ontag-disabled-text);
    background: var(--ontag-disabled);
    border-color: var(--ontag-border);
}

.ontag-empty-state {
    color: var(--ontag-text-secondary);
    background: var(--ontag-surface);
    border: 1px dashed var(--ontag-border-strong);
    border-radius: var(--ontag-radius-lg);
    padding: clamp(1.25rem, 4vw, 2rem);
    text-align: center;
}

.ontag-empty-state-title {
    color: var(--ontag-text);
    font-weight: 900;
}

.ontag-token-page ::selection,
.ontag-token-scope ::selection,
body.ontag-app-mode ::selection {
    color: var(--ontag-on-accent);
    background: var(--ontag-accent);
}

body.ontag-app-mode,
.ontag-token-page,
.ontag-token-scope {
    scrollbar-color: var(--ontag-border-strong) transparent;
}

body.ontag-app-mode ::-webkit-scrollbar,
.ontag-token-page ::-webkit-scrollbar,
.ontag-token-scope ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

body.ontag-app-mode ::-webkit-scrollbar-thumb,
.ontag-token-page ::-webkit-scrollbar-thumb,
.ontag-token-scope ::-webkit-scrollbar-thumb {
    background: var(--ontag-border-strong);
    border-radius: 999px;
}