/* Copyright © 2026 MELDIX. TrioSoft. All rights reserved. */
:root {
  --ts-loader-bg: #f4f7ff;
  --ts-loader-panel: rgba(255, 255, 255, .72);
  --ts-loader-ink: #111421;
  --ts-loader-muted: rgba(17, 20, 33, .58);
  --ts-loader-edge: rgba(35, 55, 105, .12);
  --ts-loader-glow: rgba(79, 132, 255, .28);
}

html[data-theme="dark"] {
  --ts-loader-bg: #070913;
  --ts-loader-panel: rgba(17, 20, 33, .72);
  --ts-loader-ink: #f8f9ff;
  --ts-loader-muted: rgba(226, 231, 255, .58);
  --ts-loader-edge: rgba(148, 167, 255, .16);
  --ts-loader-glow: rgba(89, 139, 255, .34);
}

html.ts-site-loading,
html.ts-site-loading body {
  overflow: hidden !important;
}

.ts-site-loader[hidden] {
  display: none !important;
}

.ts-site-loader {
  position: fixed;
  z-index: 2147483000;
  inset: 0;
  display: none;
  place-items: center;
  min-height: 100dvh;
  padding: 24px;
  overflow: hidden;
  color: var(--ts-loader-ink);
  background:
    radial-gradient(circle at 16% 18%, rgba(67, 115, 255, .17), transparent 31%),
    radial-gradient(circle at 84% 78%, rgba(123, 83, 255, .15), transparent 34%),
    linear-gradient(145deg, var(--ts-loader-bg), color-mix(in srgb, var(--ts-loader-bg) 88%, #304fa5));
  isolation: isolate;
  opacity: 1;
  transition: opacity .52s cubic-bezier(.22, 1, .36, 1), visibility .52s ease;
}

html.ts-site-loading .ts-site-loader {
  display: grid;
}

.ts-site-loader::before,
.ts-site-loader::after {
  content: "";
  position: absolute;
  z-index: -1;
  width: min(58vw, 760px);
  aspect-ratio: 1;
  border-radius: 50%;
  filter: blur(70px);
  opacity: .42;
  pointer-events: none;
  animation: ts-loader-float 8s ease-in-out infinite alternate;
}

.ts-site-loader::before {
  top: -35%;
  left: -18%;
  background: rgba(71, 125, 255, .30);
}

.ts-site-loader::after {
  right: -24%;
  bottom: -42%;
  background: rgba(118, 71, 255, .25);
  animation-delay: -3s;
}

.ts-site-loader.is-leaving {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.ts-loader-card {
  position: relative;
  display: grid;
  justify-items: center;
  width: min(420px, calc(100vw - 40px));
  padding: 34px 32px 30px;
  border: 1px solid var(--ts-loader-edge);
  border-radius: 32px;
  background: var(--ts-loader-panel);
  box-shadow:
    0 34px 100px rgba(5, 10, 32, .24),
    inset 0 1px 0 rgba(255, 255, 255, .16);
  backdrop-filter: blur(28px) saturate(145%);
  -webkit-backdrop-filter: blur(28px) saturate(145%);
  animation: ts-loader-card-in .72s cubic-bezier(.16, 1, .3, 1) both;
}

.ts-loader-orbit {
  position: relative;
  display: grid;
  place-items: center;
  width: 132px;
  height: 132px;
  margin-bottom: 22px;
}

.ts-loader-ring,
.ts-loader-ring::before {
  position: absolute;
  inset: 0;
  border: 1px solid color-mix(in srgb, var(--accent, #5d8dff) 34%, transparent);
  border-radius: 50%;
  content: "";
}

.ts-loader-ring {
  animation: ts-loader-spin 4.8s linear infinite;
}

.ts-loader-ring::before {
  inset: 11px;
  border-style: dashed;
  opacity: .56;
  animation: ts-loader-spin-reverse 5.6s linear infinite;
}

.ts-loader-dot {
  position: absolute;
  top: 3px;
  left: 50%;
  width: 10px;
  height: 10px;
  border: 2px solid var(--ts-loader-bg);
  border-radius: 50%;
  background: var(--accent, #5d8dff);
  box-shadow: 0 0 18px var(--ts-loader-glow);
  translate: -50% 0;
}

.ts-loader-logo-shell {
  position: relative;
  display: grid;
  place-items: center;
  width: 88px;
  height: 88px;
  border: 1px solid color-mix(in srgb, var(--accent, #5d8dff) 32%, var(--ts-loader-edge));
  border-radius: 27px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .13), transparent 44%),
    color-mix(in srgb, var(--ts-loader-panel) 88%, var(--accent, #5d8dff));
  box-shadow:
    0 18px 46px var(--ts-loader-glow),
    inset 0 1px 0 rgba(255, 255, 255, .22);
}

.ts-loader-logo-shell::after {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  background: linear-gradient(135deg, rgba(255, 255, 255, .34), transparent 42%, color-mix(in srgb, var(--accent, #5d8dff) 45%, transparent));
  opacity: .42;
  pointer-events: none;
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  padding: 1px;
  mask-composite: exclude;
  -webkit-mask-composite: xor;
}

.ts-loader-logo {
  width: 62px;
  height: 62px;
  object-fit: contain;
  filter: drop-shadow(0 8px 16px rgba(0, 0, 0, .2));
  animation: ts-loader-logo-pulse 2.2s ease-in-out infinite;
}

.ts-loader-eyebrow {
  margin: 0 0 8px;
  color: color-mix(in srgb, var(--accent, #5d8dff) 82%, var(--ts-loader-ink));
  font: 800 10px/1.2 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: .24em;
  text-transform: uppercase;
}

.ts-loader-title {
  margin: 0;
  font: 760 clamp(26px, 5vw, 34px)/1.08 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: -.045em;
}

.ts-loader-subtitle {
  margin: 10px 0 0;
  color: var(--ts-loader-muted);
  font: 500 13px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  text-align: center;
}

.ts-loader-progress {
  position: relative;
  width: min(272px, 74vw);
  height: 7px;
  margin-top: 25px;
  border: 1px solid color-mix(in srgb, var(--ts-loader-ink) 8%, transparent);
  border-radius: 999px;
  background: color-mix(in srgb, var(--ts-loader-ink) 8%, transparent);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, .12);
  overflow: hidden;
}

.ts-loader-progress-fill {
  position: absolute;
  inset: 0 auto 0 0;
  width: 0;
  min-width: 4px;
  border-radius: inherit;
  background: linear-gradient(90deg, color-mix(in srgb, var(--accent, #5d8dff) 82%, #779dff), var(--accent, #5d8dff), color-mix(in srgb, var(--accent, #5d8dff) 66%, #a47cff));
  box-shadow: 0 0 20px var(--ts-loader-glow);
  transition: width .16s linear;
  overflow: hidden;
}

.ts-loader-progress-fill i {
  position: absolute;
  inset: 0;
  background: linear-gradient(110deg, transparent 15%, rgba(255, 255, 255, .56) 45%, transparent 72%);
  translate: -115% 0;
  animation: ts-loader-progress-glint 1.35s ease-in-out infinite;
}

.ts-loader-progress-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: min(272px, 74vw);
  margin-top: 9px;
  color: var(--ts-loader-muted);
  font: 700 10px/1.2 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: .04em;
}

.ts-loader-progress-percent {
  min-width: 34px;
  color: color-mix(in srgb, var(--accent, #5d8dff) 78%, var(--ts-loader-ink));
  font-variant-numeric: tabular-nums;
  text-align: right;
}

.ts-loader-stage-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin-top: 11px;
}

.ts-loader-stage-dots i {
  width: 5px;
  height: 5px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--ts-loader-ink) 16%, transparent);
  transition: width .3s cubic-bezier(.22, 1, .36, 1), background .3s ease, box-shadow .3s ease, transform .3s ease;
}

.ts-loader-stage-dots i.is-active {
  width: 19px;
  background: var(--accent, #5d8dff);
  box-shadow: 0 0 11px var(--ts-loader-glow);
}

.ts-loader-stage-dots i.is-complete {
  background: color-mix(in srgb, var(--accent, #5d8dff) 72%, #32d583);
}

.ts-loader-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 18px;
  margin-top: 13px;
  color: var(--ts-loader-muted);
  font: 650 10px/1.2 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ts-loader-status.is-changing,
.ts-loader-subtitle.is-changing {
  animation: ts-loader-text-change .36s cubic-bezier(.22, 1, .36, 1) both;
}

.ts-loader-status::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #5d8dff;
  box-shadow: 0 0 11px var(--ts-loader-glow);
  animation: ts-loader-status-pulse 1.35s ease-in-out infinite;
}


.ts-site-loader.is-complete .ts-loader-status::before {
  background: #32d583;
  box-shadow: 0 0 12px rgba(50, 213, 131, .72);
}

.ts-site-loader.is-complete .ts-loader-logo-shell {
  animation: ts-loader-ready-pop .5s cubic-bezier(.22, 1, .36, 1) both;
}

@keyframes ts-loader-progress-glint {
  0% { translate: -115% 0; }
  62%, 100% { translate: 125% 0; }
}

@keyframes ts-loader-text-change {
  from { opacity: .18; transform: translateY(5px); filter: blur(2px); }
  to { opacity: 1; transform: translateY(0); filter: blur(0); }
}

@keyframes ts-loader-ready-pop {
  50% { transform: scale(1.055); }
}

@keyframes ts-loader-card-in {
  from { opacity: 0; transform: translateY(18px) scale(.96); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes ts-loader-spin { to { transform: rotate(360deg); } }
@keyframes ts-loader-spin-reverse { to { transform: rotate(-360deg); } }
@keyframes ts-loader-logo-pulse { 50% { transform: translateY(-3px) scale(1.025); } }
@keyframes ts-loader-status-pulse { 50% { opacity: .42; transform: scale(.78); } }
@keyframes ts-loader-float { to { transform: translate3d(8%, 5%, 0) scale(1.08); } }

@media (max-width: 520px) {
  .ts-site-loader { padding: 18px; }
  .ts-loader-card { padding: 30px 22px 26px; border-radius: 27px; }
  .ts-loader-orbit { width: 118px; height: 118px; }
  .ts-loader-logo-shell { width: 80px; height: 80px; border-radius: 24px; }
  .ts-loader-logo { width: 56px; height: 56px; }
}

@media (prefers-reduced-motion: reduce) {
  .ts-site-loader *,
  .ts-site-loader::before,
  .ts-site-loader::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
  }
  .ts-site-loader { transition-duration: .2s; }
}


/* Copyright © 2026 MELDIX. TrioSoft. All rights reserved. */
.global-search-trigger{display:inline-flex;align-items:center;gap:9px;min-height:38px;padding:0 12px;border:1px solid var(--edge,#2a3144);border-radius:12px;background:color-mix(in srgb,var(--fill,#121827) 82%,transparent);color:var(--ink,#fff);font:inherit;font-size:12px;font-weight:700;cursor:pointer;transition:.2s ease}.global-search-trigger:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--s1,#765cff) 38%,var(--edge,#2a3144))}.global-search-trigger kbd{padding:3px 6px;border-radius:7px;border:1px solid var(--edge,#2a3144);background:var(--solid,#0c101c);color:var(--ink-3,#8993a8);font:inherit;font-size:10px}.global-search-overlay{position:fixed;inset:0;z-index:12000;display:grid;place-items:start center;padding:10vh 20px 24px;background:rgba(4,7,14,.62);backdrop-filter:blur(14px);opacity:0;visibility:hidden;transition:.18s ease}.global-search-overlay.open{opacity:1;visibility:visible}.global-search-dialog{width:min(760px,100%);max-height:76vh;display:flex;flex-direction:column;overflow:hidden;border:1px solid color-mix(in srgb,var(--edge,#2a3144) 86%,transparent);border-radius:24px;background:linear-gradient(160deg,color-mix(in srgb,var(--solid,#0c101c) 96%,var(--paper-2,#11182a)),color-mix(in srgb,var(--fill,#121827) 92%,var(--solid,#0c101c)));box-shadow:0 30px 90px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.05)}.global-search-input-wrap{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--edge,#2a3144)}.global-search-input-wrap .ui-icon{width:19px;height:19px;color:var(--tint,#8b7cff)}.global-search-input{width:100%;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;color:var(--ink,#fff)!important;font:inherit;font-size:18px;font-weight:700}.global-search-input::placeholder{color:var(--ink-3,#8993a8)}.global-search-close{border:1px solid var(--edge,#2a3144);border-radius:9px;background:var(--fill,#121827);color:var(--ink-3,#8993a8);padding:5px 8px;font-size:10px}.global-search-results{overflow:auto;padding:12px}.global-search-group{padding:6px}.global-search-group-title{margin:4px 7px 8px;color:var(--ink-3,#8993a8);font-size:10px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.global-search-item{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;width:100%;padding:10px;border:1px solid transparent;border-radius:14px;background:transparent;color:var(--ink,#fff);text-align:left;text-decoration:none;cursor:pointer;transition:.15s ease}.global-search-item:hover,.global-search-item.active{border-color:color-mix(in srgb,var(--tint,#8b7cff) 24%,transparent);background:color-mix(in srgb,var(--tint-soft,rgba(139,124,255,.12)) 72%,transparent)}.global-search-item-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--fill,#121827);color:var(--tint,#8b7cff)}.global-search-item-icon .ui-icon{width:17px;height:17px}.global-search-item-copy{min-width:0}.global-search-item-copy strong,.global-search-item-copy span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.global-search-item-copy strong{font-size:13px}.global-search-item-copy span{margin-top:3px;color:var(--ink-3,#8993a8);font-size:11px}.global-search-item-arrow{color:var(--ink-3,#8993a8);font-size:16px}.global-search-empty{padding:42px 18px;text-align:center;color:var(--ink-3,#8993a8)}.global-search-footer{display:flex;gap:15px;flex-wrap:wrap;padding:10px 18px 14px;border-top:1px solid var(--edge,#2a3144);color:var(--ink-3,#8993a8);font-size:10px}.global-search-footer kbd{border:1px solid var(--edge,#2a3144);border-radius:6px;background:var(--fill,#121827);padding:2px 5px}@media(max-width:720px){.global-search-overlay{padding:4vh 10px 12px}.global-search-dialog{max-height:90vh;border-radius:20px}.global-search-trigger kbd{display:none}}


/* Copyright © 2026 MELDIX. TrioSoft. All rights reserved. */
:root {
  --arsyusha-accent: #a56bff;
  --arsyusha-accent-2: #ff79b8;
  --arsyusha-bg: rgba(13, 16, 28, .96);
  --arsyusha-surface: rgba(255, 255, 255, .055);
  --arsyusha-edge: rgba(255, 255, 255, .12);
  --arsyusha-text: #f7f8ff;
  --arsyusha-muted: #9ca3b7;
}
[data-theme="light"] {
  --arsyusha-bg: rgba(248, 250, 255, .97);
  --arsyusha-surface: rgba(26, 34, 60, .06);
  --arsyusha-edge: rgba(20, 30, 55, .12);
  --arsyusha-text: #151827;
  --arsyusha-muted: #6f768a;
}
.arsyusha-root {
  position: fixed;
  z-index: 9997;
  right: 22px;
  bottom: 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 12px;
  font-family: inherit;
  pointer-events: none;
}
.arsyusha-root.left { right: auto; left: 22px; align-items: flex-start; }
.arsyusha-launcher {
  pointer-events: auto;
  width: 66px;
  height: 66px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  display: grid;
  place-items: center;
  cursor: pointer;
  transition: transform .22s ease, filter .22s ease;
}
.arsyusha-launcher:hover { transform: translateY(-3px) scale(1.045); filter: brightness(1.06); }
.arsyusha-launcher:focus-visible { outline: 2px solid rgba(126, 108, 255, .72); outline-offset: 4px; border-radius: 18px; }
.arsyusha-launcher img { width: 64px; height: 64px; object-fit: contain; object-position: center; image-rendering: auto; filter: drop-shadow(0 10px 16px rgba(0, 0, 0, .30)); }
.arsyusha-panel {
  pointer-events: auto;
  width: min(380px, calc(100vw - 24px));
  height: min(560px, calc(100vh - 110px));
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--arsyusha-edge);
  border-radius: 26px;
  background: linear-gradient(180deg, rgba(255, 255, 255, .035), transparent 18%), var(--arsyusha-bg);
  backdrop-filter: blur(22px) saturate(1.2);
  -webkit-backdrop-filter: blur(22px) saturate(1.2);
  box-shadow: 0 28px 70px rgba(4, 8, 22, .48), inset 0 1px 0 rgba(255, 255, 255, .06);
  transform-origin: bottom right;
  animation: arsyusha-open .2s ease;
}
.left .arsyusha-panel { transform-origin: bottom left; }
@keyframes arsyusha-open { from { opacity: 0; transform: translateY(10px) scale(.97); } to { opacity: 1; transform: none; } }
.arsyusha-panel.hidden { display: none; }
.arsyusha-head {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 14px 14px 13px;
  border-bottom: 1px solid var(--arsyusha-edge);
  background: linear-gradient(135deg, rgba(165, 107, 255, .15), rgba(255, 121, 184, .08));
}
.arsyusha-avatar { width: 42px; height: 42px; border-radius: 15px; background: var(--arsyusha-surface); display: grid; place-items: center; overflow: hidden; flex: none; }
.arsyusha-avatar img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 17%; transform: scale(1.42); }
.arsyusha-head-copy { min-width: 0; flex: 1; }
.arsyusha-head-copy strong { display: block; color: var(--arsyusha-text); font-size: 15px; }
.arsyusha-head-copy small { display: block; margin-top: 3px; color: var(--arsyusha-muted); font-size: 11px; }
.arsyusha-status { display: inline-flex; align-items: center; gap: 6px; }
.arsyusha-status::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #2bd56f; box-shadow: 0 0 10px rgba(43, 213, 111, .7); }
.arsyusha-head-actions { display: flex; gap: 5px; }
.arsyusha-icon-btn { width: 34px; height: 34px; border: 0; border-radius: 11px; background: transparent; color: var(--arsyusha-muted); cursor: pointer; display: grid; place-items: center; }
.arsyusha-icon-btn:hover { background: var(--arsyusha-surface); color: var(--arsyusha-text); }
.arsyusha-icon-btn svg { width: 17px; height: 17px; }
.arsyusha-messages { flex: 1; overflow: auto; padding: 16px; display: flex; flex-direction: column; gap: 11px; scroll-behavior: smooth; }
.arsyusha-message { max-width: 90%; padding: 11px 13px; border-radius: 17px; color: var(--arsyusha-text); font-size: 13px; line-height: 1.55; overflow-wrap: anywhere; }
.arsyusha-message.assistant { align-self: flex-start; background: linear-gradient(145deg, color-mix(in srgb, var(--arsyusha-accent) 8%, var(--arsyusha-surface)), color-mix(in srgb, var(--arsyusha-accent-2) 5%, var(--arsyusha-surface))); border: 1px solid color-mix(in srgb, var(--arsyusha-accent) 18%, var(--arsyusha-edge)); border-bottom-left-radius: 6px; white-space: normal; }
.arsyusha-message.user { align-self: flex-end; background: linear-gradient(135deg, var(--arsyusha-accent), var(--arsyusha-accent-2)); color: #fff; border-bottom-right-radius: 6px; box-shadow: 0 10px 24px rgba(98, 104, 255, .2); }
.arsyusha-plain-text { white-space: normal; }
.arsyusha-message a { color: #87bbff; text-decoration: none; border-bottom: 1px dashed currentColor; }
[data-theme="light"] .arsyusha-message a { color: #325fd4; }
.arsyusha-time { display: block; margin-top: 7px; font-size: 9px; opacity: .55; }

.arsyusha-markdown { min-width: 0; }
.arsyusha-markdown > :first-child { margin-top: 0; }
.arsyusha-markdown > :last-child { margin-bottom: 0; }
.arsyusha-markdown p { margin: 0 0 9px; }
.arsyusha-markdown h3,
.arsyusha-markdown h4,
.arsyusha-markdown h5,
.arsyusha-markdown h6 { margin: 12px 0 7px; color: var(--arsyusha-text); line-height: 1.3; letter-spacing: -.015em; }
.arsyusha-markdown h3 { font-size: 16px; }
.arsyusha-markdown h4 { font-size: 15px; }
.arsyusha-markdown h5,
.arsyusha-markdown h6 { font-size: 14px; }
.arsyusha-markdown strong { color: var(--arsyusha-text); font-weight: 760; }
.arsyusha-markdown em { color: color-mix(in srgb, var(--arsyusha-text) 90%, var(--arsyusha-muted)); }
.arsyusha-markdown del { opacity: .7; }
.arsyusha-markdown ul,
.arsyusha-markdown ol { margin: 7px 0 10px; padding-left: 20px; }
.arsyusha-markdown li { margin: 4px 0; padding-left: 2px; }
.arsyusha-markdown blockquote { margin: 9px 0; padding: 9px 11px; border-left: 3px solid var(--arsyusha-accent); border-radius: 0 10px 10px 0; background: rgba(125, 108, 255, .09); color: color-mix(in srgb, var(--arsyusha-text) 84%, var(--arsyusha-muted)); }
.arsyusha-markdown hr { height: 1px; margin: 12px 0; border: 0; background: var(--arsyusha-edge); }
.arsyusha-markdown code { padding: 2px 5px; border: 1px solid var(--arsyusha-edge); border-radius: 6px; background: rgba(0, 0, 0, .18); color: #d9e7ff; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .92em; }
[data-theme="light"] .arsyusha-markdown code { background: rgba(22, 31, 55, .07); color: #24365f; }
.arsyusha-markdown pre { position: relative; max-width: 100%; margin: 10px 0; padding: 12px; overflow: auto; border: 1px solid var(--arsyusha-edge); border-radius: 12px; background: rgba(4, 7, 16, .65); }
[data-theme="light"] .arsyusha-markdown pre { background: rgba(21, 28, 46, .06); }
.arsyusha-markdown pre[data-language]::before { content: attr(data-language); display: block; margin-bottom: 7px; color: var(--arsyusha-muted); font-size: 9px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.arsyusha-markdown pre code { display: block; padding: 0; border: 0; background: transparent; color: inherit; white-space: pre; }
.arsyusha-markdown img { display: block; max-width: 100%; max-height: 190px; margin: 9px 0; border-radius: 12px; object-fit: contain; }
.arsyusha-table-wrap { max-width: 100%; margin: 10px 0; overflow: auto; border: 1px solid var(--arsyusha-edge); border-radius: 12px; }
.arsyusha-table-wrap table { width: 100%; min-width: 260px; border-collapse: collapse; font-size: 11.5px; }
.arsyusha-table-wrap th,
.arsyusha-table-wrap td { padding: 8px 9px; border-right: 1px solid var(--arsyusha-edge); border-bottom: 1px solid var(--arsyusha-edge); vertical-align: top; }
.arsyusha-table-wrap th:last-child,
.arsyusha-table-wrap td:last-child { border-right: 0; }
.arsyusha-table-wrap tbody tr:last-child td { border-bottom: 0; }
.arsyusha-table-wrap th { background: rgba(125, 108, 255, .1); color: var(--arsyusha-text); font-weight: 760; }
.arsyusha-markdown .task-item { display: flex; align-items: flex-start; gap: 8px; list-style: none; margin-left: -18px; }
.arsyusha-markdown .task-check { width: 14px; height: 14px; flex: none; margin-top: 3px; border: 1px solid var(--arsyusha-edge); border-radius: 4px; background: var(--arsyusha-surface); }
.arsyusha-markdown .task-item.checked .task-check { border-color: transparent; background: linear-gradient(135deg, var(--arsyusha-accent), var(--arsyusha-accent-2)); box-shadow: inset 0 0 0 3px rgba(255, 255, 255, .8); }

.arsyusha-suggestions { display: flex; flex-wrap: wrap; gap: 7px; padding: 0 14px 12px; }
.arsyusha-suggestion { border: 1px solid var(--arsyusha-edge); border-radius: 999px; background: var(--arsyusha-surface); color: var(--arsyusha-text); padding: 8px 11px; font: inherit; font-size: 11px; line-height: 1.25; cursor: pointer; }
.arsyusha-suggestion:hover { border-color: rgba(125, 108, 255, .48); background: rgba(125, 108, 255, .12); }
.arsyusha-compose { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 9px; padding: 12px; border-top: 1px solid var(--arsyusha-edge); background: rgba(0, 0, 0, .035); }
.arsyusha-input { min-height: 44px; max-height: 110px; resize: none; border: 1px solid var(--arsyusha-edge); border-radius: 15px; background: var(--arsyusha-surface); color: var(--arsyusha-text); padding: 11px 12px; font: inherit; font-size: 13px; outline: none; }
.arsyusha-input:focus { border-color: rgba(125, 108, 255, .62); box-shadow: 0 0 0 3px rgba(125, 108, 255, .12); }
.arsyusha-send { width: 44px; height: 44px; border: 0; border-radius: 15px; background: linear-gradient(135deg, var(--arsyusha-accent), var(--arsyusha-accent-2)); color: #fff; display: grid; place-items: center; cursor: pointer; box-shadow: 0 10px 24px rgba(98, 104, 255, .2); }
.arsyusha-send:disabled { opacity: .45; cursor: not-allowed; }
.arsyusha-send svg { width: 18px; height: 18px; }
.arsyusha-typing { display: inline-flex; gap: 4px; align-items: center; }
.arsyusha-typing i { width: 6px; height: 6px; border-radius: 50%; background: currentColor; opacity: .5; animation: arsyusha-dot 1s infinite; }
.arsyusha-typing i:nth-child(2) { animation-delay: .15s; }
.arsyusha-typing i:nth-child(3) { animation-delay: .3s; }
@keyframes arsyusha-dot { 0%, 70%, 100% { transform: translateY(0); opacity: .35; } 35% { transform: translateY(-4px); opacity: 1; } }

@media (max-width: 560px) {
  .arsyusha-root { right: 12px; bottom: 12px; }
  .arsyusha-root.left { left: 12px; }
  .arsyusha-panel { width: calc(100vw - 24px); height: min(560px, calc(100vh - 94px)); border-radius: 22px; }
  .arsyusha-launcher { width: 56px; height: 56px; }
  .arsyusha-launcher img { width: 54px; height: 54px; }
}


/* Copyright © 2026 MELDIX. TrioSoft. All rights reserved. */
/* TrioSoft Unified UI 16.7.0 — one visual language across public, account and admin */
:root{
  --ts-font:-apple-system,BlinkMacSystemFont,'SF Pro Display','SF Pro Text','Inter','Segoe UI',Roboto,sans-serif;
  --ts-radius-xs:10px;--ts-radius-sm:14px;--ts-radius-md:18px;--ts-radius-lg:24px;--ts-radius-xl:30px;--ts-pill:999px;
  --ts-space-1:6px;--ts-space-2:10px;--ts-space-3:14px;--ts-space-4:18px;--ts-space-5:24px;--ts-space-6:32px;
  --ts-control-h:42px;--ts-control-small:36px;
  --ts-ease:cubic-bezier(.22,.8,.28,1);
  --ts-card-bg:linear-gradient(155deg,color-mix(in srgb,var(--mat-thick,rgba(255,255,255,.82)) 92%,transparent),color-mix(in srgb,var(--mat,rgba(255,255,255,.64)) 94%,transparent));
  --ts-card-border:var(--edge,rgba(0,0,0,.08));
  --ts-card-shadow:var(--sh-1,0 8px 28px rgba(0,0,0,.07));
  --ts-card-shadow-hover:var(--sh-2,0 18px 44px rgba(0,0,0,.11));
}
html{font-family:var(--ts-font);scrollbar-color:color-mix(in srgb,var(--ink-3,#86868b) 50%,transparent) transparent;scrollbar-width:thin}
body{font-family:var(--ts-font)!important}
*{scrollbar-width:thin}
*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--ink-3,#86868b) 35%,transparent);border:3px solid transparent;background-clip:padding-box;border-radius:999px}*::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--ink-3,#86868b) 55%,transparent);border:3px solid transparent;background-clip:padding-box}
::selection{background:color-mix(in srgb,var(--tint,#0071e3) 26%,transparent)}

/* Shared header material and spacing */
.site-header,.account-header,.admin-topbar{
  border-color:color-mix(in srgb,var(--edge,rgba(255,255,255,.1)) 92%,transparent)!important;
  background:color-mix(in srgb,var(--mat-thick,rgba(28,28,30,.84)) 88%,transparent)!important;
  -webkit-backdrop-filter:saturate(180%) blur(26px)!important;backdrop-filter:saturate(180%) blur(26px)!important;
  box-shadow:0 1px 0 color-mix(in srgb,var(--edge,rgba(255,255,255,.1)) 75%,transparent),0 12px 42px rgba(0,0,0,.08)!important;
}
.site-header .brand,.account-brand,.admin-brand{letter-spacing:-.02em}
.site-header .main-nav a,.account-nav-item,.admin-nav-item{border-radius:var(--ts-radius-sm)!important;transition:background .28s var(--ts-ease),color .28s var(--ts-ease),transform .28s var(--ts-ease)!important}
.site-header .main-nav a:hover,.account-nav-item:hover,.admin-nav-item:hover{transform:translateY(-1px)}

/* Buttons are one family everywhere */
.button,.account-button,.primary-button,.secondary-button,.row-action,.roadmap-vote-button,.premium-buy-button,.premium-offer-button,.premium-continue,
button[type="submit"]:not(.icon-button):not(.theme-toggle):not(.help-category):not(.tab-button):not(.account-nav-item):not(.admin-nav-item){
  min-height:var(--ts-control-h);border-radius:var(--ts-radius-sm)!important;font-family:var(--ts-font)!important;font-weight:650!important;letter-spacing:-.01em!important;
  transition:transform .28s var(--ts-ease),box-shadow .28s var(--ts-ease),background .28s var(--ts-ease),border-color .28s var(--ts-ease),color .28s var(--ts-ease)!important;
}
.button:hover,.account-button:hover,.primary-button:hover,.secondary-button:hover,.row-action:hover,.roadmap-vote-button:hover,.premium-buy-button:hover,.premium-offer-button:hover,.premium-continue:hover{transform:translateY(-1px)}
.button:active,.account-button:active,.primary-button:active,.secondary-button:active,.row-action:active,.roadmap-vote-button:active{transform:scale(.985)}
.button-small,.account-button.small,.primary-button.small,.secondary-button.small{min-height:var(--ts-control-small)!important}
.icon-button,.help-modal-close,.modal-close,.account-icon-button,.admin-icon-button{border-radius:var(--ts-radius-sm)!important;transition:transform .28s var(--ts-ease),background .28s var(--ts-ease),border-color .28s var(--ts-ease)!important}
.icon-button:hover,.help-modal-close:hover,.modal-close:hover,.account-icon-button:hover,.admin-icon-button:hover{transform:translateY(-1px)}

/* Unified form controls */
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]):not([type="hidden"]),select,textarea{
  box-sizing:border-box!important;min-height:var(--ts-control-h)!important;border-radius:var(--ts-radius-sm)!important;border-color:var(--edge,rgba(255,255,255,.1))!important;background:color-mix(in srgb,var(--fill,rgba(120,120,128,.16)) 78%,transparent)!important;color:var(--ink,#f5f5f7)!important;font:inherit!important;outline:none!important;
  transition:border-color .25s ease,box-shadow .25s ease,background .25s ease,height .16s ease!important;
}
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]):not([type="hidden"]),select{height:var(--ts-control-h)!important;padding-top:0!important;padding-bottom:0!important}
textarea{padding-top:10px!important;padding-bottom:10px!important;line-height:1.45!important}
textarea[data-ts-autosize="true"]{height:var(--ts-control-h);max-height:260px!important;overflow-y:hidden;resize:none!important}
textarea[data-ts-fixed="true"]{resize:vertical!important}
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]):not([type="hidden"]):focus,textarea:focus,select:focus{border-color:color-mix(in srgb,var(--tint,#0071e3) 60%,var(--edge))!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--tint,#0071e3) 14%,transparent)!important;background:color-mix(in srgb,var(--fill-2,rgba(120,120,128,.24)) 82%,transparent)!important}
.form-grid.two,.form-grid.three,.review-composer-two,.review-form-two,.profile-form-grid,.account-subgrid.two{align-items:start}
.form-field,label{min-width:0}

/* Common cards and section containers */
.glass-card,.catalog-card,.catalog-summary-card,.premium-plan-card,.premium-app-card,.platform-page-hero,.partner-card,.roadmap-column,.roadmap-kanban-card,.service-card,.incident-card,.help-card,.help-contact-card,
.account-panel,.account-card,.library-card,.security-card,.device-card,.connection-card,.notification-card,.ticket-card,.achievement-card,.mission-card,.profile-frame-card,
.admin-card,.platform-admin-card,.platform-list-item,.settings-card,.dashboard-card,.stat-card,.table-card,.audit-card{
  border-color:var(--ts-card-border)!important;border-radius:var(--ts-radius-lg)!important;background:var(--ts-card-bg)!important;box-shadow:var(--ts-card-shadow)!important;
}
.catalog-card,.premium-plan-card,.premium-app-card,.partner-card,.roadmap-kanban-card,.help-card,.library-card,.achievement-card,.mission-card,.platform-list-item,.dashboard-card,.stat-card{
  transition:transform .32s var(--ts-ease),border-color .32s ease,box-shadow .32s var(--ts-ease),background .32s ease!important;
}
.catalog-card:hover,.premium-plan-card:hover,.premium-app-card:hover,.partner-card:hover,.roadmap-kanban-card:hover,.help-card:hover,.library-card:hover,.achievement-card:hover,.mission-card:hover,.platform-list-item:hover,.dashboard-card:hover,.stat-card:hover{
  transform:translateY(-3px)!important;border-color:color-mix(in srgb,var(--tint,#0071e3) 26%,var(--ts-card-border))!important;box-shadow:var(--ts-card-shadow-hover)!important;
}

/* Shared section typography */
.section-kicker,.account-kicker,.admin-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--tint,#0071e3)!important;font-size:11px!important;font-weight:800!important;letter-spacing:.085em!important;text-transform:uppercase}
h1,h2,h3{letter-spacing:-.035em}p{letter-spacing:-.012em}
.platform-page-hero h1,.catalog-hero h1,.premium-hero h1{font-weight:650!important}

/* Tabs, segmented controls, chips */
.catalog-switcher,.platform-tabs,.account-tabs,.settings-tabs,.admin-tabs,.status-range{padding:4px!important;border:1px solid var(--edge,rgba(255,255,255,.1))!important;border-radius:var(--ts-radius-md)!important;background:color-mix(in srgb,var(--fill,rgba(120,120,128,.16)) 72%,transparent)!important}
.catalog-switcher a,.platform-tab,.account-tab,.settings-tab,.admin-tab,[data-status-range]{border-radius:var(--ts-radius-sm)!important}
.badge,.status-pill,.help-card-badge,.premium-plan-badge,.verified-label{border-radius:var(--ts-pill)!important}

/* Modals */
.modal-card,.account-modal-card,.help-modal-card,.premium-modal-card,.news-reader-card,.admin-modal-card{
  border-radius:var(--ts-radius-xl)!important;border:1px solid var(--edge,rgba(255,255,255,.1))!important;background:linear-gradient(155deg,color-mix(in srgb,var(--solid,#1c1c1e) 96%,transparent),color-mix(in srgb,var(--mat-thick,rgba(28,28,30,.84)) 96%,transparent))!important;box-shadow:0 34px 100px rgba(0,0,0,.45)!important;
}
.modal-backdrop,.account-modal-backdrop,.help-modal-backdrop,.premium-modal-backdrop,.news-reader-backdrop,.admin-modal-backdrop{background:rgba(2,5,12,.62)!important;-webkit-backdrop-filter:blur(14px) saturate(140%)!important;backdrop-filter:blur(14px) saturate(140%)!important}

/* Empty/loading states */
.empty-state,.page-empty,.help-empty,.empty-account-state,.empty-table,.premium-loading{border-radius:var(--ts-radius-lg)!important;border-color:var(--edge,rgba(255,255,255,.1))!important;background:color-mix(in srgb,var(--fill,rgba(120,120,128,.16)) 58%,transparent)!important}

/* Public secondary pages should use the same width and rhythm */
.platform-page-main,.catalog-main,.premium-main{width:min(calc(100% - (var(--gutter,24px) * 2)),var(--max,1180px));margin-inline:auto}
.platform-page-main{padding-top:118px!important}.platform-page-hero{margin-bottom:28px!important;padding:clamp(28px,4vw,46px)!important}
.help-layout{gap:24px!important}.help-card{min-height:190px!important}

/* Account alignment */
body.account-page{background:var(--paper)!important}.account-shell{gap:24px!important}.account-sidebar,.account-main{border-radius:var(--ts-radius-xl)!important}.account-section-header{margin-bottom:20px!important}.account-section-header h1,.account-section-header h2{font-weight:650!important}

/* Admin alignment */
body.admin-page,body.admin-auth-page{background:var(--paper)!important}.admin-sidebar{border-color:var(--edge)!important;background:color-mix(in srgb,var(--mat-thick) 92%,transparent)!important}.admin-main{background:transparent!important}.view-header{margin-bottom:24px!important}.view-header h1{font-weight:650!important;letter-spacing:-.04em!important}.platform-admin-card,.settings-card{padding:22px!important}

/* Keep every UI responsive with the same breakpoints */
@media(max-width:900px){.platform-page-main{padding-top:96px!important}.platform-page-hero{border-radius:var(--ts-radius-lg)!important}.account-shell{gap:16px!important}.help-layout{gap:16px!important}}
@media(max-width:640px){:root{--ts-radius-lg:20px;--ts-radius-xl:24px;--ts-control-h:44px}.platform-page-main,.catalog-main,.premium-main{width:min(calc(100% - 28px),var(--max,1180px))}.platform-page-hero{padding:24px!important}.button,.account-button,.primary-button,.secondary-button{min-height:44px}}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* Coverage for the actual Account/Admin structures */
.profile-nav,.sidebar-nav{gap:5px!important}
.profile-nav button,.sidebar-nav button{border-radius:var(--ts-radius-sm)!important;min-height:40px!important;transition:transform .25s var(--ts-ease),background .25s ease,color .25s ease,border-color .25s ease!important}
.profile-nav button:hover,.sidebar-nav button:hover{transform:translateX(2px)}
.profile-nav button.active,.sidebar-nav button.active{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tint,#0071e3) 16%,transparent),0 4px 14px color-mix(in srgb,var(--tint,#0071e3) 8%,transparent)!important}
.topbar{border-color:var(--edge)!important;background:color-mix(in srgb,var(--mat-thick) 90%,transparent)!important;-webkit-backdrop-filter:saturate(180%) blur(26px)!important;backdrop-filter:saturate(180%) blur(26px)!important;box-shadow:0 1px 0 var(--edge),0 12px 36px rgba(0,0,0,.07)!important}
.sidebar{border-color:var(--edge)!important;background:color-mix(in srgb,var(--mat-thick) 92%,transparent)!important;-webkit-backdrop-filter:saturate(180%) blur(28px)!important;backdrop-filter:saturate(180%) blur(28px)!important}
.login-card,.confirm-card,.platform-table-wrap,.platform-kpi{border-color:var(--ts-card-border)!important;border-radius:var(--ts-radius-lg)!important;background:var(--ts-card-bg)!important;box-shadow:var(--ts-card-shadow)!important}
.platform-kpi{padding:20px!important}.platform-kpi strong{letter-spacing:-.04em}
.table-card table,.platform-table-wrap table{border-collapse:separate;border-spacing:0}.platform-table-wrap th,.platform-table-wrap td{border-color:var(--edge)!important}
.section-heading{padding-bottom:20px!important;margin-bottom:22px!important;border-bottom:1px solid color-mix(in srgb,var(--edge) 78%,transparent)!important}.section-heading h1{font-weight:650!important;letter-spacing:-.04em!important}
.account-card,.account-tab{border-color:var(--ts-card-border)!important;background:var(--ts-card-bg)!important;box-shadow:var(--ts-card-shadow)!important}
.profile-sidebar{position:sticky;top:92px;align-self:start}
.form-grid,.account-form{gap:16px!important}
.form-field>span,.account-form label>span{font-weight:650!important;letter-spacing:-.01em!important}

/* Shared real-time notice surfaces */
.ts-global-notices{position:fixed;z-index:9500;left:50%;top:82px;transform:translateX(-50%);width:min(calc(100% - 28px),760px);display:grid;gap:8px;pointer-events:none}
.ts-global-notice{display:flex;align-items:center;justify-content:center;gap:10px;min-height:42px;padding:9px 14px;border:1px solid var(--edge);border-radius:var(--ts-radius-md);background:color-mix(in srgb,var(--mat-thick) 94%,transparent);-webkit-backdrop-filter:saturate(180%) blur(24px);backdrop-filter:saturate(180%) blur(24px);box-shadow:var(--sh-2);color:var(--ink);font-size:13px;font-weight:650;text-align:center;pointer-events:auto}
.ts-global-notice.info{border-color:color-mix(in srgb,var(--tint) 30%,var(--edge))}.ts-global-notice.warning{border-color:color-mix(in srgb,var(--orange,#ff9f0a) 40%,var(--edge))}.ts-global-notice.danger{border-color:color-mix(in srgb,var(--red,#ff453a) 40%,var(--edge))}.ts-global-notice a{color:var(--tint);font-weight:750}
@media(max-width:720px){.ts-global-notices{top:70px}.profile-sidebar{position:static}.profile-nav button:hover,.sidebar-nav button:hover{transform:none}}


.ts-copyright-footer{max-width:var(--content,1180px);margin:28px auto 18px;padding:16px 20px;text-align:center;color:var(--ink-3);font-size:12px;line-height:1.5;border-top:1px solid var(--edge);}
.ts-copyright-footer strong{color:var(--ink-2);font-weight:700;}

/* Catalog search: the outer .search-box is the only visual surface. */
.search-box input[type="search"],
.search-box input[type="search"]:focus,
.search-box input[type="search"]:focus-visible {
  min-height:40px!important;
  height:40px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  outline:0!important;
}

/* Help Center search: the outer .help-search-wrap is the only visual surface. */
.help-search-wrap #helpSearch,
.help-search-wrap #helpSearch:hover,
.help-search-wrap #helpSearch:focus,
.help-search-wrap #helpSearch:focus-visible {
  min-height:40px!important;
  height:40px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  outline:0!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}
.help-search-wrap #helpSearch::-webkit-search-decoration,
.help-search-wrap #helpSearch::-webkit-search-cancel-button,
.help-search-wrap #helpSearch::-webkit-search-results-button,
.help-search-wrap #helpSearch::-webkit-search-results-decoration{display:none!important}

/* Unified public custom selects */
.ts-custom-select{position:relative;width:100%;min-width:0}
.ts-custom-select>.ts-native-select{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;clip-path:inset(50%)!important;overflow:hidden!important}
.ts-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:var(--ts-control-h,42px);padding:0 13px;border:1px solid var(--edge-2,var(--edge));border-radius:12px;background:color-mix(in srgb,var(--fill,rgba(120,120,128,.16)) 74%,transparent);color:var(--ink);font:inherit;font-size:13px;font-weight:600;text-align:left;cursor:pointer;outline:0;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
.ts-select-trigger:hover{border-color:color-mix(in srgb,var(--tint,#0071e3) 30%,var(--edge-2));background:color-mix(in srgb,var(--fill-2,rgba(120,120,128,.24)) 72%,transparent)}
.ts-select-trigger:focus-visible,.ts-custom-select.open .ts-select-trigger{border-color:color-mix(in srgb,var(--tint,#0071e3) 65%,var(--edge));box-shadow:0 0 0 3px color-mix(in srgb,var(--tint,#0071e3) 14%,transparent)}
.ts-select-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ts-select-trigger>.ui-icon{width:15px;height:15px;flex:0 0 auto;color:var(--ink-3);transition:rotate .18s ease,color .18s ease}
.ts-custom-select.open .ts-select-trigger>.ui-icon{rotate:180deg;color:var(--tint)}
.ts-custom-select.disabled .ts-select-trigger{opacity:.55;cursor:not-allowed}
.ts-select-menu{position:fixed;z-index:6200;display:grid;gap:3px;padding:6px;overflow:auto;border:1px solid var(--edge-2,var(--edge));border-radius:13px;background:color-mix(in srgb,var(--solid,#171922) 96%,transparent);box-shadow:0 20px 55px rgba(0,0,0,.36),0 0 0 1px color-mix(in srgb,var(--tint,#0071e3) 5%,transparent);-webkit-backdrop-filter:blur(24px) saturate(150%);backdrop-filter:blur(24px) saturate(150%)}
.ts-select-menu[hidden]{display:none!important}
.ts-select-option{display:flex;align-items:center;width:100%;min-height:36px;padding:8px 10px;border:0;border-radius:9px;background:transparent;color:var(--ink-2);font:inherit;font-size:13px;font-weight:550;text-align:left;cursor:pointer;transition:background .14s ease,color .14s ease}
.ts-select-option:hover,.ts-select-option:focus-visible{background:var(--fill-2);color:var(--ink);outline:0}
.ts-select-option.active{background:color-mix(in srgb,var(--tint,#0071e3) 18%,var(--fill));color:var(--ink);font-weight:700}
.ts-select-option:disabled{opacity:.42;cursor:not-allowed}
@media(max-width:680px){
  .ts-select-menu{left:12px!important;right:12px!important;top:auto!important;bottom:12px!important;width:auto!important;max-height:min(56vh,420px)!important;border-radius:18px;padding:8px;z-index:7001}
  .ts-select-option{min-height:44px;font-size:13px}
  .ts-custom-select.open:before{content:"";position:fixed;z-index:7000;inset:0;background:rgba(0,0,0,.48);backdrop-filter:blur(3px)}
}
@media(prefers-reduced-motion:reduce){.ts-select-trigger,.ts-select-trigger>.ui-icon,.ts-select-option{transition:none}}


/* TrioSoft 16.7.0 ecosystem surfaces */
.ts-notification-wrap{position:relative}.ts-notification-button{position:relative}.ts-notification-button>b{position:absolute;right:-4px;top:-5px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:#ff453a;color:#fff;font-size:10px;display:grid;place-items:center}.ts-notification-popover{position:absolute;right:0;top:calc(100% + 12px);width:min(390px,calc(100vw - 24px));z-index:5000;background:var(--solid,#fff);border:1px solid var(--edge,rgba(0,0,0,.1));border-radius:18px;box-shadow:0 22px 60px rgba(0,0,0,.22);overflow:hidden}.ts-notification-popover.hidden{display:none}.ts-notification-popover header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--edge)}.ts-notification-popover header strong,.ts-notification-popover header span{display:block}.ts-notification-popover header span{font-size:11px;color:var(--ink-3)}.ts-notification-popover header a{font-size:12px;color:var(--accent);text-decoration:none}.ts-notification-list{max-height:390px;overflow:auto}.ts-notification-item{width:100%;display:flex;gap:10px;text-align:left;padding:12px 14px;border:0;border-bottom:1px solid var(--edge);background:transparent;color:var(--ink);cursor:pointer}.ts-notification-item.unread{background:rgba(var(--s1-rgb),.06)}.ts-notification-item>span{width:32px;height:32px;border-radius:10px;background:var(--fill);display:grid;place-items:center;color:var(--accent);flex:0 0 auto}.ts-notification-item div{min-width:0}.ts-notification-item b{display:block;font-size:13px}.ts-notification-item p{margin:3px 0 0;color:var(--ink-3);font-size:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ts-notification-empty{padding:24px;text-align:center;color:var(--ink-3)}.ts-notification-popover footer{padding:10px}.ts-notification-popover footer button{width:100%;border:1px solid var(--edge);background:var(--fill);color:var(--ink);border-radius:11px;padding:9px;display:flex;justify-content:center;gap:7px}.personal-home{margin-top:18px;border:1px solid var(--edge);border-radius:24px;background:linear-gradient(135deg,rgba(var(--s1-rgb),.09),var(--mat));padding:22px}.personal-home-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-end}.personal-home-head h2{margin:5px 0 7px}.personal-home-head p{margin:0;color:var(--ink-3)}.personal-home-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}.personal-home-stats a{display:grid;padding:13px;border:1px solid var(--edge);background:var(--fill);border-radius:14px;text-decoration:none;color:var(--ink)}.personal-home-stats b{font-size:20px}.personal-home-stats span{color:var(--ink-3);font-size:12px}.personal-home-apps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:10px}.personal-home-apps a{display:flex;align-items:center;gap:10px;border:1px solid var(--edge);border-radius:14px;padding:10px;color:var(--ink);text-decoration:none;background:var(--fill)}.personal-home-apps img,.personal-home-apps>a>span{width:36px;height:36px;border-radius:10px;object-fit:cover;display:grid;place-items:center;background:var(--fill-2)}.personal-home-apps div{min-width:0}.personal-home-apps b,.personal-home-apps small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.personal-home-apps small{color:var(--ink-3);margin-top:2px}.pwa-install-button.hidden{display:none!important}.global-search-command-hint{padding:7px 14px;color:var(--ink-3);font-size:11px;border-top:1px solid var(--edge)}
.roadmap-expected{margin-bottom:18px}.roadmap-expected-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.roadmap-expected-grid a{display:flex;gap:12px;align-items:center;padding:14px;border:1px solid var(--edge);border-radius:16px;background:var(--fill);color:var(--ink);text-decoration:none}.roadmap-expected-grid>a>b{font-size:20px;color:var(--accent)}.roadmap-expected-grid strong,.roadmap-expected-grid small{display:block}.roadmap-expected-grid small{color:var(--ink-3);margin-top:3px}
@media(max-width:800px){.personal-home-head{align-items:flex-start;flex-direction:column}.personal-home-stats,.personal-home-apps,.roadmap-expected-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.personal-home-stats,.personal-home-apps,.roadmap-expected-grid{grid-template-columns:1fr}}

/* 16.7.0 — account avatar menu, welcome popup and rendering performance */
.ts-account-link-hidden,.ts-theme-source-hidden{display:none!important}
.ts-profile-wrap{position:relative;display:inline-flex;align-items:center}
.ts-profile-trigger{display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid var(--edge);border-radius:13px;background:var(--fill);color:var(--ink);cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.ts-profile-trigger:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--tint,var(--s1)) 35%,var(--edge));background:color-mix(in srgb,var(--tint-soft,var(--fill)) 70%,var(--fill))}
.ts-profile-avatar,.ts-profile-menu-avatar,.ts-welcome-avatar{display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--tint) 22%,var(--fill)),var(--fill-2));color:var(--tint);font-weight:850;letter-spacing:-.02em}
.ts-profile-avatar{width:30px;height:30px;border-radius:10px;font-size:12px}
.ts-profile-avatar img,.ts-profile-menu-avatar img,.ts-welcome-avatar img{width:100%;height:100%;object-fit:cover}
.ts-profile-menu{position:absolute;z-index:6100;right:0;top:calc(100% + 10px);width:min(286px,calc(100vw - 22px));padding:8px;border:1px solid var(--edge);border-radius:17px;background:color-mix(in srgb,var(--solid) 96%,transparent);box-shadow:0 22px 64px rgba(0,0,0,.34);-webkit-backdrop-filter:blur(22px) saturate(150%);backdrop-filter:blur(22px) saturate(150%)}
.ts-profile-menu.hidden{display:none}
.ts-profile-menu-user{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;padding:8px 9px 11px;margin-bottom:4px;border-bottom:1px solid var(--edge)}
.ts-profile-menu-avatar{width:42px;height:42px;border-radius:13px;font-size:15px}
.ts-profile-menu-user div{min-width:0}.ts-profile-menu-user strong,.ts-profile-menu-user small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ts-profile-menu-user strong{font-size:13px}.ts-profile-menu-user small{margin-top:2px;color:var(--ink-3);font-size:10px}
.ts-profile-menu-row{display:grid;grid-template-columns:32px minmax(0,1fr) 14px;align-items:center;gap:9px;width:100%;padding:9px;border:0;border-radius:12px;background:transparent;color:var(--ink);font:inherit;text-align:left;text-decoration:none;cursor:pointer;transition:background .16s ease,color .16s ease}
.ts-profile-menu-row:hover{background:var(--fill)}.ts-profile-menu-row>.ui-icon:first-child{width:16px;height:16px;color:var(--tint)}.ts-profile-menu-row>.ui-icon:last-child{width:12px;height:12px;color:var(--ink-3)}
.ts-profile-menu-row span{min-width:0}.ts-profile-menu-row b,.ts-profile-menu-row small{display:block}.ts-profile-menu-row b{font-size:12px}.ts-profile-menu-row small{margin-top:2px;color:var(--ink-3);font-size:9.5px;line-height:1.35}
.ts-notification-wrap{display:inline-flex;align-items:center}
.ts-welcome-popup{position:fixed;z-index:11950;inset:0;display:grid;place-items:center;padding:22px;opacity:0;visibility:hidden;transition:opacity .18s ease,visibility .18s ease}
.ts-welcome-popup.visible{opacity:1;visibility:visible}.ts-welcome-popup.leaving{opacity:0;visibility:hidden}
.ts-welcome-backdrop{position:absolute;inset:0;border:0;background:rgba(2,5,12,.60);-webkit-backdrop-filter:blur(10px) saturate(125%);backdrop-filter:blur(10px) saturate(125%);cursor:default}
.ts-welcome-card{position:relative;width:min(920px,calc(100vw - 30px));max-height:min(82vh,720px);overflow:auto;padding:22px;border:1px solid color-mix(in srgb,var(--tint) 18%,var(--edge));border-radius:24px;background:linear-gradient(145deg,color-mix(in srgb,var(--solid) 97%,var(--tint) 3%),var(--solid));box-shadow:0 34px 100px rgba(0,0,0,.44),inset 0 1px 0 rgba(255,255,255,.04);transform:translateY(10px) scale(.985);transition:transform .22s cubic-bezier(.2,.8,.2,1)}
.ts-welcome-popup.visible .ts-welcome-card{transform:none}
.ts-welcome-close{position:absolute;right:14px;top:14px;display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--edge);border-radius:11px;background:var(--fill);color:var(--ink-2);cursor:pointer}.ts-welcome-close .ui-icon{width:14px;height:14px}
.ts-welcome-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-right:44px}.ts-welcome-head h2{margin:5px 0 6px;font-size:clamp(22px,3vw,31px);letter-spacing:-.035em}.ts-welcome-head p{margin:0;color:var(--ink-3)}
.ts-welcome-avatar{width:58px;height:58px;flex:0 0 auto;border-radius:18px;font-size:20px}
.ts-welcome-actions{display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap;margin-top:16px;padding-top:14px;border-top:1px solid var(--edge)}
@media(max-width:720px){.ts-profile-menu{position:fixed;right:10px;top:64px}.ts-welcome-card{padding:18px}.ts-welcome-head{align-items:flex-start}.ts-welcome-avatar{width:48px;height:48px}.personal-home-stats{grid-template-columns:repeat(2,1fr)!important}.personal-home-apps{grid-template-columns:1fr!important}.ts-welcome-actions>*{flex:1 1 auto}}

/* Keep the animated design, but skip paint/layout work for sections that are far below the viewport. */
@supports (content-visibility:auto){
  main>.content-section:not(:first-child),main>.newsletter,.app-grid>.app-card,.news-grid>*{content-visibility:auto;contain-intrinsic-size:auto 420px}
}


/* Copyright © 2026 MELDIX. TrioSoft. All rights reserved. */
/* TrioSoft 16.7.0 — Apple Monochrome UI. Loaded last on public/user pages. */

:root{
  --apple-blue:#0071e3;
  --apple-green:#34c759;
  --apple-orange:#ff9f0a;
  --apple-red:#ff3b30;
  --apple-radius-xs:10px;
  --apple-radius-sm:12px;
  --apple-radius-md:16px;
  --apple-radius-lg:20px;
  --apple-radius-xl:26px;
  --apple-ease:cubic-bezier(.22,.8,.28,1);
  --apple-shadow:0 1px 2px rgba(0,0,0,.06),0 8px 28px rgba(0,0,0,.06);
  --apple-shadow-float:0 18px 55px rgba(0,0,0,.15);
  --glass-blur:18px;
  --blur:none;
  --ts-card-bg:var(--solid);
  --ts-card-shadow:var(--apple-shadow);
  --ts-card-shadow-hover:0 10px 34px rgba(0,0,0,.09);
}

html[data-theme="dark"]{
  color-scheme:dark;
  --paper:#000000;
  --paper-2:#000000;
  --background-solid:#000000;
  --solid:#0a0a0a;
  --surface-solid:#0a0a0a;
  --panel:#0a0a0a;
  --panel-soft:#111111;
  --mat:#0a0a0a;
  --mat-thick:#0a0a0a;
  --fill:#141414;
  --fill-2:#1c1c1e;
  --ink:#f5f5f7;
  --ink-2:#c7c7cc;
  --ink-3:#8e8e93;
  --edge:rgba(255,255,255,.10);
  --edge-2:rgba(255,255,255,.17);
  --line:rgba(255,255,255,.10);
  --line-strong:rgba(255,255,255,.17);
  --tint:var(--apple-blue);
  --tint-soft:rgba(0,113,227,.14);
  --s1:var(--apple-blue);
  --s2:var(--apple-blue);
  --s1-rgb:0,113,227;
  --accent-rgb:0,113,227;
  --green:var(--apple-green);
  --orange:var(--apple-orange);
  --red:#ff453a;
  --spec:none;
  --sh-1:0 1px 2px rgba(0,0,0,.35);
  --sh-2:0 10px 34px rgba(0,0,0,.42);
  --sh-3:0 28px 80px rgba(0,0,0,.62);
}
html[data-theme="light"]{
  color-scheme:light;
  --paper:#ffffff;
  --paper-2:#ffffff;
  --background-solid:#ffffff;
  --solid:#ffffff;
  --surface-solid:#ffffff;
  --panel:#ffffff;
  --panel-soft:#f5f5f7;
  --mat:#ffffff;
  --mat-thick:#ffffff;
  --fill:#f5f5f7;
  --fill-2:#ebebf0;
  --ink:#1d1d1f;
  --ink-2:#515154;
  --ink-3:#86868b;
  --edge:rgba(0,0,0,.085);
  --edge-2:rgba(0,0,0,.15);
  --line:rgba(0,0,0,.085);
  --line-strong:rgba(0,0,0,.15);
  --tint:var(--apple-blue);
  --tint-soft:rgba(0,113,227,.09);
  --s1:var(--apple-blue);
  --s2:var(--apple-blue);
  --s1-rgb:0,113,227;
  --accent-rgb:0,113,227;
  --green:#28a745;
  --orange:#c93400;
  --red:#d70015;
  --spec:none;
  --sh-1:0 1px 2px rgba(0,0,0,.045),0 6px 20px rgba(0,0,0,.035);
  --sh-2:0 12px 34px rgba(0,0,0,.075);
  --sh-3:0 28px 75px rgba(0,0,0,.15);
}

html,body{background:var(--paper)!important;color:var(--ink)!important}
body{min-height:100vh;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
body::before,body::after,.ambient,.ambient-one,.ambient-two,.ts-ambient,.hero-halo,.nova-stage-glow,.nova-hero-gridlines,.news-featured-glow{display:none!important;background:none!important;filter:none!important}

/* No colored/glowing page materials. Real media images remain untouched. */
.site-header,.account-header,.platform-page-header,.catalog-header,
.stats-strip,.platform-card,.release-item,.feature-card,.team-card,.news-card,.news-showcase-card,.news-follow-card,.news-empty-state,
.faq-item,.contact-card,.status-card,.newsletter,.app-card,.search-box,.core-card,.ecosystem-pill,.catalog-summary-card,.catalog-switcher,
.glass-card,.premium-plan-card,.premium-app-card,.partner-card,.roadmap-column,.roadmap-kanban-card,.service-card,.incident-card,.help-card,.help-contact-card,
.account-panel,.account-card,.library-card,.security-card,.device-card,.connection-card,.notification-card,.ticket-card,.achievement-card,.mission-card,.profile-frame-card,
.personal-home,.personal-home-stats>a,.personal-home-apps>a,.roadmap-expected-grid>a,
.app-overview-card,.latest-download-card,.app-gallery-section,.app-reviews-section,.app-premium-block,.detail-info-card,
.review-card,.review-composer-shell,.reviews-score-panel,.help-hero-panel,.partner-directory-list-panel,.partner-focus-card,.partner-ref-profile,.partner-ref-list-panel,.partner-ref-apply,
.updates-setting-card,.updates-warning-card,.updates-action-row,
.ts-welcome-card,.ts-profile-menu,.ts-notification-popover,.global-search-dialog,.help-modal-card,.premium-modal-card,.news-reader-card,.modal-card,.account-modal-card{
  background:var(--solid)!important;
  background-image:none!important;
  border-color:var(--edge)!important;
  box-shadow:var(--sh-1)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

/* Floating chrome may keep a restrained Apple blur; it is a single layer only. */
.site-header,.account-header,.platform-page-header{
  background:color-mix(in srgb,var(--paper) 86%,transparent)!important;
  -webkit-backdrop-filter:saturate(120%) blur(16px)!important;
  backdrop-filter:saturate(120%) blur(16px)!important;
  border-bottom:1px solid var(--edge)!important;
  box-shadow:0 1px 0 var(--edge)!important;
}
.ts-profile-menu,.ts-notification-popover,.ts-select-menu,.global-search-dialog{
  background:color-mix(in srgb,var(--solid) 94%,transparent)!important;
  -webkit-backdrop-filter:saturate(120%) blur(16px)!important;
  backdrop-filter:saturate(120%) blur(16px)!important;
  box-shadow:var(--apple-shadow-float)!important;
}

/* Strip visual gradients and decorative pseudo glow from public cards. */
.platform-card::before,.platform-card::after,.app-card::before,.catalog-summary-card::before,.newsletter::before,
.updates-preference-strip::before,.achievement-card.unlocked::before,.app-detail-cover::before,.app-detail-cover::after,
.partner-premium-hero::before,.partner-ref-profile::after,.partner-focus-banner::after,.partner-detail-banner::after,
.ts-welcome-card::before,.personal-home::before,.personal-home::after,.premium-app-card::before,.premium-app-card::after{
  content:none!important;display:none!important;background:none!important;box-shadow:none!important
}

/* App covers may still show the uploaded cover image, but never a gradient overlay. */
.app-detail-cover{background-color:var(--solid)!important}
.app-detail-cover[style*="url("]{background-blend-mode:normal!important}
.hero.has-custom-background::before{background:rgba(0,0,0,.24)!important;background-image:none!important}
html[data-theme="light"] .hero.has-custom-background::before{background:rgba(255,255,255,.38)!important}

/* Premium stays premium through hierarchy, not gold gradients. */
.premium-plan-card.popular,.premium-app-card,.premium-state,.premium-code-card,.premium-order-card,
.premium-compare-mini section.premium{background:var(--solid)!important;background-image:none!important}
.premium-plan-card.popular{border-color:color-mix(in srgb,var(--apple-blue) 42%,var(--edge))!important}
.premium-plan-badge,.premium-nav-badge,#premiumBadge.section-kicker::before{background:var(--apple-blue)!important;background-image:none!important;color:#fff!important}
.premium-buy-button,.premium-continue,.button-primary,.account-button.primary,.primary-button,.ts-btn-primary{
  background:var(--apple-blue)!important;background-image:none!important;color:#fff!important;border-color:var(--apple-blue)!important;box-shadow:none!important
}
.premium-buy-button:hover,.premium-continue:hover,.button-primary:hover,.account-button.primary:hover,.primary-button:hover,.ts-btn-primary:hover{background:#0077ed!important}

/* Secondary controls: monochrome Apple surfaces. */
.button:not(.button-primary):not(.button-danger):not(.premium-buy-button),.button-secondary,.button-ghost,
.account-button:not(.primary):not(.danger):not(.solid-danger),.secondary-button,.row-action,
.ts-profile-trigger,.ts-profile-menu-row,.ts-notification-item,.ts-notification-popover footer button,
.icon-button,.account-icon-button,.help-modal-close,.modal-close,.ts-welcome-close{
  background:var(--fill)!important;background-image:none!important;border-color:var(--edge)!important;color:var(--ink)!important;box-shadow:none!important
}
.button-danger,.account-button.danger,.account-button.solid-danger{background:var(--red)!important;background-image:none!important;color:#fff!important;border-color:transparent!important}

/* Forms */
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]):not([type="hidden"]),textarea,select,
.ts-select-trigger,.updates-select-trigger,.review-select-trigger,.admin-select-trigger{
  background:var(--fill)!important;background-image:none!important;border:1px solid var(--edge)!important;box-shadow:none!important
}
input:focus,textarea:focus,select:focus,.ts-select-trigger:focus-visible,.ts-custom-select.open .ts-select-trigger{
  border-color:var(--apple-blue)!important;box-shadow:0 0 0 3px rgba(0,113,227,.14)!important
}
.ts-select-menu,.updates-select-menu,.review-select-menu{background:var(--solid)!important;background-image:none!important}
.ts-select-option.active,.updates-select-option.active,.review-select-option.selected{background:var(--tint-soft)!important;background-image:none!important;color:var(--ink)!important}

/* Apple-like geometry and typography */
body{font-family:-apple-system,BlinkMacSystemFont,'SF Pro Text','SF Pro Display','Inter','Segoe UI',sans-serif!important;font-size:15px;line-height:1.47}
h1,h2,h3,h4{font-weight:650!important;letter-spacing:-.035em!important;text-wrap:balance}
p,.app-description,.help-card p,.news-card p{overflow-wrap:anywhere}
.section-shell,.platform-page-shell,.catalog-shell{max-width:1240px}

.glass-card,.catalog-card,.premium-plan-card,.premium-app-card,.partner-card,.roadmap-kanban-card,.help-card,.library-card,.achievement-card,.mission-card,
.account-panel,.account-card,.security-card,.device-card,.notification-card,.ticket-card,.service-card,.incident-card,.personal-home,.app-card{
  border-radius:var(--apple-radius-lg)!important
}
.modal-card,.account-modal-card,.help-modal-card,.premium-modal-card,.news-reader-card,.ts-welcome-card{border-radius:var(--apple-radius-xl)!important}
.button,.account-button,.primary-button,.secondary-button,.row-action,.premium-buy-button,.premium-continue{border-radius:12px!important}

/* Keep motion, but only cheap compositor properties. */
.catalog-card,.premium-plan-card,.premium-app-card,.partner-card,.roadmap-kanban-card,.help-card,.library-card,.achievement-card,.mission-card,.platform-list-item,.dashboard-card,.stat-card,.app-card,
.button,.account-button,.primary-button,.secondary-button,.row-action,.ts-profile-trigger,.ts-profile-menu-row{
  transition:transform .22s var(--apple-ease),border-color .22s ease,background-color .22s ease,opacity .22s ease!important
}
.catalog-card:hover,.premium-plan-card:hover,.premium-app-card:hover,.partner-card:hover,.roadmap-kanban-card:hover,.help-card:hover,.library-card:hover,.achievement-card:hover,.mission-card:hover,.app-card:hover{transform:translateY(-2px)!important;box-shadow:var(--sh-2)!important}

/* Remove expensive glow/shimmer animations while preserving actual UI motion. */
.skeleton,.skeleton-card,.skeleton-line,.ts-skeleton{background:var(--fill)!important;background-image:none!important;animation:pulse-opacity 1.2s ease-in-out infinite alternate!important}
@keyframes pulse-opacity{from{opacity:.55}to{opacity:.9}}

/* Assistant Yui — compact, crisp and monochrome shell. */
.arsyusha-launcher,.yui-launcher{box-shadow:0 8px 28px rgba(0,0,0,.18)!important;background:var(--solid)!important;border:1px solid var(--edge)!important}
.arsyusha-panel,.arsyusha-head,.arsyusha-message.assistant,.arsyusha-message.user,.arsyusha-send{background:var(--solid)!important;background-image:none!important}
.arsyusha-message.user{background:var(--fill)!important}
.arsyusha-send{background:var(--apple-blue)!important;color:#fff!important}

/* Home, catalog and account spacing fixes. */
.hero,.catalog-main,.platform-page-main,.account-main{background:transparent!important}
.stats-strip,.personal-home-stats,.personal-home-apps,.app-grid,.news-grid,.team-grid,.features-grid,.roadmap-expected-grid{min-width:0}
.stats-strip>* ,.personal-home-stats>* ,.personal-home-apps>* ,.app-grid>* ,.news-grid>* ,.team-grid>* ,.features-grid>* ,.roadmap-expected-grid>*{min-width:0}
.app-card,.release-item,.news-card,.team-card,.feature-card,.help-card,.premium-plan-card,.premium-app-card{overflow:hidden}
.app-card img,.team-card img,.partner-card img,.personal-home-apps img{image-rendering:auto}

/* Hide purely decorative colored fields retained by legacy markup. */
[class*="ambient"],[class*="glow"]:not(.status-glow):not(.online-glow){filter:none!important;box-shadow:none!important}

/* Modal backdrop is monochrome, no costly full-screen blur. */
.modal-backdrop,.account-modal-backdrop,.help-modal-backdrop,.premium-modal-backdrop,.news-reader-backdrop,.ts-welcome-backdrop{
  background:rgba(0,0,0,.62)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important
}
html[data-theme="light"] .modal-backdrop,html[data-theme="light"] .account-modal-backdrop,html[data-theme="light"] .help-modal-backdrop,html[data-theme="light"] .premium-modal-backdrop,html[data-theme="light"] .news-reader-backdrop,html[data-theme="light"] .ts-welcome-backdrop{background:rgba(0,0,0,.28)!important}

/* Prevent crooked flex/grid children and horizontal overflow across all public views. */
main,section,article,aside,header,footer,nav,div{min-width:0}
img,video,canvas,iframe{max-width:100%}
pre,code{max-width:100%;overflow:auto}
.button-row,.hero-actions,.view-actions,.app-actions,.partner-actions,.premium-actions,.account-actions,.form-actions{flex-wrap:wrap}

/* Make below-the-fold areas cheap to render without turning the site static. */
@supports(content-visibility:auto){
  .app-grid>.app-card,.news-grid>* ,.team-grid>* ,.features-grid>* ,.roadmap-column,.help-grid>* ,.premium-app-grid>* ,.review-card,.service-card,.partner-list-card{content-visibility:auto;contain-intrinsic-size:auto 320px}
}

/* Mobile and tablet audit fixes. */
@media(max-width:900px){
  .site-header,.account-header{backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important}
  .personal-home-stats,.personal-home-apps,.roadmap-expected-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .partner-directory-layout,.partner-detail-layout-v2,.app-detail-body{grid-template-columns:1fr!important}
}
@media(max-width:640px){
  :root{--gutter:16px}
  .personal-home-stats,.personal-home-apps,.roadmap-expected-grid{grid-template-columns:1fr!important}
  .site-header,.account-header{background:var(--paper)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  .ts-profile-menu,.ts-notification-popover{right:8px!important;width:calc(100vw - 16px)!important}
  .modal-card,.account-modal-card,.help-modal-card,.premium-modal-card,.news-reader-card,.ts-welcome-card{border-radius:20px!important}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* Entry loader: same monochrome theme, no gradient or blurred ambient blobs. */
:root{--ts-loader-bg:#ffffff;--ts-loader-panel:#ffffff;--ts-loader-ink:#1d1d1f;--ts-loader-muted:#86868b;--ts-loader-edge:rgba(0,0,0,.10);--ts-loader-glow:transparent}
html[data-theme="dark"]{--ts-loader-bg:#000000;--ts-loader-panel:#0a0a0a;--ts-loader-ink:#f5f5f7;--ts-loader-muted:#8e8e93;--ts-loader-edge:rgba(255,255,255,.11);--ts-loader-glow:transparent}
.ts-site-loader{background:var(--ts-loader-bg)!important;background-image:none!important}
.ts-site-loader::before,.ts-site-loader::after{display:none!important;content:none!important}
.ts-loader-card{background:var(--ts-loader-panel)!important;background-image:none!important;border-color:var(--ts-loader-edge)!important;box-shadow:0 18px 60px rgba(0,0,0,.18)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.ts-loader-logo-shell{background:var(--fill)!important;background-image:none!important;box-shadow:none!important}
.ts-loader-logo-shell::after{display:none!important;content:none!important}
.ts-loader-progress-track{background:var(--fill)!important}
.ts-loader-progress-fill{background:var(--apple-blue)!important;background-image:none!important;box-shadow:none!important}
.ts-loader-progress-fill i{display:none!important}

/* Pause nonessential visual animation while the tab is hidden. */
html.ts-page-hidden *,html.ts-page-hidden *::before,html.ts-page-hidden *::after{animation-play-state:paused!important}

/* Remaining legacy surfaces that used gradients in older page-specific styles. */
.reviews-page,.reviews-hero,.review-composer-shell,.review-card,.review-card.general-review,
.account-page,.alert-panel,.security-hero,.updates-preference-strip,.updates-setting-card,.updates-warning-card,.updates-action-row,.new-ticket-box,
.device-toolbar,.device-card-item,.premium-state,.premium-code-card,.premium-order-card,.achievement-summary,.achievement-card,.update-card,.release-snippet,.account-notification-card,.mission-card,
.help-hero-panel,.help-contact-card,.help-card,.global-search-dialog,.triosoft-news-dialog,
.partner-banner,.partner-real-stats>div,.partner-directory-list-panel,.partner-focus-card,.partner-focus-banner-empty,.partner-detail-banner-empty,.partner-detail-identity-v2,
.partner-premium-hero,.partner-premium-stats>div,.partner-list-card.active,.partner-conversion-strip,.partner-ref-stats>div,.partner-ref-list-panel,.partner-ref-list-card.active,.partner-ref-profile,.partner-ref-apply,
.app-premium-block,.app-modal,.app-detail-icon,.app-hero-download,.app-detail-body,.latest-download-card,.detail-info-card,.detail-side-action.support-action,.app-plan-compare-grid>article.premium,
.news-featured-card,.news-follow-card,.news-showcase-card,.newsletter,.ecosystem-pill,.core-card,.release-item,.feature-card,.team-card{
  background-image:none!important
}
.review-distribution-track i,.score-track i,.achievement-summary-track i,.level-progress i,.level-progress-track i,.roadmap-progress i,.mission-progress i,.ts-progress>i,.funnel-track i,.analytics-device-progress i,.roadmap-admin-progress-track i{
  background:var(--apple-blue)!important;background-image:none!important
}
.profile-avatar,.updates-card-icon,.app-detail-icon,.partner-admin-avatar,.triosoft-news-app img,.triosoft-news-app>span{
  background:var(--fill)!important;background-image:none!important
}
.security-score-ring,.ts-ring{background:var(--fill)!important;background-image:none!important;border:2px solid var(--apple-blue)!important}
.review-select-option.selected,.updates-select-option.active,.admin-select-option.selected{background:var(--tint-soft)!important;background-image:none!important}

/* Final guarantee: public UI never paints CSS gradients. Inline media backgrounds with url() are exempt. */
body *:not([style*="url("]){background-image:none!important}
body *::before,body *::after{background-image:none!important}
.ts-profile-avatar,.ts-profile-menu-avatar,.ts-welcome-avatar,.review-card,.review-composer-shell{background-color:var(--fill)!important}
.section-kicker::before,.ts-kicker::before{background:var(--apple-blue)!important}


/* ============================================================
   TrioSoft 16.7.0 — Header / Footer / Profile / Yui polish
   Fixes the four public UI surfaces reported after 16.7.0.
   ============================================================ */

/* Desktop navigation: one clean Apple bar, no nested giant pill and no wrapping. */
@media (min-width: 761px) {
  .site-header {
    grid-template-columns: minmax(168px, 1fr) minmax(0, auto) minmax(112px, 1fr) !important;
    gap: 14px !important;
    padding: 7px 9px 7px 13px !important;
    border-radius: 18px !important;
  }
  .main-nav {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 2px !important;
    max-width: min(760px, 61vw) !important;
    padding: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    overscroll-behavior-inline: contain;
  }
  .main-nav::-webkit-scrollbar { display: none !important; }
  .main-nav a {
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    min-height: 34px !important;
    padding: 0 10px !important;
    border-radius: 10px !important;
    white-space: nowrap !important;
    color: var(--ink-2) !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 12.5px !important;
    font-weight: 560 !important;
    letter-spacing: -.012em !important;
  }
  .main-nav a:hover,
  .main-nav a:focus-visible {
    color: var(--ink) !important;
    background: var(--fill) !important;
    outline: none !important;
  }
  /* Premium should feel native to the monochrome Apple navigation, not like an old gold gradient chip. */
  .main-nav a[href="/premium"] {
    color: var(--ink-2) !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    font-weight: 600 !important;
  }
  .main-nav a[href="/premium"]:hover,
  .main-nav a[href="/premium"]:focus-visible {
    color: var(--ink) !important;
    background: var(--fill) !important;
  }
  .header-actions { min-width: 0 !important; }
}

/* Footer links: deliberate columns instead of a loose multi-line cloud. */
.site-footer {
  align-items: start !important;
  grid-template-columns: minmax(230px, .82fr) minmax(0, 1.5fr) !important;
  gap: 28px 52px !important;
}
.footer-links {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  align-content: start !important;
  justify-content: stretch !important;
  justify-items: start !important;
  gap: 10px 24px !important;
  width: 100% !important;
}
.footer-links a {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 28px !important;
  padding: 2px 0 !important;
  border-radius: 0 !important;
  color: var(--ink-2) !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 12.5px !important;
  line-height: 1.35 !important;
  overflow-wrap: anywhere;
}
.footer-links a:hover,
.footer-links a:focus-visible,
.footer-links a[href="/premium"]:hover,
.footer-links a[href="/premium"]:focus-visible {
  color: var(--ink) !important;
  background: transparent !important;
  outline: none !important;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.footer-links a[href="/premium"] { color: var(--ink-2) !important; font-weight: 600 !important; }
.footer-social-links { grid-column: 2 !important; justify-content: flex-start !important; }
.footer-bottom { grid-column: 1 / -1 !important; }
@media (max-width: 980px) {
  .site-footer { grid-template-columns: 1fr !important; gap: 22px !important; }
  .footer-links { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .footer-social-links { grid-column: 1 !important; justify-content: flex-start !important; }
}
@media (max-width: 560px) {
  .footer-links { grid-template-columns: 1fr !important; gap: 6px !important; }
}

/* Account avatar dropdown: compact Apple-style account menu. */
.ts-profile-wrap { position: relative !important; }
.ts-profile-trigger {
  width: 38px !important;
  height: 38px !important;
  padding: 2px !important;
  border-radius: 50% !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
}
.ts-profile-trigger:hover,
.ts-profile-trigger[aria-expanded="true"] {
  transform: none !important;
  background: var(--fill) !important;
  border-color: var(--edge) !important;
}
.ts-profile-avatar {
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  background: var(--fill) !important;
  box-shadow: inset 0 0 0 1px var(--edge) !important;
}
.ts-profile-avatar img,
.ts-profile-menu-avatar img { object-fit: cover !important; }
.ts-profile-menu {
  top: calc(100% + 9px) !important;
  width: min(300px, calc(100vw - 20px)) !important;
  padding: 8px !important;
  border-radius: 18px !important;
  background: var(--solid) !important;
  border: 1px solid var(--edge) !important;
  box-shadow: 0 18px 50px rgba(0,0,0,.22) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
.ts-profile-menu-user {
  grid-template-columns: 44px minmax(0,1fr) !important;
  gap: 11px !important;
  padding: 8px 8px 12px !important;
  margin: 0 0 5px !important;
}
.ts-profile-menu-avatar {
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  background: var(--fill) !important;
  box-shadow: inset 0 0 0 1px var(--edge) !important;
}
.ts-profile-menu-user strong { font-size: 13.5px !important; font-weight: 650 !important; }
.ts-profile-menu-user small { font-size: 10.5px !important; }
.ts-profile-menu-row {
  grid-template-columns: 30px minmax(0,1fr) 14px !important;
  gap: 10px !important;
  min-height: 56px !important;
  padding: 8px 9px !important;
  border-radius: 12px !important;
  background: transparent !important;
}
.ts-profile-menu-row:hover,
.ts-profile-menu-row:focus-visible {
  background: var(--fill) !important;
  outline: none !important;
  transform: none !important;
}
.ts-profile-menu-row > .ui-icon:first-child {
  width: 16px !important;
  height: 16px !important;
  padding: 7px !important;
  box-sizing: content-box !important;
  border-radius: 9px !important;
  color: var(--ink) !important;
  background: var(--fill) !important;
}
.ts-profile-menu-row:hover > .ui-icon:first-child { background: var(--fill-2) !important; }
.ts-profile-menu-row b { font-size: 12.5px !important; font-weight: 620 !important; }
.ts-profile-menu-row small { margin-top: 2px !important; font-size: 10px !important; }

/* TrioSoft Support Bot launcher — crisp vector app-style support icon. */
.arsyusha-root { right: 18px !important; bottom: 16px !important; }
.arsyusha-root.left { right: auto !important; left: 18px !important; }
.arsyusha-launcher,
.yui-launcher {
  width: 78px !important;
  height: 78px !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}
.arsyusha-launcher:hover,
.yui-launcher:hover { transform: translateY(-2px) scale(1.035) !important; filter: none !important; }
.arsyusha-launcher img,
.yui-launcher img {
  width: 78px !important;
  height: 78px !important;
  max-width: none !important;
  border-radius: 0 !important;
  object-fit: cover !important;
  object-position: 50% 13% !important;
  image-rendering: auto !important;
  filter: drop-shadow(0 7px 12px rgba(0,0,0,.24)) !important;
}
@media (max-width: 560px) {
  .arsyusha-root { right: 10px !important; bottom: 10px !important; }
  .arsyusha-root.left { left: 10px !important; }
  .arsyusha-launcher,.yui-launcher { width: 68px !important; height: 68px !important; }
  .arsyusha-launcher img,.yui-launcher img { width: 68px !important; height: 68px !important; }
}


/* TrioSoft 16.7.0 — Instant theme switching
   Theme changes must snap immediately; normal site animations stay enabled. */
html.theme-is-changing *,
html.theme-is-changing *::before,
html.theme-is-changing *::after {
  transition: none !important;
  transition-delay: 0s !important;
}


/* TrioSoft 16.7.0 — serious support-bot icon */
.arsyusha-launcher,.yui-launcher{width:64px!important;height:64px!important;padding:0!important;overflow:visible!important;border:0!important;border-radius:20px!important;background:transparent!important;box-shadow:none!important;filter:none!important}
.arsyusha-launcher img,.yui-launcher img{width:64px!important;height:64px!important;max-width:64px!important;border-radius:20px!important;object-fit:contain!important;object-position:center!important;transform:none!important;image-rendering:auto!important;filter:drop-shadow(0 8px 18px rgba(0,0,0,.22))!important}
.arsyusha-avatar{border-radius:12px!important;background:transparent!important}
.arsyusha-avatar img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;transform:none!important;border-radius:12px!important}
@media(max-width:560px){.arsyusha-launcher,.yui-launcher,.arsyusha-launcher img,.yui-launcher img{width:58px!important;height:58px!important;border-radius:18px!important}}


/* ============================================================
   TrioSoft 16.7.0 — Light Theme Depth
   Pure white Apple-style light theme with restrained physical
   separation. No gradients: depth comes only from borders,
   inset highlights and soft multi-layer shadows.
   ============================================================ */
html[data-theme="light"]{
  --edge:rgba(0,0,0,.105);
  --edge-2:rgba(0,0,0,.17);
  --line:rgba(0,0,0,.105);
  --line-strong:rgba(0,0,0,.17);
  --sh-1:
    inset 0 1px 0 rgba(255,255,255,.98),
    inset 0 -1px 0 rgba(0,0,0,.025),
    0 1px 2px rgba(0,0,0,.065),
    0 7px 22px rgba(0,0,0,.065);
  --sh-2:
    inset 0 1px 0 rgba(255,255,255,1),
    inset 0 -1px 0 rgba(0,0,0,.025),
    0 2px 5px rgba(0,0,0,.075),
    0 13px 34px rgba(0,0,0,.105);
  --sh-3:0 26px 70px rgba(0,0,0,.16),0 8px 24px rgba(0,0,0,.08);
  --apple-shadow:
    inset 0 1px 0 rgba(255,255,255,.98),
    0 1px 2px rgba(0,0,0,.06),
    0 8px 24px rgba(0,0,0,.07);
  --apple-shadow-float:0 22px 60px rgba(0,0,0,.16),0 5px 16px rgba(0,0,0,.08);
  --ts-card-shadow:var(--sh-1);
  --ts-card-shadow-hover:var(--sh-2);
}

/* Main light surfaces: keep them white but visibly layered. */
html[data-theme="light"] :is(
  .stats-strip,.platform-card,.release-item,.feature-card,.team-card,.news-card,.news-showcase-card,.news-follow-card,.news-empty-state,
  .faq-item,.contact-card,.status-card,.newsletter,.app-card,.search-box,.core-card,.ecosystem-pill,.catalog-summary-card,.catalog-switcher,
  .glass-card,.premium-plan-card,.premium-app-card,.partner-card,.roadmap-column,.roadmap-kanban-card,.service-card,.incident-card,.help-card,.help-contact-card,
  .account-panel,.account-card,.library-card,.security-card,.device-card,.connection-card,.notification-card,.ticket-card,.achievement-card,.mission-card,.profile-frame-card,
  .personal-home,.personal-home-stats>a,.personal-home-apps>a,.roadmap-expected-grid>a,
  .app-overview-card,.latest-download-card,.app-gallery-section,.app-reviews-section,.app-premium-block,.detail-info-card,
  .review-card,.review-composer-shell,.reviews-score-panel,.help-hero-panel,.partner-directory-list-panel,.partner-focus-card,.partner-ref-profile,.partner-ref-list-panel,.partner-ref-apply,
  .updates-setting-card,.updates-warning-card,.updates-action-row,
  .ts-welcome-card,.help-modal-card,.premium-modal-card,.news-reader-card,.modal-card,.account-modal-card
){
  background:#fff!important;
  border:1px solid var(--edge)!important;
  box-shadow:var(--sh-1)!important;
}


/* Keep the app feature section elevated without raising :is() specificity globally. */
html[data-theme="light"] .app-detail-main > #app-section-features {
  background:#fff!important;
  border:1px solid var(--edge)!important;
  box-shadow:var(--sh-1)!important;
}

/* Smaller nested tiles need lighter elevation so the page still feels calm. */
html[data-theme="light"] :is(
  .stat-card,.dashboard-card,.premium-state,.premium-code-card,.premium-order-card,.device-card-item,.account-notification-card,
  .release-snippet,.updates-preference-strip,.new-ticket-box,.partner-real-stats>div,.achievement-summary,.mission-summary,.app-detail-meta>*,
  .premium-compare-mini section,.security-check-item,.help-category-card,.notification-row
){
  background:#fff!important;
  border-color:rgba(0,0,0,.09)!important;
  box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(0,0,0,.045),0 4px 13px rgba(0,0,0,.045)!important;
}

/* Hover raises only interactive cards, keeping the rest stable. */
html[data-theme="light"] :is(
  .platform-card,.app-card,.catalog-card,.premium-plan-card,.premium-app-card,.partner-card,.roadmap-kanban-card,.help-card,.library-card,.achievement-card,.mission-card,
  .personal-home-apps>a,.roadmap-expected-grid>a
):hover{
  border-color:rgba(0,0,0,.145)!important;
  box-shadow:var(--sh-2)!important;
}

/* Forms and secondary controls get a tiny physical edge instead of a flat grey slab. */
html[data-theme="light"] :is(
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]):not([type="hidden"]),
  textarea,select,.ts-select-trigger,.updates-select-trigger,.review-select-trigger
){
  background:#f7f7f9!important;
  border-color:rgba(0,0,0,.105)!important;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.035),0 1px 0 rgba(255,255,255,.95)!important;
}
html[data-theme="light"] :is(
  .button:not(.button-primary):not(.button-danger):not(.premium-buy-button),.button-secondary,.button-ghost,
  .account-button:not(.primary):not(.danger):not(.solid-danger),.secondary-button,.row-action,.icon-button,.account-icon-button
){
  border-color:rgba(0,0,0,.105)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 1px 2px rgba(0,0,0,.055),0 3px 9px rgba(0,0,0,.035)!important;
}
html[data-theme="light"] :is(
  .button:not(.button-primary):not(.button-danger):not(.premium-buy-button),.button-secondary,.button-ghost,
  .account-button:not(.primary):not(.danger):not(.solid-danger),.secondary-button,.row-action,.icon-button,.account-icon-button
):active{
  box-shadow:inset 0 1px 3px rgba(0,0,0,.08),0 1px 1px rgba(0,0,0,.025)!important;
  transform:translateY(1px)!important;
}

/* Floating UI is one elevation tier above normal cards. */
html[data-theme="light"] :is(.ts-profile-menu,.ts-notification-popover,.ts-select-menu,.updates-select-menu,.review-select-menu,.global-search-dialog){
  background:#fff!important;
  border:1px solid rgba(0,0,0,.11)!important;
  box-shadow:var(--apple-shadow-float)!important;
}

/* Header stays white and gains only a hairline + tiny lower shadow. */
html[data-theme="light"] :is(.site-header,.account-header,.platform-page-header){
  background:rgba(255,255,255,.94)!important;
  border-color:rgba(0,0,0,.09)!important;
  box-shadow:0 1px 0 rgba(0,0,0,.07),0 5px 18px rgba(0,0,0,.035)!important;
}

/* Modal depth should be obvious even on a pure white page. */
html[data-theme="light"] :is(.modal-card,.account-modal-card,.help-modal-card,.premium-modal-card,.news-reader-card,.ts-welcome-card){
  border-color:rgba(0,0,0,.12)!important;
  box-shadow:0 30px 90px rgba(0,0,0,.19),0 8px 24px rgba(0,0,0,.08),inset 0 1px 0 #fff!important;
}

/* Never reintroduce gradients in the light theme. */
html[data-theme="light"] body *:not([style*="url("]){background-image:none!important}
html[data-theme="light"] body *::before,html[data-theme="light"] body *::after{background-image:none!important}


/* 16.7.0 — Team rows always center their remaining cards. */
.team-grid{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  align-items:stretch!important;
  gap:14px!important;
}
.team-grid>.team-card{
  flex:0 1 404px!important;
  width:min(100%,404px)!important;
  max-width:404px!important;
  justify-self:auto!important;
}
@media (max-width:900px){
  .team-grid>.team-card{
    flex-basis:min(404px,calc(50% - 7px))!important;
    width:min(404px,calc(50% - 7px))!important;
  }
}
@media (max-width:680px){
  .team-grid>.team-card{
    flex:1 1 100%!important;
    width:100%!important;
    max-width:520px!important;
  }
}

/* 16.7.0 — Catalog hero surface fix.
   The catalog introduction is page content, not a grey selected card. */
.catalog-hero {
  background: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
html[data-theme="dark"] .catalog-hero,
html[data-theme="light"] .catalog-hero {
  background: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
}


/* 16.7.0 — Premium hero surface fix.
   The Premium introduction is page content, not a giant grey card. */
.premium-hero {
  background: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
html[data-theme="dark"] .premium-hero,
html[data-theme="light"] .premium-hero {
  background: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
}


/* TrioSoft 16.7.0 — App Library & Detail Cards redesign */
/* A restrained Apple-style hierarchy: solid surfaces, spacing, depth and clean actions. */
.app-modal{
  width:min(1240px,calc(100vw - 40px))!important;
  max-height:calc(100vh - 32px)!important;
  border:1px solid var(--edge)!important;
  border-radius:26px!important;
  background:var(--paper)!important;
  box-shadow:0 38px 110px rgba(0,0,0,.48)!important;
  overflow:auto!important;
}
.app-modal .modal-close{
  position:sticky!important;float:right!important;top:14px!important;z-index:40!important;
  width:38px!important;height:38px!important;margin:14px 14px -52px 0!important;
  border-radius:12px!important;border:1px solid var(--edge)!important;
  background:var(--fill)!important;color:var(--ink)!important;
  box-shadow:0 8px 22px rgba(0,0,0,.16)!important;
}
.app-detail-cover{
  min-height:272px!important;
  padding:38px 344px 34px 38px!important;
  background-color:var(--solid)!important;
  border-bottom:1px solid var(--edge)!important;
}
.app-detail-cover::before,.app-detail-cover::after{display:none!important;content:none!important}
.app-detail-head{display:flex!important;align-items:center!important;gap:24px!important;min-width:0}
.app-detail-icon{
  width:104px!important;height:104px!important;flex:0 0 104px!important;
  border:1px solid var(--edge)!important;border-radius:25px!important;
  background:var(--fill)!important;padding:0!important;
  box-shadow:0 16px 36px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.04)!important;
  overflow:hidden!important;
}
.app-detail-icon img{width:100%!important;height:100%!important;object-fit:cover!important}
.app-detail-title{min-width:0}
.app-detail-title .app-badges{display:flex!important;gap:6px!important;flex-wrap:wrap!important;margin:0 0 12px!important}
.app-detail-title .badge{
  min-height:24px!important;padding:0 9px!important;border-radius:999px!important;
  border:1px solid var(--edge)!important;background:var(--fill)!important;
  color:var(--ink-2)!important;font-size:9px!important;font-weight:760!important;
}
.app-detail-title h2{
  margin:0 0 8px!important;font-size:clamp(34px,3.1vw,46px)!important;
  line-height:1.02!important;letter-spacing:-.05em!important;color:var(--ink)!important;
}
.app-detail-title>p{max-width:650px!important;margin:0!important;font-size:13.5px!important;line-height:1.58!important;color:var(--ink-2)!important}
.app-detail-hero-metrics{display:flex!important;gap:8px!important;flex-wrap:wrap!important;margin-top:17px!important}
.app-detail-metric{
  min-height:34px!important;padding:0 10px!important;border:1px solid var(--edge)!important;
  border-radius:10px!important;background:var(--fill)!important;color:var(--ink-2)!important;
  box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
.app-detail-metric .ui-icon{color:var(--apple-blue)!important}.app-detail-metric b{color:var(--ink)!important;font-size:11px!important}.app-detail-metric em{color:var(--ink-3)!important;font-size:9.5px!important}
.app-detail-hero-actions{
  position:absolute!important;right:30px!important;top:50%!important;transform:translateY(-50%)!important;
  width:280px!important;display:grid!important;gap:9px!important;padding:14px!important;
  border:1px solid var(--edge)!important;border-radius:20px!important;background:var(--paper)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.24)!important;
}
.app-hero-actions-label{display:grid;gap:3px;padding:2px 3px 11px;margin-bottom:1px;border-bottom:1px solid var(--edge);min-width:0}
.app-hero-actions-label small{color:var(--apple-blue);font-size:8.5px;font-weight:850;letter-spacing:.12em}
.app-hero-actions-label strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink);font-size:13px;letter-spacing:-.01em}
.app-hero-actions-label span{color:var(--ink-3);font-size:9.5px}
.app-detail-hero-actions .button{
  min-height:44px!important;width:100%!important;justify-content:center!important;gap:8px!important;
  border-radius:12px!important;font-size:11.5px!important;font-weight:760!important;box-shadow:none!important;
}
.app-detail-hero-actions .ui-icon{width:15px!important;height:15px!important}
.app-hero-download{background:var(--apple-blue)!important;border-color:var(--apple-blue)!important;color:#fff!important}
.app-hero-download:hover{background:#0077ed!important}
.app-hero-support,.app-hero-bug{background:var(--fill)!important;border-color:var(--edge)!important;color:var(--ink)!important}

.app-detail-body{
  display:grid!important;grid-template-columns:minmax(0,1.65fr) minmax(330px,.72fr)!important;
  align-items:start!important;gap:20px!important;padding:22px!important;background:var(--paper)!important;
}
.app-detail-main{display:grid!important;gap:16px!important;min-width:0!important}
.app-overview-card,.latest-download-card,.app-gallery-section,.app-reviews-section,.app-premium-block,.app-detail-main>#app-section-features,.app-version-diff{
  margin:0!important;padding:20px!important;border:1px solid var(--edge)!important;border-radius:18px!important;
  background:var(--solid)!important;box-shadow:0 12px 32px rgba(0,0,0,.12)!important;
}
.app-overview-heading,.app-section-heading{margin-bottom:14px!important}
.app-overview-heading>span,.detail-side-heading>span{
  width:36px!important;height:36px!important;border:1px solid var(--edge)!important;border-radius:11px!important;
  background:var(--fill)!important;color:var(--apple-blue)!important;
}
.app-overview-heading small,.detail-side-heading small,.app-section-heading>div>span,.latest-release-kicker{color:var(--apple-blue)!important}
.app-overview-heading h3,.app-section-heading h3,.latest-release-heading h3{color:var(--ink)!important;letter-spacing:-.025em!important}
.app-overview-card .app-description{font-size:13px!important;line-height:1.72!important;color:var(--ink-2)!important}
.app-overview-card .tag-row{display:flex!important;flex-wrap:wrap!important;gap:7px!important;margin-top:16px!important}
.app-overview-card .tag{padding:6px 9px!important;border:1px solid var(--edge)!important;border-radius:999px!important;background:var(--fill)!important;color:var(--ink-2)!important}

.latest-download-card{padding:20px!important}
.latest-download-top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;padding-bottom:14px!important;margin-bottom:14px!important;border-bottom:1px solid var(--edge)!important}
.release-version-pill{padding:7px 10px!important;border:1px solid rgba(0,113,227,.28)!important;border-radius:999px!important;background:rgba(0,113,227,.08)!important;color:var(--apple-blue)!important;font-weight:760!important}
.latest-download-card .download-buttons{gap:8px!important}.latest-download-card .download-buttons .button{border-radius:11px!important;box-shadow:none!important}
.latest-download-card .release-notes,.latest-download-card .markdown-body{color:var(--ink-2)!important}

.detail-side{
  position:sticky!important;top:16px!important;display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;align-content:start!important;
}
.detail-side-heading{
  grid-column:1/-1!important;display:flex!important;align-items:center!important;gap:10px!important;
  padding:16px!important;border:1px solid var(--edge)!important;border-radius:16px!important;
  background:var(--solid)!important;box-shadow:0 10px 28px rgba(0,0,0,.10)!important;
}
.detail-side-heading strong{font-size:13px!important}.detail-side-heading small{font-size:8.5px!important}
.detail-info-card{
  display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;align-items:center!important;
  gap:10px!important;min-height:78px!important;padding:12px!important;
  border:1px solid var(--edge)!important;border-radius:15px!important;background:var(--solid)!important;
  box-shadow:0 8px 22px rgba(0,0,0,.08)!important;transform:none!important;
}
.detail-info-card:hover{transform:translateY(-2px)!important;border-color:color-mix(in srgb,var(--apple-blue) 28%,var(--edge))!important;box-shadow:0 14px 28px rgba(0,0,0,.12)!important}
.detail-info-cpu{grid-column:1/-1!important;min-height:70px!important}
.detail-info-icon{
  width:34px!important;height:34px!important;border:1px solid var(--edge)!important;border-radius:10px!important;
  background:var(--fill)!important;color:var(--apple-blue)!important;
}
.detail-info-icon .ui-icon{width:16px!important;height:16px!important}
.detail-info-copy{gap:3px!important}.detail-info-copy small{font-size:8.5px!important;letter-spacing:.055em!important;color:var(--ink-3)!important}.detail-info-copy strong{font-size:11.5px!important;color:var(--ink)!important;line-height:1.35!important;overflow-wrap:anywhere}
.detail-info-arrow{display:none!important}
.detail-side-action{grid-column:1/-1!important;min-height:44px!important;margin:0!important;border-radius:12px!important;background:var(--fill)!important;border-color:var(--edge)!important;box-shadow:none!important}
.detail-side-action:hover{border-color:color-mix(in srgb,var(--apple-blue) 28%,var(--edge))!important}

.app-highlight-grid{gap:8px!important}.app-highlight-item{min-height:62px!important;padding:11px!important;border-radius:13px!important;background:var(--fill)!important;border-color:var(--edge)!important}
.app-highlight-item>span,.app-premium-item>span{background:rgba(0,113,227,.09)!important;color:var(--apple-blue)!important}
.app-plan-compare-grid{gap:10px!important}.app-plan-compare-grid>article{border-radius:15px!important;background:var(--fill)!important}.app-plan-compare-grid>article.premium{background:var(--fill)!important;border-color:rgba(0,113,227,.28)!important}

/* Catalog application cards use the same design language as the detail view. */
.app-grid{align-items:stretch!important}
.app-card{
  min-height:350px!important;padding:16px!important;border:1px solid var(--edge)!important;border-radius:20px!important;
  background:var(--solid)!important;box-shadow:0 12px 30px rgba(0,0,0,.10)!important;
  display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important;overflow:hidden!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
.app-card:hover{transform:translateY(-3px)!important;border-color:color-mix(in srgb,var(--apple-blue) 28%,var(--edge))!important;box-shadow:0 20px 44px rgba(0,0,0,.16)!important}
.app-card:focus-visible{outline:none!important;border-color:var(--apple-blue)!important;box-shadow:0 0 0 3px rgba(0,113,227,.14),0 18px 40px rgba(0,0,0,.14)!important}
.app-card-top{align-items:flex-start!important}.app-card .app-icon{width:68px!important;height:68px!important;border:1px solid var(--edge)!important;border-radius:17px!important;background:var(--fill)!important;box-shadow:0 9px 22px rgba(0,0,0,.14)!important;overflow:hidden!important}.app-card .app-icon img{width:100%!important;height:100%!important;object-fit:cover!important}
.app-card .app-badges{gap:5px!important}.app-card .badge{border-radius:999px!important;background:var(--fill)!important;border-color:var(--edge)!important}
.app-card-body{padding-top:14px!important}.app-card-category{display:inline-flex!important;width:max-content!important;max-width:100%!important;background:rgba(0,113,227,.08)!important;border-color:rgba(0,113,227,.18)!important;color:var(--apple-blue)!important}
.app-card h3{margin:10px 0 6px!important;font-size:20px!important;line-height:1.12!important;letter-spacing:-.025em!important;color:var(--ink)!important}
.app-card p{margin:0!important;font-size:12.5px!important;line-height:1.58!important;color:var(--ink-2)!important}
.app-card .tag-row{margin-top:12px!important;gap:6px!important}.app-card .tag{padding:5px 7px!important;border:1px solid var(--edge)!important;border-radius:999px!important;background:var(--fill)!important;color:var(--ink-3)!important;font-size:9px!important}
.app-card-stats{display:flex!important;gap:7px!important;margin-top:13px!important}.app-card-stats span{min-height:28px!important;padding:0 8px!important;border:1px solid var(--edge)!important;border-radius:9px!important;background:var(--fill)!important;color:var(--ink-3)!important}.app-card-stats .ui-icon{color:var(--apple-blue)!important}
.app-card-footer{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:15px -16px -16px!important;padding:13px 16px!important;border:0!important;border-top:1px solid var(--edge)!important;border-radius:0!important;background:var(--fill)!important}
.app-card-footer .version-copy small{color:var(--ink-3)!important}.app-card-footer .version-copy strong{color:var(--ink)!important}
.app-card .card-link{display:inline-flex!important;align-items:center!important;gap:5px!important;min-height:32px!important;padding:0 10px!important;border:1px solid rgba(0,113,227,.24)!important;border-radius:10px!important;background:rgba(0,113,227,.08)!important;color:var(--apple-blue)!important;font-weight:760!important}

html[data-theme="light"] .app-modal{box-shadow:0 30px 90px rgba(0,0,0,.20)!important}
html[data-theme="light"] .app-detail-hero-actions,
html[data-theme="light"] .app-overview-card,
html[data-theme="light"] .latest-download-card,
html[data-theme="light"] .app-gallery-section,
html[data-theme="light"] .app-reviews-section,
html[data-theme="light"] .app-premium-block,
html[data-theme="light"] .app-detail-main>#app-section-features,
html[data-theme="light"] .app-version-diff,
html[data-theme="light"] .detail-side-heading,
html[data-theme="light"] .detail-info-card,
html[data-theme="light"] .app-card{
  box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(0,0,0,.045),0 10px 28px rgba(0,0,0,.075)!important;
}

@media(max-width:980px){
  .app-detail-cover{padding:30px 30px 148px!important}
  .app-detail-hero-actions{left:30px!important;right:30px!important;top:auto!important;bottom:24px!important;width:auto!important;transform:none!important;grid-template-columns:1fr 1fr!important}
  .app-hero-actions-label{grid-column:1/-1!important}
  .app-detail-body{grid-template-columns:1fr!important}
  .detail-side{position:static!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:680px){
  .app-modal{width:100%!important;max-height:100vh!important;border-radius:0!important}
  .app-detail-cover{padding:24px 18px 216px!important}
  .app-detail-head{align-items:flex-start!important;gap:14px!important}
  .app-detail-icon{width:78px!important;height:78px!important;flex-basis:78px!important;border-radius:19px!important}
  .app-detail-title h2{font-size:28px!important}
  .app-detail-title>p{font-size:12px!important}
  .app-detail-hero-actions{left:18px!important;right:18px!important;bottom:18px!important;grid-template-columns:1fr!important;padding:11px!important}
  .app-hero-actions-label{grid-column:auto!important}
  .app-detail-body{padding:12px!important}
  .detail-side{grid-template-columns:1fr!important}.detail-side-heading,.detail-info-cpu,.detail-side-action{grid-column:auto!important}
  .app-card{min-height:330px!important}
}
@media(prefers-reduced-motion:reduce){.app-card,.detail-info-card{transition:none!important}}


/* TrioSoft 16.7.0 — light hero shell fix.
   Hero introductions are page layout, not elevated cards. Keep depth on the
   actual summary/action cards nested inside them. */
html[data-theme="light"] :is(.catalog-hero,.premium-hero,.platform-page-hero){
  background:transparent!important;
  background-image:none!important;
  border-color:transparent!important;
  border-width:0!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
html[data-theme="dark"] :is(.catalog-hero,.premium-hero,.platform-page-hero){
  background:transparent!important;
  background-image:none!important;
  border-color:transparent!important;
  border-width:0!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
/* Decorative pseudo layers from older hero designs must not recreate a giant surface. */
:is(.catalog-hero,.premium-hero,.platform-page-hero)::before,
:is(.catalog-hero,.premium-hero,.platform-page-hero)::after{
  box-shadow:none!important;
  background:none!important;
}


/* TrioSoft 16.7.0 — FINAL CLEAN HERO SURFACES
   Large page introductions are layout, not cards. This intentionally wins over
   every older light-depth selector while preserving depth on nested cards. */
html[data-theme="light"] body :is(.catalog-page-main,.premium-main),
html[data-theme="dark"] body :is(.catalog-page-main,.premium-main){
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  border-color:transparent!important;
  border-radius:0!important;
  box-shadow:none!important;
  outline:0!important;
  filter:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

html[data-theme="light"] body :is(.catalog-hero,.premium-hero,.platform-page-hero),
html[data-theme="dark"] body :is(.catalog-hero,.premium-hero,.platform-page-hero){
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  border-color:transparent!important;
  box-shadow:none!important;
  outline:0!important;
  filter:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

html[data-theme="light"] body :is(.catalog-hero,.premium-hero,.platform-page-hero)::before,
html[data-theme="light"] body :is(.catalog-hero,.premium-hero,.platform-page-hero)::after,
html[data-theme="dark"] body :is(.catalog-hero,.premium-hero,.platform-page-hero)::before,
html[data-theme="dark"] body :is(.catalog-hero,.premium-hero,.platform-page-hero)::after{
  content:none!important;
  display:none!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
}

/* Keep actual nested information cards elevated in light mode. */
html[data-theme="light"] body :is(.catalog-summary-card,.premium-hero-art){
  background:#fff!important;
  border:1px solid rgba(0,0,0,.09)!important;
  box-shadow:0 1px 2px rgba(0,0,0,.04),0 12px 30px rgba(0,0,0,.09)!important;
}


/* 16.7.0 — Account Premium nav: readable, no gradient conflict. */
.profile-nav button[data-account-tab="premium"]{
  color:var(--gold,#f2c94c)!important;
  background-image:none!important;
}
.profile-nav button[data-account-tab="premium"] .ui-icon{color:var(--gold,#f2c94c)!important}
.profile-nav button[data-account-tab="premium"]:hover,
.profile-nav button[data-account-tab="premium"].active{
  color:var(--gold,#f2c94c)!important;
  background:color-mix(in srgb,var(--gold,#f2c94c) 10%,var(--solid))!important;
  background-image:none!important;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gold,#f2c94c) 26%,transparent),0 4px 14px rgba(0,0,0,.08)!important;
}
.profile-nav button[data-account-tab="premium"]:hover .ui-icon,
.profile-nav button[data-account-tab="premium"].active .ui-icon{color:var(--gold,#f2c94c)!important}
.profile-nav button[data-account-tab="premium"] .premium-nav-badge,
.premium-nav-badge{
  min-width:32px!important;
  padding:3px 8px!important;
  border:1px solid color-mix(in srgb,var(--gold,#f2c94c) 28%,transparent)!important;
  background:color-mix(in srgb,var(--gold,#f2c94c) 14%,var(--solid))!important;
  background-image:none!important;
  color:var(--gold,#f2c94c)!important;
  box-shadow:none!important;
}
.profile-nav button[data-account-tab="premium"]:hover .premium-nav-badge,
.profile-nav button[data-account-tab="premium"].active .premium-nav-badge{
  background:color-mix(in srgb,var(--gold,#f2c94c) 18%,var(--solid))!important;
  color:var(--gold,#f2c94c)!important;
}