/* v-themes — الثيمات الثلاثة عشر بعد «خشبي» (أمر المالك ٤ أكتوبر: «كمّل الثيمات الباقية» — «نفس فكرة الخشبيّة لكن في التصميم
   الجديد»، وشاشات الترحيب الأربع «شيل الأسامي عنها وسوّها نفس الخشبيّة»). تُختار من «خلفيّات الشاشة» (js/app-25-خلفيات.js
   يضع html.skin + skin-<معرّف>، وskin-scene لثيمات المشهد). كلّ ثيم كتلة متغيّرات --th-* وحدها؛ القواعد العامّة أدناه تكسو بها
   الواجهة كلّها كما كسا الخشبيّ: خلفيّة الشاشة، القائمة وخاناتها، زرّ «محادثة جديدة» والإرسال، خانة الكتابة، الفقاعات، لوحة
   المعاينة ومكان الكود (بلون اللوحة نفسها)، والنوافذ والقوائم. ثيمات المشهد: الصورة خلف الشاشة كلّها، والقائمة ولوحة المعاينة
   زجاج ملوّن فوقها (كما في صور المالك: القائمة الدافئة فوق الغروب)، واللوحة الوسطى شفّافة. الخامات assets/ثيمات/ يولّدها
   scripts/ثيمات.mjs. كلّ القواعد تحت html.skin فلا يتأثّر من لم يختر ثيمًا ولا الخشبيّ. */

