/* Shared 2026 account-area visual language. Loaded after each page's base CSS. */
html { color-scheme: dark; scroll-behavior: smooth; }
body { background: #050505; overflow-x: clip; }
.dc-app { --bg:#050505; --s1:#121215; --s2:#1c1c21; --red:#e50914;
  --line:rgba(255,255,255,.11); --tx:#f5f5f6; --mu:#a5a6ae;
  min-width:0; width:100%; overflow-x:clip; }
.dc-app * { min-width:0; }
.dc-app .dc-glow { opacity:.48; background:radial-gradient(ellipse 75% 55% at 50% -15%,rgba(229,9,20,.2),transparent 78%); }
.dc-app .dc-wrap { width:min(100%,1220px); max-width:1220px; margin:0 auto; padding:30px clamp(18px,4vw,48px) 76px; }
.dc-app .dc-nav { min-height:46px; margin-bottom:42px; gap:12px; }
.dc-app .dc-brand { font-size:17px; font-weight:800; letter-spacing:-.035em; }
.dc-app .dc-logo { width:36px; height:36px; border-radius:11px; box-shadow:0 8px 23px #e5091433; }
.dc-app .dc-back { display:inline-flex; align-items:center; text-decoration:none; color:#c8c8cd; font-size:12px; font-weight:650; padding:9px 13px; border:1px solid var(--line); border-radius:10px; background:#ffffff06; }
.dc-app .dc-back:hover { background:#ffffff12; color:#fff; }
.dc-app .dc-card { background:linear-gradient(150deg,#151518,#101012); border:1px solid #ffffff12; border-radius:18px; box-shadow:none; }
.dc-app .dc-btn { justify-content:center; min-height:40px; border-radius:11px; font-weight:650; line-height:1.25; }
.dc-app .dc-btn.dc-pri { background:#e50914; border-color:#e50914; }
.dc-app .dc-btn:disabled,.dc-app button:disabled { opacity:.48; cursor:not-allowed; }
.dc-app .dc-hero h1,.dc-app .dc-h { font-size:clamp(31px,5vw,52px); line-height:1.08; letter-spacing:-.05em; }
.dc-app .dc-hero p,.dc-app .dc-lead { color:#aaaab2; line-height:1.65; }
.dc-app .dc-ctl,.dc-app .dc-bar { gap:12px; }
.dc-app .dc-seg { border-radius:12px; flex-wrap:wrap; }
.dc-app .dc-seg button { min-height:40px; border-radius:9px; }
.dc-app select,.dc-app input { color-scheme:dark; }
.dc-app select { background-color:#18181d; color:#f5f5f6; border:1px solid #ffffff2a; border-radius:11px; min-height:42px; padding:8px 12px; max-width:100%; }
.dc-app select option { background-color:#18181d; color:#f5f5f6; }
.dc-app input:focus-visible,.dc-app select:focus-visible,.dc-app button:focus-visible,.dc-app a:focus-visible { outline:2px solid #f34b55; outline-offset:3px; }
.dc-app .dc-skel { animation-duration:1.5s; }
.dc-app .dc-me { position:relative; bottom:auto; z-index:1; background:#17171b; box-shadow:none; gap:12px; }
.dc-app .dc-me > div { min-width:180px; }
.dc-app .dc-row { min-width:0; }
.dc-app .dc-who,.dc-app .dc-m { min-width:0; }
.dc-app .dc-who b,.dc-app .dc-row b { overflow-wrap:anywhere; }
.dc-app .dc-dlg { color:#f5f5f6; background:#151519; border:1px solid #ffffff26; width:min(460px,calc(100vw - 28px)); max-height:calc(100dvh - 32px); overflow-y:auto; padding:26px; border-radius:20px; box-shadow:0 24px 90px #000c; }
.dc-app .dc-dlg::backdrop { background:rgba(0,0,0,.82); backdrop-filter:blur(6px); }
.dc-app .dc-dlg h3 { font-size:21px; line-height:1.2; letter-spacing:-.03em; }
.dc-app .dc-dlg p { line-height:1.55; }
.dc-app .dc-dlg .dc-set { display:flex; justify-content:space-between; align-items:center; gap:20px; }
.dc-app .dc-dlg .dc-set > div { flex:1; min-width:0; }
.dc-app .dc-dlg .dc-sw { flex:none; }
.dc-app .dc-state { overflow-wrap:anywhere; line-height:1.6; }
.dc-app .dc-toasts { max-width:min(420px,calc(100vw - 28px)); }
@media(max-width:700px) {
 .dc-app .dc-wrap { padding:18px 15px 54px; }
 .dc-app .dc-nav { margin-bottom:30px; }
 .dc-app .dc-hero { margin-bottom:22px; }
 .dc-app .dc-ctl { justify-content:stretch; }
 .dc-app .dc-ctl .dc-seg { width:100%; justify-content:space-between; }
 .dc-app .dc-ctl .dc-seg button { flex:1; padding-inline:10px; }
 .dc-app .dc-ctl select { width:100%; }
 .dc-app .dc-me { padding:14px; }
 .dc-app .dc-me .dc-pos { min-width:40px; }
 .dc-app .dc-me .dc-btn { width:100%; }
 .dc-app .dc-row { gap:8px; }
 .dc-app .dc-dlg { padding:20px 17px; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }
