/* ROOT SE skin system v1 — base + 9 public skins + 4 role-gated system skins */
html[data-theme]{--skin-bg:#03070c;--skin-bg2:#07111a;--skin-surface:rgba(8,18,28,.88);--skin-surface-strong:rgba(10,22,34,.96);--skin-card:linear-gradient(145deg,rgba(11,25,38,.9),rgba(5,12,20,.93));--skin-card2:rgba(12,24,36,.9);--skin-text:#f4f8ff;--skin-muted:#98a9ba;--skin-accent:#4fdcff;--skin-accent2:#725dff;--skin-accent3:#bd5cff;--skin-border:rgba(92,176,255,.24);--skin-border-active:rgba(92,206,255,.72);--skin-shadow:0 14px 34px rgba(0,0,0,.34),0 0 26px rgba(65,136,255,.12);--skin-shadow-active:0 0 0 1px rgba(112,203,255,.28),0 0 18px rgba(66,167,255,.35),0 0 40px rgba(132,76,255,.22);--skin-user:linear-gradient(145deg,#165bc7,#173ea8 68%,#3e28a4);--skin-assistant:linear-gradient(145deg,#4d228f,#36156a 66%,#251046);--skin-input:rgba(6,13,22,.92);--skin-radius:18px;--skin-glow-opacity:1;--skin-bg-art:none;color-scheme:dark}
html[data-theme="dark-core"]{--skin-bg:#02050a;--skin-bg2:#06101a;--skin-accent:#5bdcff;--skin-accent2:#3e7cff;--skin-accent3:#8f54ff;--skin-border:rgba(86,160,255,.28);--skin-shadow:0 16px 38px rgba(0,0,0,.44),0 0 24px rgba(86,173,255,.24),0 0 52px rgba(74,77,255,.12);--skin-shadow-active:0 0 0 1px rgba(132,221,255,.38),0 0 20px rgba(84,188,255,.52),0 0 52px rgba(92,74,255,.34);--skin-bg-art:radial-gradient(circle at 12% 8%,rgba(46,122,255,.20),transparent 28%),radial-gradient(circle at 90% 84%,rgba(80,46,210,.18),transparent 32%),linear-gradient(135deg,transparent 0 48%,rgba(65,130,255,.08) 49%,transparent 51%)}
html[data-theme="light-neon"]{--skin-bg:#102849;--skin-bg2:#1d4674;--skin-surface:rgba(33,77,123,.78);--skin-surface-strong:rgba(23,55,94,.94);--skin-card:linear-gradient(145deg,rgba(73,137,202,.78),rgba(29,72,125,.88));--skin-card2:rgba(49,100,158,.84);--skin-text:#f7fbff;--skin-muted:#d0deee;--skin-accent:#8de9ff;--skin-accent2:#80a7ff;--skin-accent3:#d4b2ff;--skin-border:rgba(190,228,255,.36);--skin-shadow:0 18px 42px rgba(0,13,35,.55),0 0 0 1px rgba(10,29,59,.30);--skin-shadow-active:0 18px 48px rgba(0,17,46,.72),0 0 0 1px rgba(202,239,255,.46);--skin-user:linear-gradient(145deg,#3a8ee7,#2869c1);--skin-assistant:linear-gradient(145deg,#37658f,#263d63);--skin-input:rgba(19,44,75,.86);--skin-bg-art:radial-gradient(circle at 75% 10%,rgba(175,226,255,.26),transparent 30%),linear-gradient(125deg,transparent 35%,rgba(130,206,255,.18) 36%,transparent 38%),linear-gradient(150deg,#173960,#102849)}
html[data-theme="hacker-green"]{--skin-bg:#010604;--skin-bg2:#03100a;--skin-surface:rgba(3,17,10,.92);--skin-surface-strong:rgba(3,13,8,.98);--skin-card:linear-gradient(145deg,rgba(3,24,13,.94),rgba(1,11,7,.96));--skin-card2:rgba(4,20,12,.92);--skin-text:#d9ffe5;--skin-muted:#78a88a;--skin-accent:#35f27a;--skin-accent2:#18b45c;--skin-accent3:#37c7ff;--skin-border:rgba(53,242,122,.24);--skin-border-active:rgba(70,255,141,.68);--skin-shadow:0 12px 28px rgba(0,0,0,.40),0 0 0 1px rgba(17,103,150,.16),0 0 24px rgba(11,100,150,.12);--skin-shadow-active:0 14px 32px rgba(0,0,0,.50),0 0 0 1px rgba(46,199,255,.32),0 0 20px rgba(10,115,150,.16);--skin-user:linear-gradient(145deg,#123a25,#0b2b1a);--skin-assistant:linear-gradient(145deg,#0a2516,#06170f);--skin-input:#021008;--skin-bg-art:repeating-linear-gradient(180deg,rgba(28,255,92,.035) 0 1px,transparent 1px 4px),repeating-linear-gradient(90deg,rgba(28,255,92,.025) 0 1px,transparent 1px 38px),radial-gradient(circle at 78% 25%,rgba(0,255,88,.10),transparent 30%)}
html[data-theme="cyber-blue"]{--skin-bg:#02040c;--skin-bg2:#071128;--skin-surface:rgba(6,15,37,.84);--skin-surface-strong:rgba(5,11,27,.96);--skin-card:linear-gradient(145deg,rgba(12,30,66,.9),rgba(6,13,31,.94));--skin-card2:rgba(10,24,54,.90);--skin-accent:#36d9ff;--skin-accent2:#3477ff;--skin-accent3:#b34eff;--skin-border:rgba(66,130,255,.34);--skin-shadow:0 14px 34px rgba(0,0,0,.42),0 0 24px rgba(37,126,255,.22),0 0 50px rgba(89,45,255,.16);--skin-shadow-active:0 0 0 1px rgba(91,215,255,.42),0 0 24px rgba(40,145,255,.58),0 0 56px rgba(118,48,255,.34);--skin-user:linear-gradient(145deg,#166ee6,#2245b8 66%,#532bb7);--skin-assistant:linear-gradient(145deg,#281a5b,#16153d);--skin-bg-art:linear-gradient(160deg,rgba(2,6,18,.72),rgba(3,10,28,.72)),repeating-linear-gradient(120deg,transparent 0 52px,rgba(38,127,255,.08) 54px,transparent 56px),radial-gradient(circle at 78% 20%,rgba(35,102,255,.24),transparent 30%)}
html[data-theme="cyber-purple"]{--skin-bg:#07020c;--skin-bg2:#13051f;--skin-surface:rgba(22,7,34,.85);--skin-surface-strong:rgba(15,4,24,.96);--skin-card:linear-gradient(145deg,rgba(38,10,57,.90),rgba(16,5,26,.95));--skin-card2:rgba(29,8,45,.90);--skin-accent:#ef57ff;--skin-accent2:#914cff;--skin-accent3:#34a8ff;--skin-border:rgba(215,72,255,.30);--skin-shadow:0 14px 34px rgba(0,0,0,.43),0 0 24px rgba(223,49,255,.20),0 0 54px rgba(103,47,255,.18);--skin-shadow-active:0 0 0 1px rgba(248,114,255,.40),0 0 24px rgba(228,54,255,.54),0 0 58px rgba(94,63,255,.36);--skin-user:linear-gradient(145deg,#b12fd0,#6a28b7 66%,#3221a1);--skin-assistant:linear-gradient(145deg,#4d1d70,#2d1047);--skin-bg-art:linear-gradient(160deg,rgba(10,2,18,.68),rgba(19,4,32,.76)),repeating-linear-gradient(135deg,transparent 0 58px,rgba(234,43,255,.065) 60px,transparent 62px),radial-gradient(circle at 82% 18%,rgba(194,37,255,.26),transparent 34%)}
html[data-theme="anime-noir"]{--skin-bg:#12070f;--skin-bg2:#25101f;--skin-surface:rgba(41,16,34,.86);--skin-surface-strong:rgba(28,10,24,.96);--skin-card:linear-gradient(145deg,rgba(72,30,60,.86),rgba(32,12,28,.94));--skin-card2:rgba(60,24,50,.86);--skin-text:#fff5fb;--skin-muted:#d6b4c9;--skin-accent:#48c7ff;--skin-accent2:#ad66ff;--skin-accent3:#77bfff;--skin-border:rgba(78,199,255,.28);--skin-shadow:0 14px 34px rgba(0,0,0,.35);--skin-shadow-active:0 16px 36px rgba(0,0,0,.42),0 0 0 1px rgba(255,139,205,.32);--skin-user:linear-gradient(145deg,#2b97c2,#813575);--skin-assistant:linear-gradient(145deg,#5b315c,#38213f);--skin-input:rgba(34,13,29,.92);--skin-bg-art:radial-gradient(circle at 18% 12%,rgba(73,199,255,.16),transparent 24%),radial-gradient(circle at 82% 26%,rgba(152,96,255,.15),transparent 28%),linear-gradient(160deg,#1b0b18,#0d0710)}
html[data-theme="anime-pop"]{--skin-bg:#101326;--skin-bg2:#202d54;--skin-surface:rgba(32,45,80,.86);--skin-surface-strong:rgba(22,30,58,.96);--skin-card:linear-gradient(145deg,rgba(61,83,136,.84),rgba(29,40,77,.92));--skin-card2:rgba(48,63,108,.86);--skin-text:#f9fbff;--skin-muted:#c9d4ef;--skin-accent:#7ce9ff;--skin-accent2:#9a7cff;--skin-accent3:#ff91d5;--skin-border:rgba(132,205,255,.28);--skin-shadow:0 14px 32px rgba(0,0,0,.32);--skin-shadow-active:0 16px 36px rgba(0,0,0,.38),0 0 0 1px rgba(144,220,255,.30);--skin-user:linear-gradient(145deg,#518ee9,#695bcf);--skin-assistant:linear-gradient(145deg,#70519e,#4c3b79);--skin-input:rgba(27,35,65,.92);--skin-bg-art:radial-gradient(circle at 17% 17%,rgba(120,228,255,.18),transparent 24%),radial-gradient(circle at 78% 20%,rgba(255,132,214,.14),transparent 28%),linear-gradient(150deg,#1d2b50,#11152b)}
html[data-theme="kids-girls"]{--skin-bg:#3b2447;--skin-bg2:#5c3c70;--skin-surface:rgba(92,58,109,.88);--skin-surface-strong:rgba(68,43,83,.96);--skin-card:linear-gradient(145deg,rgba(128,85,145,.88),rgba(82,52,99,.94));--skin-card2:rgba(111,70,128,.88);--skin-text:#fff8ff;--skin-muted:#efd9f1;--skin-accent:#ffd08f;--skin-accent2:#ff9ad8;--skin-accent3:#b6a0ff;--skin-border:rgba(255,215,246,.26);--skin-shadow:0 12px 28px rgba(30,10,38,.28);--skin-shadow-active:0 14px 30px rgba(30,10,38,.34),0 0 0 1px rgba(255,225,244,.28);--skin-user:linear-gradient(145deg,#e77bb8,#b467ba);--skin-assistant:linear-gradient(145deg,#8b6bb0,#6c588e);--skin-input:rgba(67,44,80,.92);--skin-radius:22px;--skin-bg-art:radial-gradient(circle at 12% 15%,rgba(255,221,164,.16),transparent 20%),radial-gradient(circle at 84% 18%,rgba(255,163,218,.18),transparent 24%),linear-gradient(160deg,#664475,#392440)}
html[data-theme="kids-boys"]{--skin-bg:#102940;--skin-bg2:#174866;--skin-surface:rgba(27,72,101,.88);--skin-surface-strong:rgba(18,50,72,.96);--skin-card:linear-gradient(145deg,rgba(42,94,124,.88),rgba(18,56,82,.94));--skin-card2:rgba(34,80,108,.88);--skin-text:#f7fdff;--skin-muted:#c7deea;--skin-accent:#78f0d3;--skin-accent2:#65a6ff;--skin-accent3:#ffd36e;--skin-border:rgba(142,231,229,.26);--skin-shadow:0 12px 28px rgba(0,20,36,.30);--skin-shadow-active:0 14px 30px rgba(0,20,36,.36),0 0 0 1px rgba(137,234,229,.28);--skin-user:linear-gradient(145deg,#2389c9,#2866a9);--skin-assistant:linear-gradient(145deg,#28676f,#1d4d58);--skin-input:rgba(18,52,72,.92);--skin-radius:20px;--skin-bg-art:radial-gradient(circle at 14% 15%,rgba(97,237,212,.15),transparent 20%),radial-gradient(circle at 85% 18%,rgba(93,160,255,.18),transparent 25%),linear-gradient(160deg,#1a5570,#0e293f)}
html[data-theme="sys-crimson"]{--skin-bg:#080204;--skin-bg2:#160508;--skin-surface:rgba(28,5,9,.90);--skin-surface-strong:rgba(20,3,6,.98);--skin-card:linear-gradient(145deg,rgba(50,7,13,.94),rgba(20,3,6,.98));--skin-card2:rgba(39,6,11,.94);--skin-text:#fff7f8;--skin-muted:#c8a1a8;--skin-accent:#26c7ff;--skin-accent2:#0f8fb7;--skin-accent3:#4dc7ff;--skin-border:rgba(39,199,255,.28);--skin-shadow:0 14px 34px rgba(0,0,0,.48),0 0 28px rgba(20,199,255,.16);--skin-shadow-active:0 0 0 1px rgba(49,199,255,.40),0 0 26px rgba(26,199,255,.40);--skin-user:linear-gradient(145deg,#0e6496,#086496);--skin-assistant:linear-gradient(145deg,#301016,#1c090d);--skin-input:#180408;--skin-bg-art:repeating-linear-gradient(90deg,transparent 0 50px,rgba(27,199,255,.035) 51px,transparent 52px),radial-gradient(circle at 80% 12%,rgba(18,199,255,.18),transparent 28%)}
html[data-theme="sys-blackops"]{--skin-bg:#000;--skin-bg2:#050607;--skin-surface:rgba(7,9,10,.96);--skin-surface-strong:#050607;--skin-card:linear-gradient(145deg,#0b0d0e,#050607);--skin-card2:#0a0c0d;--skin-text:#f2f4f5;--skin-muted:#8d9499;--skin-accent:#d7dee3;--skin-accent2:#686f75;--skin-accent3:#2fc7ff;--skin-border:rgba(210,220,228,.16);--skin-shadow:0 12px 30px rgba(0,0,0,.72);--skin-shadow-active:0 0 0 1px rgba(235,242,247,.22),0 12px 34px rgba(0,0,0,.80);--skin-user:linear-gradient(145deg,#232629,#151719);--skin-assistant:linear-gradient(145deg,#17191b,#0d0f10);--skin-input:#070809;--skin-bg-art:linear-gradient(135deg,transparent 0 47%,rgba(255,255,255,.018) 48%,transparent 49%)}
html[data-theme="sys-arctic"]{--skin-bg:#071019;--skin-bg2:#0d2332;--skin-surface:rgba(14,35,48,.90);--skin-surface-strong:rgba(9,25,36,.97);--skin-card:linear-gradient(145deg,rgba(22,52,69,.94),rgba(9,27,39,.97));--skin-card2:rgba(18,43,58,.92);--skin-text:#f3fbff;--skin-muted:#9fc0cf;--skin-accent:#a9efff;--skin-accent2:#4ca7d9;--skin-accent3:#7d96ff;--skin-border:rgba(174,234,255,.22);--skin-shadow:0 14px 32px rgba(0,12,22,.48),0 0 22px rgba(120,222,255,.10);--skin-shadow-active:0 0 0 1px rgba(185,239,255,.34),0 0 24px rgba(96,204,255,.24);--skin-user:linear-gradient(145deg,#2f7697,#24546f);--skin-assistant:linear-gradient(145deg,#294958,#1c343f);--skin-input:#0b1d29;--skin-bg-art:linear-gradient(155deg,rgba(140,220,255,.08),transparent 30%),repeating-linear-gradient(120deg,transparent 0 64px,rgba(150,230,255,.03) 65px,transparent 66px)}
html[data-theme="sys-gold"]{--skin-bg:#090704;--skin-bg2:#171109;--skin-surface:rgba(31,23,12,.92);--skin-surface-strong:rgba(21,15,7,.98);--skin-card:linear-gradient(145deg,rgba(53,39,17,.94),rgba(24,17,7,.98));--skin-card2:rgba(42,31,14,.94);--skin-text:#fffaf0;--skin-muted:#c9b990;--skin-accent:#f5c85b;--skin-accent2:#b48a2b;--skin-accent3:#fff1ad;--skin-border:rgba(244,198,83,.24);--skin-shadow:0 14px 34px rgba(0,0,0,.50),0 0 22px rgba(230,175,49,.10);--skin-shadow-active:0 0 0 1px rgba(255,218,119,.36),0 0 24px rgba(229,178,56,.24);--skin-user:linear-gradient(145deg,#80651f,#584417);--skin-assistant:linear-gradient(145deg,#45371d,#2b2315);--skin-input:#181208;--skin-bg-art:radial-gradient(circle at 80% 12%,rgba(241,190,58,.14),transparent 28%),linear-gradient(135deg,transparent 0 49%,rgba(255,222,124,.035) 50%,transparent 51%)}
html[data-theme] body,html[data-theme] .screen,html[data-theme] .shell{background-color:var(--skin-bg)!important;background-image:var(--skin-bg-art),linear-gradient(160deg,var(--skin-bg2),var(--skin-bg))!important;background-attachment:fixed!important;color:var(--skin-text)!important}
html[data-theme] .topbar,html[data-theme] #appShell>.nav,html[data-theme] .chatHead,html[data-theme] .composer,html[data-theme] .sideDrawer,html[data-theme] .masterAppHeader{background:color-mix(in srgb,var(--skin-surface-strong) 94%,transparent)!important;border-color:var(--skin-border)!important;color:var(--skin-text)!important;box-shadow:0 10px 28px rgba(0,0,0,.28)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important}
html[data-theme] .card,html[data-theme] .settingsGroup,html[data-theme] .rowCard,html[data-theme] .heroAction,html[data-theme] .sheet,html[data-theme] .homePublication,html[data-theme] .workspacePanel,html[data-theme] .wsBoardCard,html[data-theme] .musicTrack,html[data-theme] .musicPlaylist,html[data-theme] .cifraCard,html[data-theme] .cifraStat,html[data-theme] .sePayCard,html[data-theme] .adminStat,html[data-theme] .adminUser,html[data-theme] .broadcastCard,html[data-theme] .adminHomeWorkspace{background:var(--skin-card)!important;border:1px solid var(--skin-border)!important;border-radius:var(--skin-radius)!important;box-shadow:var(--skin-shadow)!important;color:var(--skin-text)!important}
html[data-theme] .card:focus-within,html[data-theme] .rowCard:focus-visible,html[data-theme] .rowCard:active,html[data-theme] .settingsGroup:focus-within,html[data-theme] .seThemeChoice.on,html[data-theme] .skinChoice.on,html[data-theme] .adminTab.on,html[data-theme] .workspaceTab.on,html[data-theme] .cifraTab.on{border-color:var(--skin-border-active)!important;box-shadow:var(--skin-shadow-active)!important}
html[data-theme] .sectionTitle,html[data-theme] .topTitle,html[data-theme] .chatHeadTitle,html[data-theme] h1,html[data-theme] h2,html[data-theme] h3{color:var(--skin-text)!important}html[data-theme] .sectionSub,html[data-theme] .small,html[data-theme] .sub,html[data-theme] .rowPreview,html[data-theme] .rowMeta{color:var(--skin-muted)!important}
html[data-theme] .input,html[data-theme] input,html[data-theme] textarea,html[data-theme] select,html[data-theme] .composer textarea,html[data-theme] .conversationSearch{background:var(--skin-input)!important;color:var(--skin-text)!important;border:1px solid var(--skin-border)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important}
html[data-theme] .input:focus,html[data-theme] input:focus,html[data-theme] textarea:focus,html[data-theme] select:focus{border-color:var(--skin-border-active)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--skin-accent) 18%,transparent),0 0 22px color-mix(in srgb,var(--skin-accent) 18%,transparent)!important;outline:none!important}
html[data-theme] .primary,html[data-theme] .send,html[data-theme] .choice.on,html[data-theme] .seg button.on{background:linear-gradient(135deg,var(--skin-accent2),var(--skin-accent3))!important;border-color:color-mix(in srgb,var(--skin-accent) 48%,transparent)!important;color:#fff!important;box-shadow:0 8px 22px rgba(0,0,0,.24),0 0 24px color-mix(in srgb,var(--skin-accent2) 24%,transparent)!important}
html[data-theme] .secondary,html[data-theme] .ghost,html[data-theme] .iconBtn,html[data-theme] .round,html[data-theme] .themeBtn,html[data-theme] .skinChoice{background:var(--skin-card2)!important;border:1px solid var(--skin-border)!important;color:var(--skin-text)!important}
html[data-theme] .nav button.on,html[data-theme] .drawerNav button.on,html[data-theme] .sectionBackButton{color:var(--skin-accent)!important;text-shadow:0 0 14px color-mix(in srgb,var(--skin-accent) 60%,transparent)!important}
html[data-theme] .statusDot,html[data-theme] .onlineDot{background:var(--skin-accent)!important;box-shadow:0 0 12px var(--skin-accent)!important}
html[data-theme] #chatScreen,html[data-theme] #directChatScreen,html[data-theme] #systemChatScreen{background-color:var(--skin-bg)!important;background-image:var(--skin-bg-art),linear-gradient(160deg,var(--skin-bg2),var(--skin-bg))!important}
html[data-theme] #chatScreen .messages>.bubble.user,html[data-theme] #directChatScreen .messages>.bubble.user{background:var(--skin-user)!important;border:1px solid color-mix(in srgb,var(--skin-accent) 38%,transparent)!important;color:#fff!important;box-shadow:var(--skin-shadow)!important}
html[data-theme] #chatScreen .messages>.bubble.assistant,html[data-theme] #directChatScreen .messages>.bubble.assistant,html[data-theme] #systemChatScreen .messages>.bubble{background:var(--skin-assistant)!important;border:1px solid color-mix(in srgb,var(--skin-accent3) 34%,transparent)!important;color:var(--skin-text)!important;box-shadow:var(--skin-shadow)!important}
html[data-theme] .drawerHead,html[data-theme] .drawerFooter{background:color-mix(in srgb,var(--skin-card2) 78%,transparent)!important;border-color:var(--skin-border)!important}html[data-theme] .drawerNav>button{border:1px solid transparent!important}html[data-theme] .drawerNav>button.on{background:color-mix(in srgb,var(--skin-accent2) 16%,var(--skin-card2))!important;border-color:var(--skin-border-active)!important;box-shadow:var(--skin-shadow-active)!important}
html[data-theme] .overlay{background:rgba(0,0,0,.70)!important}html[data-theme] .sheet{backdrop-filter:blur(22px)!important;-webkit-backdrop-filter:blur(22px)!important}
@keyframes seSkinPulse{0%,100%{filter:brightness(.97);box-shadow:var(--skin-shadow)}50%{filter:brightness(1.04);box-shadow:var(--skin-shadow-active)}}@keyframes seSkinAccent{0%,100%{text-shadow:0 0 8px color-mix(in srgb,var(--skin-accent) 35%,transparent)}50%{text-shadow:0 0 18px color-mix(in srgb,var(--skin-accent3) 52%,transparent)}}
html[data-theme="cyber-blue"] .rowCard,html[data-theme="cyber-blue"] .settingsGroup,html[data-theme="cyber-blue"] #chatScreen .bubble,html[data-theme="cyber-purple"] .rowCard,html[data-theme="cyber-purple"] .settingsGroup,html[data-theme="cyber-purple"] #chatScreen .bubble{animation:seSkinPulse 5.8s ease-in-out infinite}
html[data-theme="cyber-blue"] .nav button.on,html[data-theme="cyber-blue"] .drawerNav button.on,html[data-theme="cyber-purple"] .nav button.on,html[data-theme="cyber-purple"] .drawerNav button.on{animation:seSkinAccent 4.8s ease-in-out infinite}
.skinSettings{margin-top:14px}.skinSectionLabel{display:flex;align-items:center;gap:8px;margin:16px 2px 9px;color:var(--skin-muted);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.skinGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.skinChoice{position:relative;min-height:112px;padding:12px;text-align:left;border-radius:16px;overflow:hidden}.skinChoice::before{content:"";position:absolute;inset:0;background:var(--skin-preview);opacity:.92}.skinChoice>*{position:relative;z-index:1}.skinChoice b{display:block;margin-top:34px;font-size:13px}.skinChoice span{display:block;margin-top:4px;font-size:10px;color:var(--skin-muted)}.skinChoice em{position:absolute;right:9px;top:9px;font-style:normal;font-size:8px;letter-spacing:.10em;color:var(--skin-accent)}
@media(max-width:620px){.skinGrid{grid-template-columns:1fr 1fr}.skinChoice{min-height:102px;padding:10px}.skinChoice b{margin-top:30px;font-size:12px}}@media(prefers-reduced-motion:reduce){html[data-theme] *{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}
html[data-theme] .adminTab,html[data-theme] .workspaceTab,html[data-theme] .cifraTab,html[data-theme] .musicEqPresets button,html[data-theme] .sePayQuick button{background:var(--skin-card2)!important;border:1px solid var(--skin-border)!important;color:var(--skin-muted)!important}html[data-theme] .adminTab.on,html[data-theme] .workspaceTab.on,html[data-theme] .cifraTab.on,html[data-theme] .musicEqPresets button.on{color:var(--skin-text)!important;border-color:var(--skin-border-active)!important;box-shadow:var(--skin-shadow-active)!important}
html[data-theme] .profileHubHero,html[data-theme] .profileHubItem,html[data-theme] .chatRequestCard,html[data-theme] .seShareContact,html[data-theme] .notificationSummary,html[data-theme] .notificationRecipient,html[data-theme] .auditRow,html[data-theme] .adminInvite,html[data-theme] .adminPreviewSetting{background:var(--skin-card)!important;border:1px solid var(--skin-border)!important;color:var(--skin-text)!important;box-shadow:var(--skin-shadow)!important}
html[data-theme] .igHero,html[data-theme] .igCard,html[data-theme] .igModelBox,html[data-theme] .igResult,html[data-theme] .musicHero,html[data-theme] .musicPlayerDock,html[data-theme] .musicEqSheet{background:var(--skin-card)!important;border:1px solid var(--skin-border)!important;color:var(--skin-text)!important;box-shadow:var(--skin-shadow)!important}
html[data-theme] .cifraRow,html[data-theme] .cifraDoc,html[data-theme] .cifraChat,html[data-theme] .cifraChatBubble,html[data-theme] .sePayMethod,html[data-theme] .sePayTx{background:var(--skin-card2)!important;border-color:var(--skin-border)!important;color:var(--skin-text)!important}
html[data-theme] .cifraMine,html[data-theme] .musicTrack.active,html[data-theme] .playlistTrackChoice.on,html[data-theme] .sePayMethod:focus-within{border-color:var(--skin-border-active)!important;box-shadow:var(--skin-shadow-active)!important}
html[data-theme] .masterAppShell,html[data-theme] body.masterAppOpen,html[data-theme] .masterAppMount{background-color:var(--skin-bg)!important;background-image:var(--skin-bg-art),linear-gradient(160deg,var(--skin-bg2),var(--skin-bg))!important;color:var(--skin-text)!important}
html[data-theme] .adminHomeMenu>button,html[data-theme] .adminToolbar button,html[data-theme] .adminThemeCard,html[data-theme] .masterAppAction,html[data-theme] .masterAppBack{background:var(--skin-card2)!important;border:1px solid var(--skin-border)!important;color:var(--skin-text)!important}html[data-theme] .adminHomeMenu>button.on,html[data-theme] .adminThemeCard.on{border-color:var(--skin-border-active)!important;box-shadow:var(--skin-shadow-active)!important;color:var(--skin-accent)!important}
html[data-theme] .pinnedBar,html[data-theme] .secureNote,html[data-theme] .directEditNotice,html[data-theme] .directReplyNotice,html[data-theme] .chatActivity,html[data-theme] .thoughtStream,html[data-theme] .thoughtHistory{background:color-mix(in srgb,var(--skin-card2) 90%,transparent)!important;border-color:var(--skin-border)!important;color:var(--skin-muted)!important}
html[data-theme] .messageExpand,html[data-theme] .attachmentDownload,html[data-theme] .back,html[data-theme] .profileHubBack{color:var(--skin-accent)!important;border-color:var(--skin-border)!important;background:color-mix(in srgb,var(--skin-card2) 78%,transparent)!important}
html[data-theme] .chatDeleteButton,html[data-theme] .ghost.danger,html[data-theme] .cifraDanger,html[data-theme] .adminDelete,html[data-theme] .adminKill{color:#40c7ff!important;border-color:rgba(47,199,255,.28)!important;background:rgba(6,100,150,.28)!important}
html[data-theme] .switch{background:var(--skin-card2)!important;border:1px solid var(--skin-border)!important}html[data-theme] .switch.on{background:linear-gradient(135deg,var(--skin-accent2),var(--skin-accent3))!important;border-color:var(--skin-border-active)!important;box-shadow:0 0 18px color-mix(in srgb,var(--skin-accent) 25%,transparent)!important}html[data-theme] .switch i{background:var(--skin-text)!important}
html[data-theme] .unread,html[data-theme] .drawerUnreadBadge,html[data-theme] .badge{background:var(--skin-accent)!important;color:#031018!important;box-shadow:0 0 14px color-mix(in srgb,var(--skin-accent) 55%,transparent)!important}
html[data-theme] .error{color:#4ac7ff!important}html[data-theme] .success,html[data-theme] .paid,html[data-theme] .done{color:#70efac!important}
html[data-theme="hacker-green"] .card,html[data-theme="hacker-green"] .settingsGroup,html[data-theme="hacker-green"] .rowCard,html[data-theme="hacker-green"] #chatScreen .bubble,html[data-theme="hacker-green"] #directChatScreen .bubble{box-shadow:0 12px 30px rgba(0,0,0,.48),0 0 0 1px rgba(14,103,150,.18),0 8px 26px rgba(5,100,150,.10)!important}
html[data-theme="dark-core"] .card,html[data-theme="dark-core"] .settingsGroup,html[data-theme="dark-core"] .rowCard,html[data-theme="dark-core"] #chatScreen .bubble,html[data-theme="dark-core"] #directChatScreen .bubble{box-shadow:0 14px 34px rgba(0,0,0,.44),0 0 22px rgba(100,206,255,.24),0 0 48px rgba(83,80,255,.14)!important}
html[data-theme="light-neon"] .card,html[data-theme="light-neon"] .settingsGroup,html[data-theme="light-neon"] .rowCard,html[data-theme="light-neon"] #chatScreen .bubble,html[data-theme="light-neon"] #directChatScreen .bubble{box-shadow:0 18px 42px rgba(0,18,48,.62),0 5px 18px rgba(0,0,0,.28)!important}
html[data-theme="anime-noir"] *,html[data-theme="anime-pop"] *,html[data-theme="kids-girls"] *,html[data-theme="kids-boys"] *{text-shadow:none!important}html[data-theme="kids-girls"] .primary,html[data-theme="kids-boys"] .primary{box-shadow:0 8px 18px rgba(0,0,0,.20)!important}
@supports not (color:color-mix(in srgb,red,blue)){
html[data-theme] .topbar,html[data-theme] #appShell>.nav,html[data-theme] .chatHead,html[data-theme] .composer,html[data-theme] .sideDrawer,html[data-theme] .masterAppHeader{background:var(--skin-surface-strong)!important}
html[data-theme] .input:focus,html[data-theme] input:focus,html[data-theme] textarea:focus,html[data-theme] select:focus{border-color:var(--skin-border-active)!important;box-shadow:0 0 0 2px var(--skin-border),0 0 18px rgba(60,150,255,.16)!important}
html[data-theme] .primary,html[data-theme] .send,html[data-theme] .choice.on,html[data-theme] .seg button.on{border-color:var(--skin-border-active)!important;box-shadow:0 8px 22px rgba(0,0,0,.28)!important}
html[data-theme] #chatScreen .messages>.bubble.user,html[data-theme] #directChatScreen .messages>.bubble.user,html[data-theme] #chatScreen .messages>.bubble.assistant,html[data-theme] #directChatScreen .messages>.bubble.assistant,html[data-theme] #systemChatScreen .messages>.bubble{border-color:var(--skin-border)!important}
html[data-theme] .drawerHead,html[data-theme] .drawerFooter,html[data-theme] .pinnedBar,html[data-theme] .secureNote,html[data-theme] .directEditNotice,html[data-theme] .directReplyNotice,html[data-theme] .chatActivity,html[data-theme] .thoughtStream,html[data-theme] .thoughtHistory{background:var(--skin-card2)!important}
html[data-theme] .drawerNav>button.on{background:var(--skin-card2)!important}
html[data-theme] .nav button.on,html[data-theme] .drawerNav button.on,html[data-theme] .sectionBackButton{text-shadow:none!important}
html[data-theme] .unread,html[data-theme] .drawerUnreadBadge,html[data-theme] .badge{box-shadow:0 0 12px rgba(80,180,255,.32)!important}
}
@media(max-width:899px){
html[data-theme] body,html[data-theme] .screen,html[data-theme] .shell,html[data-theme] #chatScreen,html[data-theme] #directChatScreen,html[data-theme] #systemChatScreen{background-attachment:scroll!important}
}

/* THEME TOKEN BRIDGE v2 */
html[data-theme]{
  --skin-accent-rgb:79,220,255;--skin-accent2-rgb:114,93,255;--skin-accent3-rgb:189,92,255;
  --bg-main:var(--skin-bg);--bg-secondary:var(--skin-bg2);--bg-panel:var(--skin-card2);--bg-panel-soft:var(--skin-card2);
  --surface-1:var(--skin-surface);--surface-2:var(--skin-card2);--surface-raised:var(--skin-card2);--header-surface:var(--skin-surface-strong);
  --border:var(--skin-border);--border-subtle:rgba(var(--skin-accent-rgb),.12);--border-strong:rgba(var(--skin-accent-rgb),.40);--border-active:var(--skin-border-active);
  --cyan:var(--skin-accent);--cyan-bright:var(--skin-accent);--cyan2:var(--skin-accent2);--blue:var(--skin-accent2);
  --purple:var(--skin-accent3);--purple-soft:var(--skin-accent3);
  --text-primary:var(--skin-text);--text-secondary:var(--skin-muted);--text-muted:var(--skin-muted);
  --on-accent:var(--skin-bg);--outgoing-start:var(--skin-accent2);--outgoing-end:var(--skin-accent2);--incoming:var(--skin-assistant);
  --ref-bg:var(--skin-bg);--ref-panel:var(--skin-card2);--ref-panel-2:var(--skin-card2);--ref-line:var(--skin-border);
  --ref-line-strong:var(--skin-border-active);--ref-cyan:var(--skin-accent);--ref-cyan-2:var(--skin-accent);
  --ui-notice-bg:var(--skin-card2);--ui-notice-text:var(--skin-text);--ui-notice-muted:var(--skin-muted);
  --glow:0 0 18px rgba(var(--skin-accent-rgb),.18);
}
html[data-theme="dark-core"]{--skin-accent-rgb:91,220,255;--skin-accent2-rgb:62,124,255;--skin-accent3-rgb:143,84,255}
html[data-theme="light-neon"]{--skin-accent-rgb:141,233,255;--skin-accent2-rgb:128,167,255;--skin-accent3-rgb:212,178,255}
html[data-theme="hacker-green"]{--skin-accent-rgb:53,242,122;--skin-accent2-rgb:24,180,92;--skin-accent3-rgb:255,92,85}
html[data-theme="cyber-blue"]{--skin-accent-rgb:54,217,255;--skin-accent2-rgb:52,119,255;--skin-accent3-rgb:179,78,255}
html[data-theme="cyber-purple"]{--skin-accent-rgb:239,87,255;--skin-accent2-rgb:145,76,255;--skin-accent3-rgb:52,168,255}
html[data-theme="anime-noir"]{--skin-accent-rgb:255,120,189;--skin-accent2-rgb:173,102,255;--skin-accent3-rgb:119,191,255}
html[data-theme="anime-pop"]{--skin-accent-rgb:124,233,255;--skin-accent2-rgb:154,124,255;--skin-accent3-rgb:255,145,213}
html[data-theme="kids-girls"]{--skin-accent-rgb:255,208,143;--skin-accent2-rgb:255,154,216;--skin-accent3-rgb:182,160,255}
html[data-theme="kids-boys"]{--skin-accent-rgb:120,240,211;--skin-accent2-rgb:101,166,255;--skin-accent3-rgb:255,211,110}
html[data-theme="sys-crimson"]{--skin-accent-rgb:255,64,92;--skin-accent2-rgb:183,25,57;--skin-accent3-rgb:255,128,111}
html[data-theme="sys-blackops"]{--skin-accent-rgb:215,222,227;--skin-accent2-rgb:104,111,117;--skin-accent3-rgb:255,78,85}
html[data-theme="sys-arctic"]{--skin-accent-rgb:169,239,255;--skin-accent2-rgb:76,167,217;--skin-accent3-rgb:125,150,255}
html[data-theme="sys-gold"]{--skin-accent-rgb:245,200,91;--skin-accent2-rgb:180,138,43;--skin-accent3-rgb:255,241,173}

html[data-theme] .content>.list,html[data-theme] .personalChatGroup>.list,html[data-theme] .conversationSearch,
html[data-theme] .conversationFilters,html[data-theme] .workHero,html[data-theme] .otherUserRow{
  border-color:var(--skin-border)!important;background:var(--skin-card2)!important;color:var(--skin-text)!important;
}
html[data-theme] .conversationFilters button.on,html[data-theme] .chatRequestsHead span,html[data-theme] .chatRequestTitle b,
html[data-theme] .requestAccept,html[data-theme] .broadcastCardIcon,html[data-theme] .systemNoticeMark,
html[data-theme] .systemNoticeExpand,html[data-theme] #notificationHistory .notificationSummary,
html[data-theme] #notificationHistory .notificationExpand{
  border-color:var(--skin-border-active)!important;background:rgba(var(--skin-accent-rgb),.10)!important;color:var(--skin-accent)!important;
}
html[data-theme] .composer .round.send,html[data-theme] .musicControl.main{
  background:var(--skin-accent)!important;color:var(--skin-bg)!important;box-shadow:0 0 16px rgba(var(--skin-accent-rgb),.22)!important;
}
html[data-theme] .composer .round:not(.send):not(.recording):not(.stop),html[data-theme] .musicPlay,html[data-theme] .musicControl.eq.on{
  background:rgba(var(--skin-accent-rgb),.10)!important;border-color:rgba(var(--skin-accent-rgb),.28)!important;color:var(--skin-accent)!important;
}
html[data-theme] .topAppIcon,html[data-theme] .chatBrandAvatar,html[data-theme] .contactAvatar,html[data-theme] .chatStateIcon{
  border-color:var(--skin-border)!important;
}
html[data-theme] .nav,html[data-theme] #appShell>.nav{border-color:var(--skin-border)!important}
html[data-theme] .nav button.on{background:rgba(var(--skin-accent-rgb),.08)!important;color:var(--skin-accent)!important}
html[data-theme] button:focus-visible,html[data-theme] summary:focus-visible,html[data-theme] a:focus-visible{
  outline-color:var(--skin-accent)!important;
}


/* High-specificity legacy screen overrides v2 */
html[data-theme] #authScreen,

html[data-theme] #chatScreen,
html[data-theme] #directChatScreen,
html[data-theme] #systemChatScreen{
  background-color:var(--skin-bg)!important;
  background-image:var(--skin-bg-art),linear-gradient(160deg,var(--skin-bg2),var(--skin-bg))!important;
  color:var(--skin-text)!important;
}
html[data-theme] #chatScreen::before,
html[data-theme] #directChatScreen::before,
html[data-theme] #systemChatScreen::before{
  background:transparent!important;
}
html[data-theme] #authScreen .authBody .card,
html[data-theme] #authScreen .seg{
  background:var(--skin-card)!important;
  border-color:var(--skin-border)!important;
  color:var(--skin-text)!important;
}
html[data-theme] #chatScreen .chatHead,
html[data-theme] #directChatScreen .chatHead,
html[data-theme] #systemChatScreen .chatHead,
html[data-theme] #chatScreen .composer,
html[data-theme] #directChatScreen .composer{
  background:var(--skin-surface-strong)!important;
  border-color:var(--skin-border)!important;
  color:var(--skin-text)!important;
  box-shadow:none!important;
}
html[data-theme] #chatScreen .composer textarea,
html[data-theme] #directChatScreen .composer textarea{
  background:var(--skin-input)!important;
  border-color:var(--skin-border)!important;
  color:var(--skin-text)!important;
}
html[data-theme] #chatScreen .chatActivity,
html[data-theme] #directChatScreen .chatActivity,
html[data-theme] #chatScreen .secureNote,
html[data-theme] #directChatScreen .secureNote,
html[data-theme] #systemChatScreen .secureNote{
  background:var(--skin-bg)!important;
  border-color:var(--skin-border)!important;
  color:var(--skin-muted)!important;
}
html[data-theme] #directChatScreen .directAvatar{
  background:var(--skin-card2)!important;
  border-color:var(--skin-border-active)!important;
  color:var(--skin-accent)!important;
}
html[data-theme] #cifraNav.cifraDrawerEntry,
html[data-theme] #adminNav.adminDrawerEntry,
html[data-theme] #adminNav.masterAppLauncher{
  background:var(--skin-card2)!important;
  border-color:var(--skin-border)!important;
  box-shadow:var(--skin-shadow)!important;
}
html[data-theme] #cifraNav.cifraDrawerEntry.on,
html[data-theme] #cifraNav.cifraDrawerEntry:active,
html[data-theme] #adminNav.adminDrawerEntry.on,
html[data-theme] #adminNav.adminDrawerEntry:active{
  background:rgba(var(--skin-accent-rgb),.12)!important;
  border-color:var(--skin-border-active)!important;
  box-shadow:var(--skin-shadow-active)!important;
}
html[data-theme] .systemUpdateOverlay{
  background:var(--skin-bg)!important;
  color:var(--skin-text)!important;
}
html[data-theme] .systemUpdateOverlay .updatePanel{
  background:var(--skin-surface-strong)!important;
  border-color:var(--skin-border-active)!important;
  box-shadow:var(--skin-shadow-active)!important;
}
html[data-theme] .systemUpdateOverlay .updateTrack{
  background:rgba(var(--skin-accent-rgb),.10)!important;
}
html[data-theme] .systemUpdateOverlay .updateTrack i{
  background:linear-gradient(90deg,var(--skin-accent2),var(--skin-accent))!important;
  box-shadow:0 0 16px rgba(var(--skin-accent-rgb),.45)!important;
}

/* Compact skin selection and staged apply (2026-09-23) */
.skinPicker{width:100%;min-width:0}
.skinPickerToggle{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 16px;cursor:pointer;list-style:none;user-select:none}
.skinPickerToggle::-webkit-details-marker{display:none}
.skinPickerToggle>b,.skinPickerToggle>span:first-child{display:grid;gap:5px}
.skinPickerToggle b{font-size:15px;color:var(--skin-text)}
.skinPickerToggle small{font-size:12px;color:var(--skin-muted)}
.skinPickerChevron{font-size:25px;line-height:1;color:var(--skin-accent);transition:transform .18s ease}
.skinPicker[open] .skinPickerChevron{transform:rotate(180deg)}
.skinPickerContent{padding:0 12px 13px}
.skinPickerContent .skinGrid{padding:4px 0}
.skinPickerContent .skinSectionLabel{margin-top:19px}
.skinChoice.on{outline:2px solid var(--skin-accent);outline-offset:-3px}
.skinPendingBar{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:12px 15px;margin:8px 11px 12px;border:1px solid var(--skin-border-active);border-radius:14px;background:var(--skin-card2);color:var(--skin-text)}
.skinPendingBar[hidden]{display:none!important}
.skinPendingActions{display:flex;gap:8px;margin-left:auto}
.skinPendingActions button{min-height:40px;padding:8px 15px}
@media(max-width:520px){.skinPendingBar{align-items:stretch}.skinPendingActions{width:100%;justify-content:flex-end}}