/* ── الافتراضات (تغيّرها كتلة كلّ ثيم) ── */
html.skin{
  --th-scheme:dark; --th-page:#0d0d0f; --th-layer:var(--th-page); --th-veil:transparent;
  --th-ink:#f2efe8; --th-muted:#b9b3a6; --th-over:var(--th-ink); --th-over-muted:var(--th-muted); --th-over-shadow:none; --th-over-drop:none;
  --th-gold:#d4af5a; --th-line:rgba(212,175,90,.55); --th-line2:rgba(212,175,90,.24);
  --th-dlg:#141416; --th-dlg2:#1d1d20;
  --th-side:#111113; --th-side-ink:var(--th-ink); --th-side-muted:var(--th-muted);
  --th-tile:#1b1b1e; --th-tile-line:rgba(212,175,90,.3); --th-tile-ink:var(--th-side-ink); --th-tile-r:12px;
  --th-tile-shadow:0 3px 8px rgba(0,0,0,.35); --th-thumb:rgba(255,255,255,.08); --th-glow:rgba(212,175,90,.35);
  --th-btn:linear-gradient(160deg,#e9c766,#b8902a); --th-btn-ink:#2b1d02; --th-btn-shadow:0 3px 10px rgba(0,0,0,.35);
  --th-field:rgba(255,255,255,.06); --th-field-line:var(--th-line2); --th-field-ink:var(--th-ink); --th-field-muted:var(--th-muted);
  --th-user:rgba(255,255,255,.08); --th-user-line:var(--th-line); --th-user-ink:var(--th-ink);
  --th-ai:rgba(20,20,22,.84); --th-ai-line:var(--th-line2); --th-ai-ink:var(--th-ink); --th-bubble-shadow:0 4px 14px rgba(0,0,0,.22);
  --th-work:#101013; --th-work-ink:var(--th-ink); --th-work-muted:var(--th-muted); --th-foot:transparent;
  /* v-theme-contrast (المالك ٢١ أكتوبر: «كل ثيم له لون خط ولون حدود من لونه نفسه… التباين ما يقل عن 4.5:1»): ما كان يأخذ لونًا
     ثابتًا من التطبيق (ذهبيّ الروابط والشرارة وصفّ المالك، والأبيض على لون الثيم، ورماديّ الصفحة داخل الفقاعة) صار من لوحة الثيم.
     الروابط ورماديّ الفقاعتين، والذهبيّ كتابةً على النوافذ، والكتابة على لون الثيم، والشرارة، وكبسولة الأدوات فوق المشهد */
  --th-link:var(--th-gold); --th-ai-muted:var(--th-muted); --th-user-muted:var(--th-muted);
  --th-accent-ink:var(--th-gold); --th-on-accent:var(--th-btn-ink); --th-spark:var(--th-gold);
  --th-chip:var(--th-field); --th-chip-ink:var(--th-field-ink); --th-chip-muted:var(--th-field-muted); --th-tool-label:var(--th-gold);
  /* متغيّرات التطبيق نفسها: الكتابة والأسطح (الإعدادات والقوائم) من الثيم */
  --text:var(--th-ink) !important; --muted:var(--th-muted) !important; --accent-ink:var(--th-ink) !important;
  --accent:var(--th-gold) !important; --border:var(--th-line2) !important; --omLine:var(--th-line2) !important; --omGold:var(--th-gold) !important;
  --bg:var(--th-dlg) !important; --bg2:var(--th-dlg) !important; --panel:var(--th-dlg) !important; --panel2:var(--th-dlg2) !important;
  --accent-surface:var(--th-dlg2) !important; --accent-on-surface:var(--th-ink) !important;
  color-scheme:var(--th-scheme); background:var(--th-page) !important;
}

/* ── خلفيّة الشاشة ── */
html.skin #bgImgLayer{background:var(--th-layer) !important;}
html.skin #bgImgLayer::after{background:var(--th-veil) !important;}
html.skin-scene #bgImgLayer{background:var(--th-scene) var(--th-pos, center) / cover no-repeat, var(--th-page) !important;}
html.skin-scene.mobile-ui #bgImgLayer{background-position:var(--th-pos-m, center) !important;}
html.skin body::before, html.skin body::after{display:none !important;}

/* ── الإطارات (التصميم الجديد) ── */
html.skin:not(.mobile-ui){
  --frame-line:var(--th-line); --frame-line2:var(--th-line2); --frame-gold:var(--th-gold); --frame-gold2:var(--th-gold);
  --frame-ink:var(--th-side-ink); --frame-muted:var(--th-side-muted); --frame-field:var(--th-field);
  --frame-pill-line:var(--th-line); --frame-shadow:0 8px 22px rgba(0,0,0,.25);
}

/* ── القائمة الجانبيّة ── */
html.skin #sidebar{background:var(--th-side) !important; color:var(--th-side-ink); --text:var(--th-side-ink) !important; --muted:var(--th-side-muted) !important;}
/* v-scene-clear (المالك ٩ أكتوبر: «فيه نفس الغباش… وليست صافية»): كان على اللوحتين الجانبيّتين تغبيش زجاجيّ ١٨ بكسل فوق المشهد فبدا غبارًا — الآن الصورة صافية خلفهما، والصبغة الملوّنة (--th-side) وحدها تبقى للقراءة. */
html.skin-scene #sidebar, html.skin-scene #workarea{-webkit-backdrop-filter:saturate(1.15); backdrop-filter:saturate(1.15);}
html.skin.mobile-ui #sidebar:not(.open), html.skin.mobile-ui #workarea:not(.open){box-shadow:none !important;}
html.skin #sidebar .omStars{display:none;}
/* المحدِّد الثاني يعادل قاعدة الوضع الفاتح (html[data-mode="light"]:not(.mobile-ui) #omranNewChatBtn) ويأتي بعدها */
html.skin #omranNewChatBtn, html.skin:not(.mobile-ui) #omranNewChatBtn, html.skin:not(.mobile-ui) #omranNewChatBtn:hover{margin:10px 12px 6px !important; padding:9px 16px !important; border-radius:999px !important; background:var(--th-btn) !important; border:none !important; color:var(--th-btn-ink) !important; box-shadow:var(--th-btn-shadow) !important; justify-content:center !important;}
html.skin #omranNewChatBtn svg{color:var(--th-btn-ink) !important;}
html.skin #omranHistTitle, html.skin #btnProjMenuToggle, html.skin #projMenuWrap{color:var(--th-side-ink) !important;}
html.skin #sbSearchWrap{background:var(--th-field) !important; border:1px solid var(--th-field-line) !important; color:var(--th-field-muted) !important;}
html.skin #sbSearch{color:var(--th-field-ink) !important;}
html.skin #sbSearch::placeholder{color:var(--th-field-muted) !important;}
html.skin #history{padding:2px 10px 8px !important;}
html.skin .hist-item{background:var(--th-tile) !important; border:1px solid var(--th-tile-line) !important; border-radius:var(--th-tile-r) !important; margin:7px 0 !important; padding:7px 12px !important; box-shadow:var(--th-tile-shadow) !important; min-height:42px; color:var(--th-tile-ink) !important;}
html.skin .hist-item:hover{filter:brightness(1.06);}
/* المختار: redesign.css يُفرغ خلفيّته على الكمبيوتر (html:not(.mobile-ui) .hist-item.active) — المحدِّد الثاني أعلى منه */
html.skin .hist-item.active, html.skin:not(.mobile-ui) #history .hist-item.active{background:var(--th-tile) !important; border:1.5px solid var(--th-gold) !important; box-shadow:var(--th-tile-shadow), 0 0 0 2px var(--th-glow) !important;}
html.skin .hist-title{color:var(--th-tile-ink) !important; font-weight:600 !important; opacity:1 !important;}
html.skin .hist-thumb{background:var(--th-thumb) !important; border:1px solid var(--th-tile-line) !important; border-radius:6px !important; color:var(--th-tile-ink) !important;}
html.skin .hist-menu-btn{color:var(--th-tile-ink) !important;}
html.skin #omranSidebarFoot{background:var(--th-foot) !important; border-top:1px solid var(--th-line2) !important; border-radius:0 0 14px 14px;}
html.skin #omranSidebarFoot .omNavBtn, html.skin #omranSidebarFoot .omIconBtn, html.skin #omranSidebarFoot .omModeNav{color:var(--th-side-ink) !important; opacity:1 !important;}
html.skin #omranBottomNav{background:var(--th-side) !important; border-top:1px solid var(--th-line2) !important;}
html.skin #omranBottomNav .omNavBtn, html.skin #omranBottomNav button{color:var(--th-side-ink) !important; opacity:1 !important;}

/* ── المحادثة ── */
html.skin #chatcol, html.skin #chatcol > header, html.skin header, html.skin #inputbar, html.skin #omranBelowComposer{background:transparent !important; border-color:transparent !important;}
html.skin #chatcol, html.skin body > header{--text:var(--th-over) !important; --muted:var(--th-over-muted) !important; color:var(--th-over);}
html.skin #chatcol{position:relative;}
html.skin #messages{position:relative; z-index:1;}
html.skin #messages::before, html.skin #messages::after{display:none !important;}
html.skin body > header, html.skin #omranBelowComposer, html.skin #messages .msgActions{text-shadow:var(--th-over-shadow);}
html.skin body > header svg, html.skin #omranBelowComposer svg, html.skin #inputbar #btnPlusTools svg, html.skin #btnMic svg{filter:var(--th-over-drop);}
html.skin #messages .msg.user{background:var(--th-user) !important; border:1px solid var(--th-user-line) !important; border-radius:18px !important; color:var(--th-user-ink) !important; padding:9px 14px !important; box-shadow:var(--th-bubble-shadow) !important; --text:var(--th-user-ink) !important; --muted:var(--th-user-muted) !important; text-shadow:none;}
html.skin #messages .msg.assistant{background:var(--th-ai) !important; border:1px solid var(--th-ai-line) !important; border-radius:16px !important; color:var(--th-ai-ink) !important; padding:12px 16px !important; box-shadow:var(--th-bubble-shadow) !important; --text:var(--th-ai-ink) !important; --muted:var(--th-ai-muted) !important; text-shadow:none;}
/* v-theme-contrast: الرابط بلون الثيم — index.html (v474) يثبّته ذهبيًّا بـ!important (0,2,2) فكان ذهبيًّا على فقاعة كريميّة ١٫٧:١ */
html.skin #messages .msg a, html.skin #messages .msg-text a{color:var(--th-link) !important;}
html.skin #askAllHintTip{background:var(--th-field) !important; color:var(--th-field-ink) !important; border:1px solid var(--th-field-line); text-shadow:none;}
/* خانة الكتابة والإرسال (محدِّدا الإرسال بمعرّفين كقاعدة التطبيق — فخّ مثبت في PITFALLS) */
html.skin #composerBox{background:var(--th-field) !important; border:1px solid var(--th-field-line) !important; border-radius:28px !important; box-shadow:0 6px 16px rgba(0,0,0,.18) !important;}
html.skin #prompt{color:var(--th-field-ink) !important;}
html.skin #prompt::placeholder{color:var(--th-field-muted) !important;}
html.skin #composerBox > #btnSend, html.skin #btnSend{background:var(--th-btn) !important; border:none !important; color:var(--th-btn-ink) !important; box-shadow:var(--th-btn-shadow) !important; opacity:1 !important;}
html.skin #composerBox > #btnSend svg{color:var(--th-btn-ink) !important; stroke:var(--th-btn-ink) !important;}
html.skin #composerBox:not(.typing) > #btnSend{opacity:1 !important;}
html.skin #omranBelowComposer, html.skin #omranBelowComposer button, html.skin #omModelChip, html.skin #omModeBtn,
html.skin #inputbar .inputbar-tools-left > .btn, html.skin #inputbar .inputbar-tools-left > button, html.skin #inputbar .inputbar-tools button, html.skin #btnMic, html.skin #inputbar #btnPlusTools{color:var(--th-over) !important;}

/* ── لوحة المعاينة ومكان الكود (بلون اللوحة نفسها — أمر المالك) ── */
html.skin #workarea{background:var(--th-work) !important; color:var(--th-work-ink); --text:var(--th-work-ink) !important; --muted:var(--th-work-muted) !important;}
html.skin #code{background:transparent !important; color:var(--th-work-ink) !important; caret-color:var(--th-work-ink);}
html.skin #tabs{background:transparent !important; border-color:var(--th-line2) !important;}
html.skin #tabs .tab, html.skin #workarea .omIconBtn, html.skin #workarea button{color:var(--th-work-ink) !important;}
html.skin #tabs .tab.active{border-color:var(--th-gold) !important;}
/* v-theme-menus (المالك ٢١ أكتوبر بلقطة «مركبات»: قائمة ⋮ في المعاينة كلامها غامق على غامق): القاعدة أعلاه تلوّن كلّ زرّ داخل #workarea
   بحبر اللوحة (غامق على لوحة «مركبات» الفضّيّة) — فنالت أزرار القائمة المفتوحة فوق نافذة الثيم الداكنة ١٫١:١. القائمة بحبر نوافذ الثيم. */
html.skin #workarea #tabsMenuDropdown button{color:var(--th-ink) !important;}

/* ── النوافذ والقوائم المنبثقة ── */
html.skin :is(dialog, #plusToolsPopup, #headerMenuDropdown, #headerUserDropdown, #tabsMenuDropdown, #histItemMenu, .msgMoreMenu, .dlg-actions, #provDropdownPanel, #omModelPopup){background:var(--th-dlg) !important; color:var(--th-ink) !important; --text:var(--th-ink) !important; --muted:var(--th-muted) !important; text-shadow:none;}
html.skin dialog::backdrop{background:rgba(0,0,0,.5);}
html.skin select option{background:var(--th-dlg); color:var(--th-ink);}

/* ── v-theme-contrast (المالك ٢١ أكتوبر): كلّ نصّ وأيقونة على سطحه بلون من الثيم، والتباين ≥ ٤٫٥ للنصّ و٣ للأيقونة — يقيسه
   scripts/theme-contrast-probe.mjs بالبكسلات وtests/theme-contrast.test.cjs بالتتالي ── */
/* الذهبيّ كتابةً على النوافذ: لون الثيم بدرجة تُقرأ على نافذته (الفاتحة أغمق)، والكتابة على لون الثيم (الاختيار المفعَّل) بحبر أزراره */
html.skin :is(dialog, #plusToolsPopup, #headerMenuDropdown, #headerUserDropdown, #tabsMenuDropdown, #histItemMenu, .msgMoreMenu, #provDropdownPanel, #omModelPopup){--accent:var(--th-accent-ink) !important;}
html.skin .bgImgRotOpt.active, html.skin .bgImgOpt.active::after{color:var(--th-on-accent);}
/* «حذف» في قائمة ⋮ المحادثة أحمر فاتح (#ff6b6b، tokens.css) صُمّم للأسود — على نوافذ الثيمات الفاتحة ٢:١؛ أحمر غامق عليها */
html.skin.bgimg-light #histItemMenu button.danger{color:#b3261e;}
html.skin .settingsNavRow.settingsNavOwner .settingsNavIcon, html.skin .settingsNavRow.settingsNavOwner .settingsNavLabel{color:var(--th-accent-ink) !important;}
/* شرارة الأسهم المطويّة (tokens.css: ذهبيّ ثابت #d4af37) بلون الثيم، وسهم إغلاق القائمة على الجوّال بحبر القائمة */
html.skin #stockTickerToggle.tickerAiCollapsed #stockTickerAiIcon{color:var(--th-spark);}
html.skin.mobile-ui #sidebar #sidebarCloseBtn{color:var(--th-side-ink) !important;}
/* فوق صورة المشهد مباشرةً (أيقونات الرسالة، وشريحة النموذج والمايك و+ تحت خانة الكتابة): الصورة تتبدّل تحتها فلا لونَ يُقرأ عليها
   كلّها — كبسولة بلون خانة الكتابة نفسها، وحبرها حبرُ الخانة */
html.skin-scene #messages .msgActionBar{width:fit-content; padding:3px 10px !important; border-radius:999px !important; background:var(--th-chip) !important; border:1px solid var(--th-field-line) !important; box-shadow:var(--th-bubble-shadow) !important; --muted:var(--th-chip-muted); --accent-ink:var(--th-chip-ink); text-shadow:none;}
html.skin-scene #inputbar #omBottomBar, html.skin-scene #inputbar .inputbar-tools-below{padding:2px 8px !important; border-radius:999px !important; background:var(--th-chip) !important; border:1px solid var(--th-field-line) !important;}
/* أزرار الكبسولة وحدها (لا ما في قائمة + المفتوحة داخلها): محدِّدات أعلى من قاعدة --th-over أعلاه (#inputbar .inputbar-tools button و#btnPlusTools) */
html.skin-scene #inputbar #omBottomBar #omModelChip, html.skin-scene #inputbar .inputbar-tools-below #btnPlusTools, html.skin-scene #inputbar .inputbar-tools-below #btnMic,
html.skin-scene #inputbar .inputbar-tools-below .inputbar-tools-left > button, html.skin-scene #inputbar .inputbar-tools-below .inputbar-tools-left > .btn{color:var(--th-chip-ink) !important; text-shadow:none !important;}
html.skin-scene #inputbar #omBottomBar #omModelChip svg, html.skin-scene #inputbar .inputbar-tools-below #btnPlusTools svg, html.skin-scene #inputbar .inputbar-tools-below #btnMic svg{filter:none !important;}
/* بطاقات الأدوات: الاسم فوق أسفل الصورة الداكن بلون الثيم لا الذهبيّ (tool-card-images.css يُحمَّل آخرًا فالمحدِّد أعلى) */
html.skin.skin #sectionsToolsPopup .ptGrid .btn.hasToolPhoto.hasToolPhoto .btnLabel{color:var(--th-tool-label) !important;}
html.skin.skin #sectionsToolsPopup .ptGrid .btn.hasToolPhoto.hasToolPhoto{border-color:var(--th-line2) !important;}
/* صانع الفيديو: ذهبيّه متغيّر (--lux-gold) — لون الثيم في الثيمات الداكنة بالوضع الداكن (أسماء التبويبات فوق صورها الداكنة؛ في الفاتحة يبقى ذهبيّه) */
html.skin.bgimg-dark:not([data-mode="light"]) #videoMakerModal{--lux-gold:var(--th-accent-ink); --lux-gold2:var(--th-gold); --lux-line:var(--th-line2);}
/* الأدوات التي لا يكسوها الثيم (صانع الفيديو، الاستوديوهات، التعليم…) تُرسم بتصميم الوضع (أسود أو فاتح). حين يخالف الوضعُ نوعَ الثيم
   كانت تأخذ حبرَ الثيم: أبيض «غروب» على أبيض الوضع الفاتح، وكحليّ «شتاء» على أسود الوضع الداكن (١٫٢:١) — تأخذ الآن كتابة وضعها وأسطحه
   (كأسطح خلفيّات الشاشة، v-bgimg-surface-text). */
html.skin.bgimg-dark[data-mode="light"] :is(#videoMakerModal, #eduHubModal, #expModal, .xm, #stocksModal, #religionModal, #constructionModal, #portraitStyleSheet, #studioAiModal, #fashionAiModal, #designAiModal, #emailAssistModal){
  color:var(--text); --text:#1d1a16; --muted:#5f574c; --accent-ink:#1d1a16; --bg:#fbf5e9; --bg2:#fbf5e9; --panel:#fbf5e9; --panel2:#f3ead6; --accent-surface:#efe5cf; --accent-on-surface:#1d1a16; --border:rgba(120,96,50,.18);}
html.skin.bgimg-light:not([data-mode="light"]) :is(#videoMakerModal, #eduHubModal, #expModal, .xm, #stocksModal, #religionModal, #constructionModal, #portraitStyleSheet, #studioAiModal, #fashionAiModal, #designAiModal, #emailAssistModal){
  color:var(--text); --text:#eef0f6; --muted:#a3a3a8; --accent-ink:#eef0f6; --bg:#000; --bg2:#000; --panel:#000; --panel2:#0c0c0e; --accent-surface:#2b2e35; --accent-on-surface:#eef0f6; --border:rgba(255,255,255,.1);}

/* ── زينة المحادثة: زهور ذهبيّة (الخشب الداكن والرخام)، شبكة العُقَد (برمجة)، الأحجية (أطفال)، أدوات المطبخ (طهي)؛ وسيارة «سيارات» مع كتلته ── */
html.skin-darkwood #chatcol::after, html.skin-marble #chatcol::after{content:""; position:absolute; z-index:0; pointer-events:none; inset-inline-end:16px; bottom:150px; width:150px; height:188px; background:url("../assets/%D8%AB%D9%8A%D9%85%D8%A7%D8%AA/%D8%B2%D9%87%D9%88%D8%B1-%D8%B0%D9%87%D8%A8%D9%8A%D8%A9.svg") center/contain no-repeat; opacity:.85;}
html.skin-marble #chatcol::before{content:""; position:absolute; z-index:0; pointer-events:none; inset-inline-end:170px; bottom:150px; width:104px; height:130px; background:url("../assets/%D8%AB%D9%8A%D9%85%D8%A7%D8%AA/%D8%B2%D9%87%D9%88%D8%B1-%D8%B0%D9%87%D8%A8%D9%8A%D8%A9.svg") center/contain no-repeat; opacity:.7; transform:scaleX(-1);}
html.skin-code body.omranWelcome #chatcol::before{content:""; position:absolute; z-index:0; pointer-events:none; top:9%; left:50%; transform:translateX(-50%); width:min(72%,420px); aspect-ratio:360/220; background:url("../assets/%D8%AB%D9%8A%D9%85%D8%A7%D8%AA/%D8%A8%D8%B1%D9%85%D8%AC%D8%A9/%D8%B4%D8%A8%D9%83%D8%A9.svg") center/contain no-repeat; opacity:.9;}
html.skin-cuisine body.omranWelcome #chatcol::before{content:""; position:absolute; z-index:0; pointer-events:none; top:12%; left:50%; transform:translateX(-50%); width:min(54%,300px); aspect-ratio:260/200; background:url("../assets/%D8%AB%D9%8A%D9%85%D8%A7%D8%AA/%D8%B7%D9%87%D9%8A/%D8%A3%D8%AF%D9%88%D8%A7%D8%AA.svg") center/contain no-repeat;}
html.skin-kids body.omranWelcome #chatcol::before{content:""; position:absolute; z-index:0; pointer-events:none; top:11%; left:50%; transform:translateX(-50%); width:min(46%,250px); aspect-ratio:220/210; background:url("../assets/%D8%AB%D9%8A%D9%85%D8%A7%D8%AA/%D8%A3%D8%B7%D9%81%D8%A7%D9%84/%D8%A3%D8%AD%D8%AC%D9%8A%D8%A9.svg") center/contain no-repeat;}

/* ══ الثيمات ══ */

/* خشب داكن: خشب عروقه عموديّة، ألواح بأطراف نحاسيّة، جلد أسود للمعاينة (صورة المالك) */
html.skin-darkwood{
  --th-page:#140d08; --th-layer:url("../assets/%D8%AB%D9%8A%D9%85%D8%A7%D8%AA/%D8%AE%D8%B4%D8%A8-%D8%AF%D8%A7%D9%83%D9%86/%D8%AE%D8%B4%D8%A8.jpg") center top / 512px auto repeat, #2a1c12;
  --th-ink:#f1e3c6; --th-muted:#c4ab84; --th-gold:#d6a85a; --th-line:rgba(214,168,90,.55); --th-line2:rgba(214,168,90,.22); --th-glow:rgba(214,168,90,.3);
  --th-dlg:#1e140d; --th-dlg2:#2a1c12;
  --th-side:linear-gradient(rgba(0,0,0,.28),rgba(0,0,0,.28)), url("../assets/%D8%AB%D9%8A%D9%85%D8%A7%D8%AA/%D8%AE%D8%B4%D8%A8-%D8%AF%D8%A7%D9%83%D9%86/%D8%AE%D8%B4%D8%A8.jpg") center top / 512px auto repeat, #241810;
  --th-tile:linear-gradient(180deg,#f0cf8a,#a8742e) left / 7px 100% no-repeat, linear-gradient(180deg,#f0cf8a,#a8742e) right / 7px 100% no-repeat, url("../assets/%D8%AB%D9%8A%D9%85%D8%A7%D8%AA/%D8%AE%D8%B4%D8%A8-%D8%AF%D8%A7%D9%83%D9%86/%D9%84%D9%88%D8%AD.jpg") center / cover;
  --th-tile-line:rgba(20,12,6,.85); --th-tile-shadow:inset 0 1px 0 rgba(255,220,170,.14), 0 3px 8px rgba(0,0,0,.55); --th-thumb:rgba(0,0,0,.32);
  --th-btn:linear-gradient(180deg,#f3d595,#c99645 50%,#8f6326); --th-btn-ink:#2a1a08;
  --th-field:rgba(20,12,6,.74); --th-field-line:rgba(214,168,90,.45); --th-field-muted:#a88c66;
  --th-user:url("../assets/%D8%AB%D9%8A%D9%85%D8%A7%D8%AA/%D8%AE%D8%B4%D8%A8-%D8%AF%D8%A7%D9%83%D9%86/%D9%84%D9%88%D8%AD.jpg") center / cover; --th-user-line:rgba(214,168,90,.45); --th-ai:rgba(18,11,6,.86);
  --th-work:url("../assets/%D8%AB%D9%8A%D9%85%D8%A7%D8%AA/%D8%AE%D8%B4%D8%A8-%D8%AF%D8%A7%D9%83%D9%86/%D8%AC%D9%84%D8%AF.jpg") center / 256px repeat, #141012; --th-foot:rgba(0,0,0,.35);
}
/* رخام أسود بعروق ذهبيّة، أقراص داكنة بطرف ذهبيّ، ومعدن مصقول للمعاينة (صورة المالك) */
html.skin-marble{
  --th-page:#0a0a0b; --th-layer:url("../assets/%D8%AB%D9%8A%D9%85%D8%A7%D8%AA/%D8%B1%D8%AE%D8%A7%D9%85/%D8%B1%D8%AE%D8%A7%D9%85.jpg") center / cover no-repeat, #0d0d0e;
  --th-ink:#efe7d4; --th-muted:#a79f8c; --th-gold:#d9b25c; --th-line:rgba(217,178,92,.55); --th-line2:rgba(217,178,92,.2);
  --th-dlg:#121214; --th-dlg2:#1c1c1f; --th-side:linear-gradient(180deg,#1c1c1f,#0c0c0d);
  --th-tile:linear-gradient(180deg,#f6d886,#b5832a) left / 9px 100% no-repeat, linear-gradient(180deg,#2a2b2e,#141517); --th-tile-r:999px;
  --th-tile-line:rgba(255,255,255,.07); --th-tile-shadow:0 3px 8px rgba(0,0,0,.5);
  --th-btn:radial-gradient(circle at 35% 30%,#fff1c4,#e2b85a 45%,#a37728); --th-btn-ink:#2b1d02;
  --th-field:linear-gradient(180deg,#1f2023,#151618); --th-field-line:rgba(255,255,255,.09);
  --th-user:linear-gradient(180deg,#26272a,#18191b); --th-user-line:rgba(217,178,92,.35); --th-ai:rgba(14,14,15,.86);
  --th-work:url("../assets/%D8%AB%D9%8A%D9%85%D8%A7%D8%AA/%D8%B1%D8%AE%D8%A7%D9%85/%D9%85%D8%B9%D8%AF%D9%86.jpg") center / cover, #141416;
}
/* برمجة: لوح داكن بشبكة خفيفة، فيروزيّ وبرتقاليّ، وشبكة عُقَد في البداية (صورة المالك) */
html.skin-code{
  --th-page:#0b1014; --th-layer:linear-gradient(rgba(53,194,176,.05) 1px, transparent 1px) 0 0 / 28px 28px, linear-gradient(90deg, rgba(53,194,176,.05) 1px, transparent 1px) 0 0 / 28px 28px, #0f161b;
  --th-ink:#d5e3ea; --th-muted:#7f98a6; --th-gold:#35c2b0; --th-line:rgba(53,194,176,.45); --th-line2:rgba(53,194,176,.17); --th-glow:rgba(53,194,176,.3);
  --th-dlg:#0f161c; --th-dlg2:#15202a; --th-side:#0d1317;
  --th-tile:#121b21; --th-tile-line:rgba(53,194,176,.22); --th-tile-shadow:inset 3px 0 0 #35c2b0, 0 2px 6px rgba(0,0,0,.4);
  --th-btn:linear-gradient(160deg,#47d6c3,#1f9e8f); --th-btn-ink:#04221e;
  --th-field:#111a20; --th-field-line:rgba(53,194,176,.3);
  --th-user:#13212a; --th-user-line:rgba(240,160,80,.5); --th-ai:rgba(13,20,25,.92);
  --th-work:linear-gradient(rgba(53,194,176,.04) 1px, transparent 1px) 0 0 / 28px 28px, #0c1216;
}
/* سيارات: كربون للمحادثة، فضّة مصقولة للقائمة والمعاينة، ونيون سماويّ، والسيارة المتوهّجة في البداية (صورة المالك) */
html.skin-cars{
  --th-page:#0e0f11; --th-layer:radial-gradient(120% 60% at 50% 0%, rgba(88,214,255,.1), transparent 60%), repeating-linear-gradient(45deg,#17181b 0 4px,#1e2024 4px 8px), #16171a;
  --th-ink:#e9edf2; --th-muted:#9aa3ad; --th-gold:#58d6ff; --th-line:rgba(205,212,220,.6); --th-line2:rgba(205,212,220,.22); --th-glow:rgba(88,214,255,.3);
  --th-dlg:#17191c; --th-dlg2:#202328;
  --th-side:url("../assets/%D8%AB%D9%8A%D9%85%D8%A7%D8%AA/%D9%85%D8%B1%D9%83%D8%A8%D8%A7%D8%AA/%D9%85%D8%B9%D8%AF%D9%86.jpg") center / cover, #b9bec5; --th-side-ink:#1d2126; --th-side-muted:#353a3f;
  --th-tile:linear-gradient(180deg,#4d535b,#2c3036); --th-tile-ink:#f1f4f7; --th-tile-line:rgba(0,0,0,.45); --th-tile-shadow:inset 0 1px 0 rgba(255,255,255,.18), 0 2px 5px rgba(0,0,0,.35);
  --th-btn:linear-gradient(180deg,#f4f6f8,#aab1b9); --th-btn-ink:#1d2126; --th-btn-shadow:inset 0 1px 0 #fff, 0 3px 8px rgba(0,0,0,.35);
  --th-field:linear-gradient(180deg,#26292e,#1b1d21); --th-field-line:rgba(205,212,220,.3);
  /* الفقاعتان نصف شفّافتين (أمر المالك: «السيارة تختفي») — كانتا شبه معتمتين فتغطّيان السيارة كلّها في المحادثة الطويلة */
  --th-user:rgba(44,48,54,.6); --th-user-line:rgba(88,214,255,.45); --th-ai:rgba(14,15,18,.58);
  --th-work:url("../assets/%D8%AB%D9%8A%D9%85%D8%A7%D8%AA/%D9%85%D8%B1%D9%83%D8%A8%D8%A7%D8%AA/%D9%85%D8%B9%D8%AF%D9%86.jpg") center / cover, #b9bec5; --th-work-ink:#1d2126; --th-work-muted:#4b525a;
}
html.skin-cars #sidebar #sbSearchWrap{background:rgba(255,255,255,.62) !important; border-color:rgba(0,0,0,.18) !important;}
html.skin-cars #sidebar #sbSearch{color:#1d2126 !important;}
/* كما في صورة المالك (أمره: «وهذي بعد»): السيارة المتوهّجة خلفيّة المحادثة دائمًا — لا في البداية وحدها (أمره بعدها: «صورة السيارة
   غير موجودة الخلفيّة» — كانت تختفي مع أوّل رسالة) — في وسط اللوحة تحت الفقاعات كصور ثيمات المشهد (screen يُذيب خلفيّتها
   الداكنة في الكربون، والقناع يُخفي حوافّ مستطيلها)، ولسان فضّيّ أعلى اللوحة الوسطى، وإطار فضّيّ حول خانة الكتابة */
html.skin-cars #chatcol::before{content:""; position:absolute; z-index:0; pointer-events:none; top:44%; left:50%; transform:translate(-50%,-50%); width:min(100%,640px); aspect-ratio:600/352; background:url("../assets/%D8%AB%D9%8A%D9%85%D8%A7%D8%AA/%D9%85%D8%B1%D9%83%D8%A8%D8%A7%D8%AA/%D8%B3%D9%8A%D8%A7%D8%B1%D8%A9.jpg?v=2") center / contain no-repeat; mix-blend-mode:screen; -webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 50%, #000 62%, transparent 100%); mask-image:radial-gradient(ellipse 50% 50% at 50% 50%, #000 62%, transparent 100%);}
html.skin-cars:not(.mobile-ui) #omFrameCenter::before{content:""; position:absolute; z-index:1; pointer-events:none; top:5px; left:50%; transform:translateX(-50%); width:190px; height:15px; background:linear-gradient(180deg,#f6f8fa,#b9bfc6 55%,#8d949c); clip-path:polygon(0 0, 100% 0, 91% 100%, 9% 100%);}
html.skin-cars #composerBox{border:3px solid transparent !important; background:linear-gradient(180deg,#26292e,#1b1d21) padding-box, linear-gradient(180deg,#f4f6f8,#8e959d 50%,#d7dbe0) border-box !important;}
html.skin-cars #sidebar #sbSearch::placeholder, html.skin-cars #sidebar #sbSearchWrap{color:#4b525a !important;}
/* أطفال: ألوان باستيل، خانات ملوّنة بالتناوب، وأحجية في البداية (صورة المالك) */
html.skin-kids{
  --th-scheme:light; --th-page:#efe9fb; --th-layer:linear-gradient(135deg,#ece6fc 0%,#fde6ef 50%,#e1f2fc 100%);
  --th-ink:#3b3355; --th-muted:#5f5878; --th-gold:#ff7a6b; --th-line:rgba(155,123,224,.45); --th-line2:rgba(155,123,224,.2); --th-glow:rgba(255,122,107,.3);
  --th-dlg:#fffaf3; --th-dlg2:#f6efff;
  --th-side:radial-gradient(circle, rgba(255,170,120,.18) 1.6px, transparent 2px) 0 0 / 18px 18px, #fff7ea;
  --th-tile:#fff; --th-tile-line:rgba(155,123,224,.25); --th-tile-r:14px; --th-tile-shadow:0 3px 0 rgba(155,123,224,.18); --th-thumb:rgba(255,255,255,.7);
  --th-btn:linear-gradient(160deg,#ff9a8b,#ff6f61); --th-btn-ink:#2a2142; --th-btn-shadow:0 3px 0 #e2574a;
  --th-field:#fff; --th-field-line:rgba(155,123,224,.35);
  --th-user:#ffe9c7; --th-user-line:rgba(255,170,90,.5); --th-ai:rgba(255,255,255,.92); --th-ai-line:rgba(155,123,224,.2); --th-bubble-shadow:0 3px 10px rgba(120,100,180,.12);
  --th-work:linear-gradient(180deg,#f6f9ff,#eef4ff);
  /* v-theme-contrast */ --th-on-accent:#fff; --th-side-muted:#6c6485; --th-ai-muted:#6c6485; --th-link:#c63a2c; --th-accent-ink:#b83a2e; --th-spark:#d03a2c; --th-tool-label:#ffb3a8;
}
html.skin-kids .hist-item:nth-child(4n+1){--th-tile:#ffe4e0;}
html.skin-kids .hist-item:nth-child(4n+2){--th-tile:#dff5f2;}
html.skin-kids .hist-item:nth-child(4n+3){--th-tile:#ece6fc;}
html.skin-kids .hist-item:nth-child(4n+4){--th-tile:#fff1cf;}
/* طهي: باستيل قزحيّ ناعم وذهب ورديّ (صورة المالك)، وأدوات مطبخ مرسومة في البداية */
html.skin-cuisine{
  --th-scheme:light; --th-page:#f5eef0;
  --th-layer:radial-gradient(60% 50% at 15% 10%, #f9d9d1, transparent 70%), radial-gradient(55% 45% at 85% 20%, #dff0e6, transparent 70%), radial-gradient(60% 55% at 70% 90%, #e9def7, transparent 70%), radial-gradient(50% 50% at 20% 85%, #fde9d6, transparent 70%), #f7f1ee;
  --th-ink:#4a3a3d; --th-muted:#735f63; --th-gold:#c48b7c; --th-line:rgba(196,139,124,.5); --th-line2:rgba(196,139,124,.22); --th-glow:rgba(196,139,124,.3);
  --th-dlg:#fff8f6; --th-dlg2:#f7eeee; --th-side:linear-gradient(180deg,#fff6f2,#f7eefa);
  --th-tile:linear-gradient(120deg,#fde9e4,#f3eefc 55%,#e6f6ef); --th-tile-line:rgba(196,139,124,.3); --th-tile-r:14px; --th-tile-shadow:0 2px 6px rgba(150,100,90,.12); --th-thumb:rgba(255,255,255,.7);
  --th-btn:radial-gradient(circle at 35% 30%,#fbe3dc,#d9a293 50%,#b07466); --th-btn-ink:#3d242b; --th-btn-shadow:0 3px 8px rgba(150,100,90,.3);
  --th-field:rgba(255,255,255,.88); --th-field-line:rgba(196,139,124,.35);
  --th-user:linear-gradient(120deg,#fde3dc,#f6e9fb); --th-user-line:rgba(196,139,124,.35); --th-ai:rgba(255,255,255,.9); --th-bubble-shadow:0 3px 10px rgba(150,100,90,.1);
  --th-work:linear-gradient(160deg,#fbf3f1,#f1f5f3);
  /* v-theme-contrast */ --th-on-accent:#fff; --th-side-muted:#735f63; --th-field-muted:#735f63; --th-ai-muted:#735f63; --th-over:#3f3033; --th-over-muted:#665559; --th-link:#9c5544; --th-accent-ink:#995645; --th-spark:#884d3d; --th-tool-label:#f0c2b6;
}
/* غروب: صورة المالك، قائمة زجاج دافئ وخانات كريميّة عليها السعف */
html.skin-sunset{
  --th-page:#3a1f24; --th-scene:url("../assets/%D8%AB%D9%8A%D9%85%D8%A7%D8%AA/%D8%BA%D8%B1%D9%88%D8%A8/%D9%85%D8%B4%D9%87%D8%AF.jpg?v=2"); --th-pos:100% 50%; --th-pos-m:88% 50%;
  --th-veil:linear-gradient(180deg, rgba(40,10,30,.16), transparent 30%, transparent 70%, rgba(40,10,20,.22));
  --th-ink:#fff6ee; --th-muted:#f0d4c1; --th-over:#fff8f1; --th-over-muted:#ffe8d8; --th-over-shadow:0 1px 3px rgba(60,20,20,.6); --th-over-drop:drop-shadow(0 1px 2px rgba(60,20,20,.6));
  --th-gold:#f6c27a; --th-line:rgba(255,226,190,.7); --th-line2:rgba(255,226,190,.3); --th-glow:rgba(246,194,122,.4);
  --th-dlg:#2c1b22; --th-dlg2:#3a2430;
  --th-side:linear-gradient(180deg, rgba(160,76,52,.88), rgba(140,58,42,.88)); --th-side-ink:#fff7ef; --th-side-muted:#fff0e4;
  --th-tile:url("../assets/%D8%AB%D9%8A%D9%85%D8%A7%D8%AA/%D8%BA%D8%B1%D9%88%D8%A8/%D8%B3%D8%B9%D9%81.jpg") center / cover, #f6e6cc; --th-tile-line:rgba(150,96,50,.35); --th-tile-ink:#4a2c1c; --th-thumb:rgba(255,255,255,.5); --th-tile-shadow:0 3px 8px rgba(90,30,20,.25);
  --th-btn:linear-gradient(160deg,#ffd9a0,#f08c5a); --th-btn-ink:#4a1f10;
  --th-field:rgba(255,248,238,.93); --th-field-line:rgba(255,226,190,.85); --th-field-ink:#4a2c1c; --th-field-muted:#7f604e;
  --th-user:rgba(255,246,234,.94); --th-user-line:rgba(255,226,190,.9); --th-user-ink:#4a2c1c;
  --th-ai:rgba(255,250,244,.93); --th-ai-line:rgba(255,226,190,.6); --th-ai-ink:#3b241a;
  --th-work:linear-gradient(180deg, rgba(120,60,80,.42), rgba(80,40,60,.55));
  /* v-theme-contrast */ --th-ai-muted:#7a5644; --th-link:#9c5f0b; --th-spark:#fae0bb;
}
/* شاطئ: صورة المالك، زجاج فيروزيّ فاتح وخانات رمل بإطار فيروزيّ */
html.skin-beach{
  --th-scheme:light; --th-page:#bfe3e6; --th-scene:url("../assets/%D8%AB%D9%8A%D9%85%D8%A7%D8%AA/%D8%B4%D8%A7%D8%B7%D8%A6/%D9%85%D8%B4%D9%87%D8%AF.jpg?v=2"); --th-pos:45% 50%; --th-pos-m:52% 50%;
  --th-ink:#0f3a46; --th-muted:#355b65; --th-over:#0b3340; --th-over-muted:#1f4f5c; --th-over-shadow:0 1px 2px rgba(255,255,255,.75); --th-over-drop:drop-shadow(0 1px 1px rgba(255,255,255,.8));
  --th-gold:#1a9da2; --th-line:rgba(255,255,255,.8); --th-line2:rgba(255,255,255,.38); --th-glow:rgba(26,157,162,.3);
  --th-dlg:#f2fbfa; --th-dlg2:#dff2f0;
  --th-side:linear-gradient(180deg, rgba(214,240,238,.72), rgba(178,224,221,.8));
  --th-tile:url("../assets/%D8%AB%D9%8A%D9%85%D8%A7%D8%AA/%D8%B4%D8%A7%D8%B7%D8%A6/%D8%B1%D9%85%D9%84.jpg") center / cover, #f1e4c8; --th-tile-line:#3fa9a8; --th-tile-ink:#3b3020; --th-thumb:rgba(255,255,255,.55); --th-tile-shadow:0 2px 5px rgba(20,90,100,.2);
  --th-btn:linear-gradient(160deg,#5ad1cf,#1a9da2); --th-btn-ink:#0b2a2c;
  --th-field:rgba(255,255,255,.93); --th-field-line:#3fa9a8;
  --th-user:rgba(255,255,255,.93); --th-user-line:rgba(63,169,168,.6); --th-ai:rgba(255,255,255,.9); --th-ai-line:rgba(255,255,255,.95); --th-bubble-shadow:0 4px 14px rgba(20,80,100,.15);
  --th-work:rgba(225,245,244,.55);
  /* v-theme-contrast */ --th-on-accent:#fff; --th-side-muted:#355b65; --th-link:#127075; --th-accent-ink:#127075; --th-spark:#0e5a5d; --th-tool-label:#8fe0de;
}
/* شتاء: صورة المالك، زجاج رماديّ باهت وخانات صقيع */
html.skin-winter{
  --th-scheme:light; --th-page:#c9d1da; --th-scene:url("../assets/%D8%AB%D9%8A%D9%85%D8%A7%D8%AA/%D8%B4%D8%AA%D8%A7%D8%A1/%D9%85%D8%B4%D9%87%D8%AF.jpg?v=2"); --th-pos:90% 50%; --th-pos-m:66% 50%;
  --th-ink:#1c2834; --th-muted:#4e5d6c; --th-over:#172330; --th-over-muted:#2e3d4c; --th-over-shadow:0 1px 2px rgba(255,255,255,.75); --th-over-drop:drop-shadow(0 1px 1px rgba(255,255,255,.8));
  --th-gold:#4f7396; --th-line:rgba(255,255,255,.85); --th-line2:rgba(255,255,255,.4); --th-glow:rgba(79,115,150,.3);
  --th-dlg:#f1f4f8; --th-dlg2:#e1e7ee;
  --th-side:linear-gradient(180deg, rgba(196,206,216,.64), rgba(160,172,184,.74)); --th-side-ink:#16222d; --th-side-muted:#3b4a59;
  --th-tile:url("../assets/%D8%AB%D9%8A%D9%85%D8%A7%D8%AA/%D8%B4%D8%AA%D8%A7%D8%A1/%D8%B5%D9%82%D9%8A%D8%B9.jpg") center / cover, #e6edf3; --th-tile-line:rgba(255,255,255,.9); --th-thumb:rgba(255,255,255,.6); --th-tile-shadow:0 2px 6px rgba(40,60,80,.2);
  --th-btn:linear-gradient(160deg,#8fb1d1,#4f7396); --th-btn-ink:#080d13;
  --th-field:rgba(255,255,255,.9); --th-field-line:rgba(255,255,255,.95);
  --th-user:rgba(255,255,255,.92); --th-user-line:rgba(79,115,150,.4); --th-ai:rgba(250,252,255,.9); --th-ai-line:rgba(255,255,255,.95); --th-bubble-shadow:0 4px 14px rgba(40,60,80,.14);
  --th-work:rgba(230,236,242,.55);
  /* v-theme-contrast */ --th-on-accent:#fff; --th-link:#466686; --th-accent-ink:#466686; --th-spark:#3f5f7e; --th-tool-label:#a9c4de;
}
/* كراج: شاشة الترحيب الأولى بلا كتابتها، كربون وأحمر */
html.skin-garage{
  --th-page:#0b0b0d; --th-scene:url("../assets/%D8%AB%D9%8A%D9%85%D8%A7%D8%AA/%D9%83%D8%B1%D8%A7%D8%AC/%D9%85%D8%B4%D9%87%D8%AF.jpg?v=2"); --th-pos:50% 50%; --th-pos-m:62% 50%; --th-veil:rgba(0,0,0,.12);
  --th-ink:#f2f2f4; --th-muted:#a9a9b2; --th-over:#fff; --th-over-shadow:0 1px 3px rgba(0,0,0,.75); --th-over-drop:drop-shadow(0 1px 2px rgba(0,0,0,.7));
  --th-gold:#ff3b3b; --th-line:rgba(255,70,70,.55); --th-line2:rgba(255,255,255,.12); --th-glow:rgba(255,59,59,.3);
  --th-dlg:#141416; --th-dlg2:#1e1e22;
  --th-side:repeating-linear-gradient(45deg, rgba(22,22,25,.9) 0 4px, rgba(31,31,35,.9) 4px 8px);
  --th-tile:linear-gradient(180deg,#26262b,#18181b); --th-tile-line:rgba(255,59,59,.35); --th-tile-shadow:0 0 10px rgba(255,40,40,.08), 0 2px 6px rgba(0,0,0,.5);
  --th-btn:linear-gradient(160deg,#d33339,#a3141a); --th-btn-ink:#fff;
  --th-field:rgba(18,18,20,.9); --th-field-line:rgba(255,59,59,.45);
  --th-user:rgba(30,30,34,.92); --th-user-line:rgba(255,59,59,.5); --th-ai:rgba(12,12,14,.88);
  --th-work:rgba(12,12,14,.62);
  /* v-theme-contrast */ --th-on-accent:#1e1e24;
}
/* أنمي: شاشة الترحيب الثانية، بنفسجيّ داكن ووهج ورديّ */
html.skin-anime{
  --th-page:#120b1f; --th-scene:url("../assets/%D8%AB%D9%8A%D9%85%D8%A7%D8%AA/%D8%A3%D9%86%D9%85%D9%8A/%D9%85%D8%B4%D9%87%D8%AF.jpg?v=2"); --th-pos:50% 50%; --th-pos-m:50% 50%; --th-veil:rgba(10,4,24,.12);
  --th-ink:#f6ecff; --th-muted:#c6b2e0; --th-over:#fff; --th-over-shadow:0 1px 3px rgba(10,0,30,.75); --th-over-drop:drop-shadow(0 1px 2px rgba(10,0,30,.7));
  --th-gold:#ff5fa2; --th-line:rgba(255,95,162,.6); --th-line2:rgba(155,107,255,.3); --th-glow:rgba(255,95,162,.3);
  --th-dlg:#1a1128; --th-dlg2:#24183a;
  --th-side:linear-gradient(180deg, rgba(36,20,62,.82), rgba(22,12,40,.88));
  --th-tile:linear-gradient(90deg,#2b1948,#1d1233); --th-tile-line:rgba(155,107,255,.45); --th-tile-shadow:0 0 12px rgba(255,95,162,.12), 0 2px 6px rgba(0,0,0,.4);
  --th-btn:linear-gradient(160deg,#ff7ab6,#9b6bff); --th-btn-ink:#24163e;
  --th-field:rgba(24,14,42,.9); --th-field-line:rgba(255,95,162,.45);
  --th-user:rgba(48,26,80,.92); --th-user-line:rgba(255,95,162,.5); --th-ai:rgba(18,10,32,.88);
  --th-work:rgba(20,10,36,.6);
  /* v-theme-contrast */ --th-on-accent:#24163e;
}
/* أمن سيبرانيّ: شاشة الترحيب الثالثة، كحليّ وسماويّ */
html.skin-cyber{
  --th-page:#040b14; --th-scene:url("../assets/%D8%AB%D9%8A%D9%85%D8%A7%D8%AA/%D8%A3%D9%85%D9%86-%D8%B3%D9%8A%D8%A8%D8%B1%D8%A7%D9%86%D9%8A/%D9%85%D8%B4%D9%87%D8%AF.jpg?v=2"); --th-pos:50% 50%; --th-pos-m:40% 50%;
  --th-ink:#dcf6ff; --th-muted:#8fb3c4; --th-over:#e8fbff; --th-over-shadow:0 1px 3px rgba(0,8,20,.8); --th-over-drop:drop-shadow(0 1px 2px rgba(0,8,20,.8));
  --th-gold:#22d3ee; --th-line:rgba(34,211,238,.55); --th-line2:rgba(34,211,238,.2); --th-glow:rgba(34,211,238,.3);
  --th-dlg:#07121e; --th-dlg2:#0c1b2c;
  --th-side:linear-gradient(180deg, rgba(6,18,34,.86), rgba(3,10,20,.9));
  --th-tile:linear-gradient(180deg,#0b1e33,#081626); --th-tile-line:rgba(34,211,238,.35); --th-tile-shadow:0 0 10px rgba(34,211,238,.08), 0 2px 6px rgba(0,0,0,.4);
  --th-btn:linear-gradient(160deg,#4fe3f6,#0e8fb0); --th-btn-ink:#021018;
  --th-field:rgba(5,14,26,.9); --th-field-line:rgba(34,211,238,.45);
  --th-user:rgba(10,30,50,.92); --th-user-line:rgba(34,211,238,.5); --th-ai:rgba(4,12,22,.88);
  --th-work:rgba(4,12,22,.62);
}
/* فصل: شاشة الترحيب الرابعة، قائمة سبّورة خضراء وخانات ورق مسطّر وخردليّ */
html.skin-school{
  --th-page:#1b231e; --th-scene:url("../assets/%D8%AB%D9%8A%D9%85%D8%A7%D8%AA/%D9%81%D8%B5%D9%84/%D9%85%D8%B4%D9%87%D8%AF.jpg?v=2"); --th-pos:100% 50%; --th-pos-m:65% 50%;
  --th-ink:#f6f1e3; --th-muted:#c9c0a8; --th-over:#fffaf0; --th-over-shadow:0 1px 3px rgba(20,14,6,.75); --th-over-drop:drop-shadow(0 1px 2px rgba(20,14,6,.7));
  --th-gold:#e3b341; --th-line:rgba(227,179,65,.6); --th-line2:rgba(255,255,255,.15); --th-glow:rgba(227,179,65,.3);
  --th-dlg:#1d2b24; --th-dlg2:#263a30;
  --th-side:radial-gradient(120% 80% at 30% 20%, rgba(255,255,255,.06), transparent 60%), linear-gradient(180deg, rgba(42,66,54,.94), rgba(29,48,39,.95)); --th-side-ink:#f4f1e4;
  --th-tile:repeating-linear-gradient(180deg, transparent 0 11px, rgba(70,110,190,.3) 11px 12px), linear-gradient(270deg, transparent 18px, rgba(214,70,70,.5) 18px 19px, transparent 19px), #fbf7ea;
  --th-tile-ink:#2b2a26; --th-tile-line:rgba(0,0,0,.15); --th-tile-r:6px; --th-thumb:rgba(255,255,255,.7); --th-tile-shadow:0 2px 4px rgba(0,0,0,.35);
  --th-btn:linear-gradient(160deg,#f0c75e,#c9922a); --th-btn-ink:#2b1d02;
  --th-field:rgba(251,247,234,.94); --th-field-line:rgba(227,179,65,.6); --th-field-ink:#2b2a26; --th-field-muted:#6a6354;
  --th-user:rgba(251,247,234,.94); --th-user-line:rgba(227,179,65,.6); --th-user-ink:#2b2a26;
  --th-ai:rgba(24,36,30,.9); --th-ai-line:rgba(255,255,255,.15);
  --th-work:rgba(29,48,39,.66);
}

/* ══ v-themes-ten (المالك ٩ أكتوبر: «عطني ١٠ أشكال جديدة: أنمي ٤ وسيارات ٣ ودراسيّة ٣… شي مرتّب وواضح ونفس الثيمات الموجودة»)
   عشر ثيمات مشهد من صور المالك (assets/ثيمات/<المجلّد>/مشهد.jpg، موضَّحة ٢٥٦٠ بكسل بـReal-ESRGAN محلّيًّا)، على نسق «أنمي» (داكن) و«شاطئ» (فاتح). ══ */
/* أنمي قتاليّ: قرمزيّ وأسود */
html.skin-tactical{
  --th-page:#7a0f2e; --th-scene:url("../assets/%D8%AB%D9%8A%D9%85%D8%A7%D8%AA/%D8%A3%D9%86%D9%85%D9%8A-%D9%82%D8%AA%D8%A7%D9%84%D9%8A/%D9%85%D8%B4%D9%87%D8%AF.jpg?v=3"); --th-pos:50% 50%; --th-pos-m:40% 50%; --th-veil:rgba(60,0,20,.14);
  --th-ink:#f4f1ee; --th-muted:#cfc8c0; --th-over:#fff; --th-over-shadow:0 1px 3px rgba(0,0,0,.75); --th-over-drop:drop-shadow(0 1px 2px rgba(0,0,0,.7));
  --th-gold:#ff3d7a; --th-line:rgba(255,61,122,.6); --th-line2:rgba(255,61,122,.3); --th-glow:rgba(255,61,122,.3);
  --th-dlg:#2a0a16; --th-dlg2:#3a1020;
  --th-side:linear-gradient(180deg, rgba(70,6,30,.84), rgba(40,2,16,.9));
  --th-tile:linear-gradient(90deg,#4a0d24,#2e0816); --th-tile-line:rgba(255,61,122,.45); --th-tile-shadow:0 0 12px rgba(255,61,122,.12), 0 2px 6px rgba(0,0,0,.4);
  --th-btn:linear-gradient(160deg,#cc366a,#a50d35); --th-btn-ink:#fff;
  --th-field:rgba(40,4,18,.9); --th-field-line:rgba(255,61,122,.45);
  --th-user:rgba(80,10,36,.92); --th-user-line:rgba(255,61,122,.5); --th-ai:rgba(26,4,14,.88);
  --th-work:rgba(40,6,22,.6);
  /* v-theme-contrast */ --th-on-accent:#3a0716; --th-spark:#ffc0d4;
}
/* ملاك الجليد: أبيض وأزرق ثلجيّ */
html.skin-angel{
  --th-scheme:light; --th-page:#c9d8ea; --th-scene:url("../assets/%D8%AB%D9%8A%D9%85%D8%A7%D8%AA/%D9%85%D9%84%D8%A7%D9%83/%D9%85%D8%B4%D9%87%D8%AF.jpg?v=3"); --th-pos:50% 50%; --th-pos-m:50% 50%;
  --th-ink:#14243a; --th-muted:#3e5572; --th-over:#0f1e33; --th-over-muted:#2b3f5c; --th-over-shadow:0 1px 2px rgba(255,255,255,.75); --th-over-drop:drop-shadow(0 1px 1px rgba(255,255,255,.8));
  --th-gold:#2f6fcf; --th-line:rgba(255,255,255,.8); --th-line2:rgba(255,255,255,.38); --th-glow:rgba(47,111,207,.3);
  --th-dlg:#f3f7fc; --th-dlg2:#e2ebf7;
  --th-side:linear-gradient(180deg, rgba(226,236,248,.74), rgba(196,214,236,.82));
  --th-tile:linear-gradient(90deg,#f4f8ff,#dfe9f7); --th-tile-line:rgba(47,111,207,.45); --th-tile-ink:#14243a; --th-thumb:rgba(255,255,255,.55); --th-tile-shadow:0 2px 5px rgba(0,0,0,.15);
  --th-btn:linear-gradient(160deg,#6aa6ff,#2f6fcf); --th-btn-ink:#070d18;
  --th-field:rgba(255,255,255,.93); --th-field-line:rgba(47,111,207,.5);
  --th-user:rgba(255,255,255,.93); --th-user-line:rgba(47,111,207,.6); --th-ai:rgba(255,255,255,.9); --th-ai-line:rgba(255,255,255,.95); --th-bubble-shadow:0 4px 14px rgba(0,0,0,.12);
  --th-work:rgba(226,236,248,.55);
  /* v-theme-contrast */ --th-on-accent:#fff; --th-link:#2a63b8; --th-accent-ink:#2a63b8; --th-spark:#14243a; --th-tool-label:#9cc0f5;
}
/* أنمي نيون: أسود وفيروزيّ وأحمر */
html.skin-neonanime{
  --th-page:#050607; --th-scene:url("../assets/%D8%AB%D9%8A%D9%85%D8%A7%D8%AA/%D8%A3%D9%86%D9%85%D9%8A-%D9%86%D9%8A%D9%88%D9%86/%D9%85%D8%B4%D9%87%D8%AF.jpg?v=2"); --th-pos:50% 50%; --th-pos-m:75% 50%; --th-veil:rgba(0,0,0,.1);
  --th-ink:#e6f7f5; --th-muted:#9fc9c4; --th-over:#fff; --th-over-shadow:0 1px 3px rgba(0,0,0,.75); --th-over-drop:drop-shadow(0 1px 2px rgba(0,0,0,.7));
  --th-gold:#2fe6d6; --th-line:rgba(47,230,214,.6); --th-line2:rgba(255,45,85,.3); --th-glow:rgba(47,230,214,.3);
  --th-dlg:#0e1416; --th-dlg2:#152022;
  --th-side:linear-gradient(180deg, rgba(10,14,16,.86), rgba(4,6,8,.92));
  --th-tile:linear-gradient(90deg,#0f2a2a,#0a1416); --th-tile-line:rgba(47,230,214,.45); --th-tile-shadow:0 0 12px rgba(47,230,214,.12), 0 2px 6px rgba(0,0,0,.4);
  --th-btn:linear-gradient(160deg,#45f0e0,#ff2d55); --th-btn-ink:#061412;
  --th-field:rgba(8,14,16,.9); --th-field-line:rgba(47,230,214,.45);
  --th-user:rgba(14,40,40,.9); --th-user-line:rgba(47,230,214,.5); --th-ai:rgba(6,8,10,.88);
  --th-work:rgba(8,12,14,.6);
  /* v-theme-contrast */ --th-on-accent:#061412;
}
/* محطّة المستقبل: فولاذ رماديّ وأصفر صناعيّ */
html.skin-station{
  --th-page:#3a3f44; --th-scene:url("../assets/%D8%AB%D9%8A%D9%85%D8%A7%D8%AA/%D9%85%D8%AD%D8%B7%D9%91%D8%A9/%D9%85%D8%B4%D9%87%D8%AF.jpg?v=3"); --th-pos:50% 50%; --th-pos-m:60% 50%; --th-veil:rgba(20,24,28,.18);
  --th-ink:#eef0f2; --th-muted:#b8bec4; --th-over:#fff; --th-over-shadow:0 1px 3px rgba(0,0,0,.75); --th-over-drop:drop-shadow(0 1px 2px rgba(0,0,0,.7));
  --th-gold:#f2b43c; --th-line:rgba(242,180,60,.6); --th-line2:rgba(242,180,60,.3); --th-glow:rgba(242,180,60,.3);
  --th-dlg:#1f2428; --th-dlg2:#2a3036;
  --th-side:linear-gradient(180deg, rgba(44,50,56,.84), rgba(26,30,34,.9));
  --th-tile:linear-gradient(90deg,#3b4249,#272c31); --th-tile-line:rgba(242,180,60,.45); --th-tile-shadow:0 0 12px rgba(242,180,60,.12), 0 2px 6px rgba(0,0,0,.4);
  --th-btn:linear-gradient(160deg,#ffcc5a,#d9901c); --th-btn-ink:#2a2e33;
  --th-field:rgba(28,32,36,.9); --th-field-line:rgba(242,180,60,.45);
  --th-user:rgba(50,56,62,.9); --th-user-line:rgba(242,180,60,.5); --th-ai:rgba(22,26,30,.88);
  --th-work:rgba(30,34,38,.6);
  /* v-theme-contrast */ --th-on-accent:#2a2e33; --th-spark:#2a2e33;
}
/* سباق مطر: زيتونيّ وبرتقاليّ (الفيراري) */
html.skin-rally{
  --th-page:#5a5440; --th-scene:url("../assets/%D8%AB%D9%8A%D9%85%D8%A7%D8%AA/%D8%B3%D8%A8%D8%A7%D9%82/%D9%85%D8%B4%D9%87%D8%AF.jpg?v=2"); --th-pos:50% 50%; --th-pos-m:55% 50%; --th-veil:rgba(40,36,24,.16);
  --th-ink:#f6f1e6; --th-muted:#cfc6b2; --th-over:#fff; --th-over-shadow:0 1px 3px rgba(0,0,0,.75); --th-over-drop:drop-shadow(0 1px 2px rgba(0,0,0,.7));
  --th-gold:#ff6a2e; --th-line:rgba(255,106,46,.6); --th-line2:rgba(255,106,46,.3); --th-glow:rgba(255,106,46,.3);
  --th-dlg:#2c2920; --th-dlg2:#3a362a;
  --th-side:linear-gradient(180deg, rgba(70,64,48,.84), rgba(44,40,30,.9));
  --th-tile:linear-gradient(90deg,#4a4536,#302d22); --th-tile-line:rgba(255,106,46,.45); --th-tile-shadow:0 0 12px rgba(255,106,46,.12), 0 2px 6px rgba(0,0,0,.4);
  --th-btn:linear-gradient(160deg,#ff8a55,#d94a14); --th-btn-ink:#1b1913;
  --th-field:rgba(40,36,26,.9); --th-field-line:rgba(255,106,46,.45);
  --th-user:rgba(74,60,40,.9); --th-user-line:rgba(255,106,46,.5); --th-ai:rgba(30,28,20,.88);
  --th-work:rgba(40,36,26,.6);
  /* v-theme-contrast */ --th-on-accent:#1b1913; --th-accent-ink:#ff7a45; --th-spark:#7a2400;
}
/* دخان أزرق: ليل كحليّ وأزرق متوهّج (البوغاتي) */
html.skin-smoke{
  --th-page:#071a33; --th-scene:url("../assets/%D8%AB%D9%8A%D9%85%D8%A7%D8%AA/%D8%AF%D8%AE%D8%A7%D9%86/%D9%85%D8%B4%D9%87%D8%AF.jpg?v=3"); --th-pos:50% 50%; --th-pos-m:50% 50%; --th-veil:rgba(0,10,30,.14);
  --th-ink:#f4f1ee; --th-muted:#cfc8c0; --th-over:#fff; --th-over-shadow:0 1px 3px rgba(0,0,0,.75); --th-over-drop:drop-shadow(0 1px 2px rgba(0,0,0,.7));
  --th-gold:#4fb8ff; --th-line:rgba(79,184,255,.6); --th-line2:rgba(79,184,255,.3); --th-glow:rgba(79,184,255,.3);
  --th-dlg:#0b1a30; --th-dlg2:#12264a;
  --th-side:linear-gradient(180deg, rgba(10,30,60,.84), rgba(4,16,36,.9));
  --th-tile:linear-gradient(90deg,#143a66,#0c2140); --th-tile-line:rgba(79,184,255,.45); --th-tile-shadow:0 0 12px rgba(79,184,255,.12), 0 2px 6px rgba(0,0,0,.4);
  --th-btn:linear-gradient(160deg,#7ccfff,#1f7fd6); --th-btn-ink:#092243;
  --th-field:rgba(8,20,40,.9); --th-field-line:rgba(79,184,255,.45);
  --th-user:rgba(16,44,80,.9); --th-user-line:rgba(79,184,255,.5); --th-ai:rgba(6,14,28,.88);
  --th-work:rgba(8,20,40,.6);
  /* v-theme-contrast */ --th-on-accent:#092243; --th-spark:#00406c;
}
/* مكتبة: أبيض وفيروزيّ فاتح (مكتبة شتوتغارت) */
html.skin-library{
  --th-scheme:light; --th-page:#cfeef0; --th-scene:url("../assets/%D8%AB%D9%8A%D9%85%D8%A7%D8%AA/%D9%85%D9%83%D8%AA%D8%A8%D8%A9/%D9%85%D8%B4%D9%87%D8%AF.jpg?v=3"); --th-pos:50% 50%; --th-pos-m:50% 50%;
  --th-ink:#0f3a46; --th-muted:#3f6b77; --th-over:#0b3340; --th-over-muted:#1f4f5c; --th-over-shadow:0 1px 2px rgba(255,255,255,.75); --th-over-drop:drop-shadow(0 1px 1px rgba(255,255,255,.8));
  --th-gold:#17a2b0; --th-line:rgba(255,255,255,.8); --th-line2:rgba(255,255,255,.38); --th-glow:rgba(23,162,176,.3);
  --th-dlg:#f2fbfb; --th-dlg2:#dff3f4;
  --th-side:linear-gradient(180deg, rgba(228,246,247,.74), rgba(196,232,235,.82));
  --th-tile:linear-gradient(90deg,#f6fdfd,#dff3f4); --th-tile-line:rgba(23,162,176,.45); --th-tile-ink:#0f3a46; --th-thumb:rgba(255,255,255,.55); --th-tile-shadow:0 2px 5px rgba(0,0,0,.15);
  --th-btn:linear-gradient(160deg,#4fd0da,#17a2b0); --th-btn-ink:#103133;
  --th-field:rgba(255,255,255,.93); --th-field-line:rgba(23,162,176,.5);
  --th-user:rgba(255,255,255,.93); --th-user-line:rgba(23,162,176,.6); --th-ai:rgba(255,255,255,.9); --th-ai-line:rgba(255,255,255,.95); --th-bubble-shadow:0 4px 14px rgba(0,0,0,.12);
  --th-work:rgba(228,246,247,.55);
  /* v-theme-contrast */ --th-on-accent:#fff; --th-side-muted:#355a64; --th-link:#0f6d76; --th-accent-ink:#0f6d76; --th-spark:#f2fbfb; --th-tool-label:#8fe3ea;
}
html.skin-library.mobile-ui{--th-spark:#0f3a46;} /* v-theme-contrast: الشرارة فوق موضع آخر من المشهد على الجوّال */

/* مقهى: بيج دافئ وذهبيّ (قهوة ودفتر) */
html.skin-cafe{
  --th-scheme:light; --th-page:#e8d8c2; --th-scene:url("../assets/%D8%AB%D9%8A%D9%85%D8%A7%D8%AA/%D9%85%D9%82%D9%87%D9%89/%D9%85%D8%B4%D9%87%D8%AF.jpg?v=3"); --th-pos:50% 50%; --th-pos-m:45% 50%;
  --th-ink:#4a3620; --th-muted:#7a6448; --th-over:#3a2a16; --th-over-muted:#5a4630; --th-over-shadow:0 1px 2px rgba(255,255,255,.75); --th-over-drop:drop-shadow(0 1px 1px rgba(255,255,255,.8));
  --th-gold:#b8863c; --th-line:rgba(255,255,255,.8); --th-line2:rgba(255,255,255,.38); --th-glow:rgba(184,134,60,.3);
  --th-dlg:#fbf5ec; --th-dlg2:#f1e6d6;
  --th-side:linear-gradient(180deg, rgba(248,238,224,.76), rgba(232,214,190,.84));
  --th-tile:linear-gradient(90deg,#fff8ee,#efe2cf); --th-tile-line:rgba(184,134,60,.45); --th-tile-ink:#4a3620; --th-thumb:rgba(255,255,255,.55); --th-tile-shadow:0 2px 5px rgba(0,0,0,.15);
  --th-btn:linear-gradient(160deg,#e0b25c,#b8863c); --th-btn-ink:#33260f;
  --th-field:rgba(255,255,255,.93); --th-field-line:rgba(184,134,60,.5);
  --th-user:rgba(255,255,255,.93); --th-user-line:rgba(184,134,60,.6); --th-ai:rgba(255,255,255,.9); --th-ai-line:rgba(255,255,255,.95); --th-bubble-shadow:0 4px 14px rgba(0,0,0,.12);
  --th-work:rgba(248,238,224,.55);
  /* v-theme-contrast */ --th-on-accent:#fff; --th-side-muted:#554631; --th-link:#7f5c29; --th-accent-ink:#7f5c29; --th-spark:#3a2a16; --th-tool-label:#ecc488;
}
/* ورشة ليليّة: كحليّ وبنفسجيّ وشاشات (الغرفة التقنيّة) */
html.skin-workshop{
  --th-page:#1a1830; --th-scene:url("../assets/%D8%AB%D9%8A%D9%85%D8%A7%D8%AA/%D9%88%D8%B1%D8%B4%D8%A9/%D9%85%D8%B4%D9%87%D8%AF.jpg?v=3"); --th-pos:50% 50%; --th-pos-m:35% 50%; --th-veil:rgba(10,8,30,.14);
  --th-ink:#f4f1ee; --th-muted:#cfc8c0; --th-over:#fff; --th-over-shadow:0 1px 3px rgba(0,0,0,.75); --th-over-drop:drop-shadow(0 1px 2px rgba(0,0,0,.7));
  --th-gold:#9b8cff; --th-line:rgba(155,140,255,.6); --th-line2:rgba(155,140,255,.3); --th-glow:rgba(155,140,255,.3);
  --th-dlg:#1c1a34; --th-dlg2:#262246;
  --th-side:linear-gradient(180deg, rgba(34,30,66,.84), rgba(20,18,40,.9));
  --th-tile:linear-gradient(90deg,#2e2a58,#1e1a3a); --th-tile-line:rgba(155,140,255,.45); --th-tile-shadow:0 0 12px rgba(155,140,255,.12), 0 2px 6px rgba(0,0,0,.4);
  --th-btn:linear-gradient(160deg,#b3a6ff,#6a55e0); --th-btn-ink:#0a0816;
  --th-field:rgba(24,20,44,.9); --th-field-line:rgba(155,140,255,.45);
  --th-user:rgba(44,38,80,.9); --th-user-line:rgba(155,140,255,.5); --th-ai:rgba(16,14,30,.88);
  --th-work:rgba(22,20,40,.6);
  /* v-theme-contrast */ --th-on-accent:#0a0816;
}
/* بيت عصريّ: رماديّ دافئ وخشب وبرتقاليّ (الكرسيّ والزجاج) */
html.skin-modern{
  --th-scheme:light; --th-page:#d9d2c6; --th-scene:url("../assets/%D8%AB%D9%8A%D9%85%D8%A7%D8%AA/%D8%B9%D8%B5%D8%B1%D9%8A/%D9%85%D8%B4%D9%87%D8%AF.jpg?v=3"); --th-pos:50% 50%; --th-pos-m:30% 50%;
  --th-ink:#2f2a24; --th-muted:#6a6056; --th-over:#26221d; --th-over-muted:#4a433b; --th-over-shadow:0 1px 2px rgba(255,255,255,.75); --th-over-drop:drop-shadow(0 1px 1px rgba(255,255,255,.8));
  --th-gold:#d9542e; --th-line:rgba(255,255,255,.8); --th-line2:rgba(255,255,255,.38); --th-glow:rgba(217,84,46,.3);
  --th-dlg:#faf7f2; --th-dlg2:#efe9e0;
  --th-side:linear-gradient(180deg, rgba(244,240,234,.74), rgba(224,216,204,.82));
  --th-tile:linear-gradient(90deg,#fbf8f3,#ece5da); --th-tile-line:rgba(217,84,46,.4); --th-tile-ink:#2f2a24; --th-thumb:rgba(255,255,255,.55); --th-tile-shadow:0 2px 5px rgba(0,0,0,.15);
  --th-btn:linear-gradient(160deg,#f0784f,#d9542e); --th-btn-ink:#1d1913;
  --th-field:rgba(255,255,255,.93); --th-field-line:rgba(217,84,46,.5);
  --th-user:rgba(255,255,255,.93); --th-user-line:rgba(217,84,46,.6); --th-ai:rgba(255,255,255,.9); --th-ai-line:rgba(255,255,255,.95); --th-bubble-shadow:0 4px 14px rgba(0,0,0,.12);
  --th-work:rgba(244,240,234,.55);
  /* v-theme-contrast */ --th-on-accent:#fff; --th-side-muted:#4d463e; --th-link:#b04020; --th-accent-ink:#b04020; --th-spark:#0b0907; --th-tool-label:#f2a184;
}
html.skin-modern.mobile-ui{--th-spark:#faf7f2;} /* v-theme-contrast: الشرارة فوق موضع آخر من المشهد على الجوّال */