/* Shared form depth; theme tokens keep light and dark modes legible. */
html[data-theme-scope][data-theme] #modal{
  border:1px solid color-mix(in srgb,var(--ui-accent) 24%,var(--ui-line));border-radius:22px;
  background:radial-gradient(ellipse at 0 0,var(--ui-tint),transparent 62%),var(--ui-panel);
  box-shadow:0 32px 90px #0005,0 8px 24px #0002,inset 0 1px 0 #fff1;padding:28px;
}
#modal .dialog-head{padding-bottom:18px;margin-bottom:8px;border-bottom:1px solid var(--ui-line)}
#modal .dialog-head h2{font-size:18px;letter-spacing:.3px}
#modal .dialog-head>button{display:grid;place-items:center;width:34px;height:34px;min-width:34px;padding:0;border:1px solid var(--ui-line);border-radius:10px;background:var(--ui-tint);font-size:16px}
#modal .form-stack{gap:18px}
html[data-theme-scope][data-theme] #modal label{font-size:14px;line-height:1.5}
html[data-theme-scope][data-theme] #modal :is(input:not([type=checkbox]),textarea,select){font-size:14px;border-radius:11px;border:1px solid color-mix(in srgb,var(--ui-muted) 20%,var(--ui-line));background:var(--ui-bg);box-shadow:inset 0 2px 4px #0001,0 1px 0 #ffffff08;transition:border-color .15s,box-shadow .15s;min-height:44px}
html[data-theme-scope][data-theme] #modal :is(input,textarea,select):focus{outline:none;border-color:var(--ui-accent-text,#b78a25);box-shadow:0 0 0 3px var(--ui-tint),inset 0 1px 3px #0001}
#modal .dialog-actions{padding-top:18px;border-top:1px solid var(--ui-line);gap:10px}
#modal .dialog-actions .btn{border-radius:10px;min-width:78px;font-size:14px;padding:11px 18px}
#modal .dialog-actions .btn[type=submit]{box-shadow:0 4px 14px #d7a02428,inset 0 1px 0 #fff5}
html[data-theme-scope][data-theme] #translation-toolbar{height:auto;min-height:88px;padding:8px 14px;background:linear-gradient(135deg,var(--ui-tint),transparent 50%),var(--ui-sidebar);border-bottom:1px solid color-mix(in srgb,var(--ui-accent) 20%,var(--ui-line));box-shadow:0 4px 12px #0001,inset 0 1px 0 #ffffff08;overflow-x:auto;overflow-y:hidden}
#translation-toolbar .control-row{height:auto;min-height:38px;gap:8px;font-size:14px;flex-wrap:wrap;row-gap:6px;padding:3px 0}
#translation-toolbar .control-row>label,#translation-toolbar .control-row>span{white-space:nowrap}
#translation-toolbar .control-row>span{font-size:12px}
html[data-theme-scope][data-theme] #translation-toolbar .control-row select{font-size:14px;min-height:32px;padding:5px 10px;border-radius:8px;border:1px solid var(--ui-line);background:var(--ui-panel);box-shadow:0 2px 5px #0001,inset 0 1px 0 #ffffff08;cursor:pointer}
#translation-toolbar select:focus-visible{outline:2px solid var(--ui-accent-text,#b78a25);outline-offset:2px}
#translation-toolbar .switch{padding:5px 7px;border-radius:7px;transition:background .15s}
#translation-toolbar .switch:has(input:checked){background:var(--ui-tint)}
#translation-toolbar .switch input{width:14px;height:14px;margin:0;cursor:pointer;accent-color:var(--ui-accent-text,#b78a25)}
#translation-toolbar .color-picker{border-radius:8px;box-shadow:inset 0 1px 3px #0002}
#translation-toolbar .provider{font-size:12px;border:1px solid var(--ui-line);box-shadow:inset 0 1px 0 #ffffff08}
#sidebar .sidebar-foot{display:none}
.usage-query{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin-bottom:18px}
.usage-query label{font-size:14px;min-width:160px;margin:0}
.usage-query input{font-size:14px;min-height:40px}
.usage-range-result{font-size:14px;color:var(--ui-muted);margin:12px 0}
[data-editor]{padding:20px;margin-top:18px;border:1px solid var(--ui-line);border-radius:14px;background:var(--ui-tint)}
[data-editor][hidden]{display:none}
@media(prefers-reduced-motion:reduce){#modal input,#translation-toolbar .switch{transition:none}}

/* Black and metallic gold cards stay consistent in both application themes. */
html[data-theme-scope][data-theme] .contact-card.resource-card{
 --ui-fg:#f4d88a;--ui-muted:#ddc582;--ui-line:#c09a4147;--ui-panel:#10110e;--ui-bg:#070908;--ui-tint:#d3ac3b16;--ui-accent:#f6d77d;--ui-accent-text:#f6d77d;
 padding:24px;border:2px solid transparent;border-radius:18px;
 background:radial-gradient(ellipse at top left,#76602222,transparent 55%) padding-box,linear-gradient(145deg,#161712,#050706 65%) padding-box,linear-gradient(135deg,#fff0a2 0%,#b18a2e 23%,#68501f 48%,#efcf74 73%,#ab7e26 100%) border-box;
 color:#f4d88a;box-shadow:inset 0 1px 0 #fff2,inset 0 -1px 0 #79642588,0 12px 25px #0004;min-width:0;
}
html[data-theme-scope][data-theme] .contact-card::before{inset:7px;border:1px solid #d9b75926;border-radius:11px;background:repeating-linear-gradient(125deg,#d6b45d04 0 1px,transparent 1px 14px);z-index:-1}
html[data-theme-scope][data-theme] .contact-card::after{animation:none;opacity:0}
html[data-theme-scope][data-theme] .contact-card.resource-card h2{
 font-family:"Microsoft YaHei UI","Microsoft YaHei","Segoe UI",sans-serif;font-size:27px;font-weight:900;letter-spacing:.6px;line-height:1.5;margin:20px 0 13px;
 color:#ffe49c;text-shadow:0 1px 0 #a27d2c,0 2px 0 #634814,0 3px 1px #000a,0 5px 10px #0006;
}
@supports(background-clip:text){html[data-theme-scope][data-theme] .contact-card.resource-card h2{background:linear-gradient(180deg,#fff5b9 8%,#ffe59a 30%,#cc9e36 51%,#f5d373 70%,#fff0ad 96%);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 1px 0 #75521a) drop-shadow(0 2px 1px #000)}}
html[data-theme-scope][data-theme] .contact-card .resource-avatar{width:34px;height:34px;border-color:#d7b45788;color:#ffe6a0;background:linear-gradient(145deg,#695628,#211e12);font-size:16px;box-shadow:inset 0 1px 0 #fff6,0 3px 6px #0005;text-shadow:0 1px 1px #000}
html[data-theme-scope][data-theme] .contact-card :is(.contact-card-tag,dt,.contact-card-foot){color:#dbc17a;font-size:14px;line-height:1.8}
html[data-theme-scope][data-theme] .contact-card .contact-card-description{color:#f0d38a;font-size:16px;line-height:1.9;font-weight:500;text-shadow:0 1px 1px #000;margin-bottom:18px}
html[data-theme-scope][data-theme] .contact-card.resource-card .contact-card-links{border-color:#a783344d;padding-top:18px;margin-top:20px}
html[data-theme-scope][data-theme] .contact-card.resource-card .contact-card-link{background:linear-gradient(145deg,#1a1b13,#0a0c09);border-color:#b18f425e;padding:12px;border-radius:10px;box-shadow:inset 0 1px 0 #ffe8ac13}
html[data-theme-scope][data-theme] .contact-card.resource-card dd{font-size:16px;color:#ffe19a;gap:8px;font-weight:650;text-shadow:0 1px 1px #000;flex-wrap:wrap}
html[data-theme-scope][data-theme] .contact-card .contact-card-copy{color:#ffe39c;border-color:#d0a44d77;background:linear-gradient(145deg,#5a492524,#d7ad4022);font-size:14px;min-height:38px;padding:7px 11px;box-shadow:inset 0 1px 0 #fff2}
html[data-theme-scope][data-theme] .contact-card .contact-card-copy:hover{background:#d7ad4033}
html[data-theme-scope][data-theme] .contact-card .contact-card-foot{border-top:1px solid #b2934038;padding-top:16px;margin-top:18px}
html[data-theme-scope][data-theme] .platform-support-dialog{background:#0b0d0a;color:#f6d98e;border:1px solid #a18340;box-shadow:0 24px 80px #0009;border-radius:20px}
html[data-theme-scope][data-theme] .platform-support-dialog .dialog-heading :is(h2,button){color:#f6d98e}
html[data-theme-scope][data-theme] .platform-support-dialog .dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
html[data-theme-scope][data-theme] .platform-support-dialog .dialog-heading button{display:grid;place-items:center;width:34px;height:34px;padding:0;background:#17190f!important;color:#f6d98e!important;border:1px solid #8f753a;border-radius:9px;font-size:20px;cursor:pointer}
html[data-theme-scope][data-theme] :is(.resource-editor,.platform-content-editor) :is(input:not([type=checkbox]),textarea,select){background:#0b0d0a;color:#f5d58b;caret-color:#ffdf87;border-color:#8d743b;text-shadow:0 1px 1px #000;font-size:16px}
@media(max-width:600px){html[data-theme-scope][data-theme] .contact-card.resource-card{padding:22px}html[data-theme-scope][data-theme] .contact-card.resource-card h2{font-size:25px}}