html[data-ui-version="2"] {
    --ui-bg:var(--bg,#080a0f);
    --ui-surface-1:var(--surface,#10141c);
    --ui-surface-2:var(--surface-2,#171c26);
    --ui-surface-3:color-mix(in srgb,var(--ui-surface-2) 78%,var(--text,#f7f8fb));
    --ui-border:var(--line,rgba(255,255,255,.1));
    --ui-border-strong:color-mix(in srgb,var(--ui-border) 56%,var(--text,#f7f8fb));
    --ui-text:var(--text,#f7f8fb);
    --ui-text-muted:var(--muted,#aab4c4);
    --ui-text-subtle:color-mix(in srgb,var(--ui-text-muted) 78%,transparent);
    --ui-accent:var(--accent,#e50914);
    --ui-on-accent:var(--on-accent,#fff);
    --ui-focus:color-mix(in srgb,var(--ui-accent) 62%,#fff);
    --ui-success:#9be9c2;
    --ui-warning:#ffd48a;
    --ui-danger:#ffbac3;
    --ui-info:#bfd7ff;
    --ui-radius-control:8px;
    --ui-radius-input:12px;
    --ui-radius-panel:16px;
    --ui-radius-dialog:20px;
    --ui-shadow-popover:0 24px 72px rgba(0,0,0,.42);
    --ui-gutter:clamp(16px,4vw,64px);
    --ui-content-max:1600px;
    --ui-reading-max:920px;
    font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans KR",sans-serif;
    color-scheme:dark light;
}

html[data-ui-version="2"][data-mode="light"] {
    --ui-border-strong:color-mix(in srgb,var(--ui-border) 50%,#161b24);
    --ui-shadow-popover:0 24px 64px rgba(20,30,50,.18);
}

html[data-ui-version="2"] body {
    min-width:280px;
    overflow-x:hidden;
    overflow-x:clip;
    font-family:inherit;
    line-height:1.6;
    text-rendering:optimizeLegibility;
}

html[data-ui-version="2"] :where(button,input,textarea,select) { font:inherit; }
html[data-ui-version="2"] :where(img,video,iframe) { max-width:100%; }
html[data-ui-version="2"] :where(h1,h2,h3,p) { overflow-wrap:anywhere; }
html[data-ui-version="2"] :where(code,kbd,samp,time,.mono) { font-variant-numeric:tabular-nums; }

html[data-ui-version="2"] :where(a,button,input,textarea,select,summary,[tabindex]):focus-visible {
    outline:3px solid var(--ui-focus);
    outline-offset:3px;
}

html[data-ui-version="2"] :where(.button,.filter-toggle,.icon-button,.sidebar-toggle) {
    min-height:44px;
    transition:background-color 180ms ease,border-color 180ms ease,color 180ms ease,box-shadow 180ms ease,transform 120ms ease;
}

html[data-ui-version="2"] :where(.button,.filter-toggle,.icon-button,.sidebar-toggle):active:not(:disabled) {
    transform:translateY(1px);
}

html[data-ui-version="2"] :where(input:not([type="checkbox"]):not([type="radio"]),textarea,select) {
    min-height:44px;
    border-radius:var(--ui-radius-input);
}

html[data-ui-version="2"] :where(.admin-panel,.login-card,.install-card,.filter-popover,.empty-state) {
    border-color:var(--ui-border);
}

html[data-ui-version="2"] :where(.alert,.status,.badge,[role="status"]) {
    overflow-wrap:anywhere;
}

html[data-ui-version="2"] :where(dialog,.filter-popover) {
    box-shadow:var(--ui-shadow-popover);
}

@media (pointer:coarse) {
    html[data-ui-version="2"] :where(a.button,button,.filter-toggle,.icon-button,.sidebar-toggle,summary) { min-height:44px; }
}

@media (prefers-reduced-motion:reduce) {
    html[data-ui-version="2"] *,
    html[data-ui-version="2"] *::before,
    html[data-ui-version="2"] *::after {
        scroll-behavior:auto !important;
        animation-duration:.01ms !important;
        animation-iteration-count:1 !important;
        transition-duration:.01ms !important;
    }
}