@font-face { font-family: "Onest"; font-weight: 400; font-display: swap; src: url(/assets/fonts/onest-cyrillic-400.woff2) format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "Onest"; font-weight: 500; font-display: swap; src: url(/assets/fonts/onest-cyrillic-500.woff2) format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "Onest"; font-weight: 600; font-display: swap; src: url(/assets/fonts/onest-cyrillic-600.woff2) format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "Onest"; font-weight: 700; font-display: swap; src: url(/assets/fonts/onest-cyrillic-700.woff2) format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "Onest"; font-weight: 800; font-display: swap; src: url(/assets/fonts/onest-cyrillic-800.woff2) format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "Onest"; font-weight: 400; font-display: swap; src: url(/assets/fonts/onest-latin-400.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+20BD, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Onest"; font-weight: 500; font-display: swap; src: url(/assets/fonts/onest-latin-500.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+20BD, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Onest"; font-weight: 600; font-display: swap; src: url(/assets/fonts/onest-latin-600.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+20BD, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Onest"; font-weight: 700; font-display: swap; src: url(/assets/fonts/onest-latin-700.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+20BD, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Onest"; font-weight: 800; font-display: swap; src: url(/assets/fonts/onest-latin-800.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+20BD, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
:root {
  --a1: #2fd27a; --a2: #14b8a6; --a3: #a3e635; --on-a: #fff;
  --grad: linear-gradient(135deg, var(--a1), var(--a2) 60%, var(--a3));
  --r: 16px; --r-lg: 24px; --r-xl: 28px;
  --ease: cubic-bezier(.2, .8, .2, 1);
  --font: "Onest", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --green: #22c55e; --red: #ef4444; --amber: #f59e0b; --blue: #3b82f6;
}
:root, :root[data-theme="dark"] {
  --bg: #0b0c0f; --panel: #141519; --card: #1b1c21; --card2: #232429; --card3: #2c2e35; --inset: #101114;
  --line: rgba(255,255,255,.06); --line2: rgba(255,255,255,.11);
  --text: #f2f3f5; --text2: #c9ccd3; --muted: #8b8f9a; --muted2: #5c606b;
  --shadow: 0 24px 64px rgba(0,0,0,.5); --shadow-sm: 0 8px 24px rgba(0,0,0,.28);
  --glass: rgba(20,21,25,.8);
  color-scheme: dark;
}
:root[data-theme="light"] {
  --bg: #eef0f4; --panel: #ffffff; --card: #f5f6f9; --card2: #eceef3; --card3: #e2e5ec; --inset: #f7f8fa;
  --line: rgba(15,20,30,.07); --line2: rgba(15,20,30,.13);
  --text: #121419; --text2: #3a3f4a; --muted: #6b7280; --muted2: #a0a6b2;
  --shadow: 0 24px 64px rgba(20,30,50,.14); --shadow-sm: 0 8px 24px rgba(20,30,50,.08);
  --glass: rgba(255,255,255,.84);
  color-scheme: light;
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; font-family: var(--font); background: var(--bg); color: var(--text); font-size: 15px; line-height: 1.45; min-height: 100vh; overflow-x: hidden; -webkit-font-smoothing: antialiased; }
body.noscroll { overflow: hidden; }
button, input, textarea, select { font: inherit; color: inherit; }
button { cursor: pointer; background: none; border: 0; padding: 0; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
h1, h2, h3, h4 { margin: 0; line-height: 1.2; letter-spacing: -.02em; font-weight: 700; }
p { margin: 0; }
.hidden { display: none !important; }
.ic { width: 20px; height: 20px; flex: none; display: inline-block; vertical-align: middle; }
.muted { color: var(--muted); }
.sm { font-size: 13.5px; }
.xs { font-size: 12.5px; }
.acc { color: var(--a1); }
.link { color: var(--a1); font-weight: 600; }
.link:hover { text-decoration: underline; }
::selection { background: color-mix(in srgb, var(--a1) 35%, transparent); }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb { background: var(--card3); border-radius: 10px; border: 3px solid var(--bg); }
::-webkit-scrollbar-track { background: transparent; }
:focus-visible { outline: 2px solid var(--a1); outline-offset: 2px; }
.bg-glow { position: fixed; inset: 0; pointer-events: none; z-index: 0; overflow: hidden; }
.bg-glow i { position: absolute; border-radius: 50%; filter: blur(120px); opacity: .1; }
.bg-glow i:nth-child(1) { width: 700px; height: 500px; background: var(--a1); top: -320px; left: 10%; }
.bg-glow i:nth-child(2) { width: 600px; height: 500px; background: var(--a2); bottom: -300px; right: -100px; opacity: .07; }
[data-glow="off"] .bg-glow { display: none; }
.wrap { width: min(1280px, 100% - 40px); margin: 0 auto; position: relative; z-index: 1; }
#app { position: relative; z-index: 1; min-height: 100vh; display: flex; flex-direction: column; }
#view { flex: 1; padding: 16px 0 56px; }
.shell { background: var(--panel); border: 1px solid var(--line); border-radius: var(--r-xl); padding: 32px; }
.shell + .shell { margin-top: 16px; }
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 44px; padding: 0 18px; border-radius: 13px; background: var(--card2); border: 1px solid transparent; font-weight: 600; font-size: 14.5px; white-space: nowrap; transition: background .18s, transform .12s, filter .18s, opacity .18s; user-select: none; line-height: 1; }
.btn:hover { background: var(--card3); }
.btn:active { transform: scale(.97); }
.btn.pri { background: var(--a1); color: var(--on-a); }
.btn.pri:hover { filter: brightness(1.08); }
.btn.white { background: #fff; color: #111; }
.btn.white:hover { background: #f1f1f1; }
.btn.ghost { background: transparent; }
.btn.ghost:hover { background: var(--card2); }
.btn.line { background: transparent; border-color: var(--line2); }
.btn.danger { background: color-mix(in srgb, var(--red) 14%, transparent); color: #f87171; }
.btn.danger:hover { background: color-mix(in srgb, var(--red) 22%, transparent); }
.btn.ok { background: color-mix(in srgb, var(--green) 15%, transparent); color: #4ade80; }
.btn.sm { height: 36px; padding: 0 13px; border-radius: 11px; font-size: 13.5px; }
.btn.xs { height: 30px; padding: 0 10px; border-radius: 9px; font-size: 12.5px; gap: 5px; }
.btn.xs .ic, .btn.sm .ic { width: 16px; height: 16px; }
.btn.lg { height: 52px; font-size: 16px; border-radius: 15px; }
.btn.wide { width: 100%; }
.btn.icon { width: 44px; padding: 0; }
.btn.sm.icon { width: 36px; }
.btn.xs.icon { width: 30px; }
.btn:disabled { opacity: .45; pointer-events: none; }
[data-theme="light"] .btn.ok { color: #15803d; }
[data-theme="light"] .btn.danger { color: #dc2626; }
.inp, .sel { width: 100%; height: 46px; padding: 0 15px; border-radius: 13px; background: var(--card); border: 1px solid var(--line); outline: none; transition: border-color .18s, box-shadow .18s; font-size: 15px; }
textarea.inp { height: auto; min-height: 100px; padding: 13px 15px; resize: vertical; line-height: 1.5; }
.inp:hover, .sel:hover { border-color: var(--line2); }
.inp:focus, .sel:focus { border-color: color-mix(in srgb, var(--a1) 75%, transparent); box-shadow: 0 0 0 4px color-mix(in srgb, var(--a1) 14%, transparent); }
.inp::placeholder { color: var(--muted2); }
.inp.sm, .sel.sm { height: 38px; border-radius: 11px; font-size: 14px; padding: 0 12px; }
.sel.sm { padding-right: 34px; }
.inp:disabled { opacity: .6; }
.sel { appearance: none; padding-right: 38px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238b8f9a' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center; cursor: pointer; }
.sel option { background: var(--panel); color: var(--text); }
.field { display: grid; gap: 8px; min-width: 0; }
.field > span { font-size: 13.5px; color: var(--muted); font-weight: 500; }
.field small { color: var(--muted2); font-size: 12.5px; }
.fgrid { display: grid; gap: 16px; }
.fgrid.c2 { grid-template-columns: 1fr 1fr; }
.fgrid.c3 { grid-template-columns: repeat(3, 1fr); }
.row { display: flex; align-items: center; gap: 10px; }
.row.wr { flex-wrap: wrap; }
.row.end { justify-content: flex-end; }
.row.sb { justify-content: space-between; }
.row.top { align-items: flex-start; }
.grow { flex: 1; min-width: 0; }
.ell { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.toggle { position: relative; width: 44px; height: 26px; flex: none; border-radius: 99px; background: var(--card3); transition: background .2s; display: inline-block; }
.toggle::after { content: ""; position: absolute; top: 3px; left: 3px; width: 20px; height: 20px; border-radius: 50%; background: #fff; box-shadow: 0 2px 6px rgba(0,0,0,.3); transition: transform .22s var(--ease); }
.toggle.on { background: var(--a1); }
.toggle.on::after { transform: translateX(18px); }
.chk { display: inline-flex; align-items: center; gap: 10px; cursor: pointer; font-size: 14.5px; user-select: none; }
.chk input { width: 18px; height: 18px; accent-color: var(--a1); flex: none; }
.card { background: var(--card); border: 1px solid var(--line); border-radius: var(--r-lg); }
.pad { padding: 22px; }
.chip { display: inline-flex; align-items: center; gap: 7px; height: 38px; padding: 0 15px; border-radius: 12px; background: var(--card); border: 1px solid var(--line); font-size: 14px; font-weight: 500; white-space: nowrap; transition: background .18s, color .18s; }
.chip:hover { background: var(--card2); }
.chip.on { background: var(--text); color: var(--bg); border-color: transparent; }
.chip b { font-weight: 500; opacity: .5; font-size: 12.5px; }
.chips { display: flex; flex-wrap: wrap; gap: 8px; }
.badge { position: absolute; top: 2px; right: 12px; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 99px; background: var(--red); color: #fff; font-size: 11px; font-weight: 700; display: grid; place-items: center; box-shadow: 0 0 0 2px var(--panel); line-height: 1; }
.pill { display: inline-flex; align-items: center; gap: 6px; height: 26px; padding: 0 10px; border-radius: 8px; background: var(--card2); font-size: 12.5px; font-weight: 600; color: var(--muted); white-space: nowrap; }
.pill.acc { background: color-mix(in srgb, var(--a1) 15%, transparent); color: var(--a1); }
.pill .ic { width: 14px; height: 14px; }
.role { display: inline-flex; align-items: center; height: 22px; padding: 0 8px; border-radius: 7px; font-size: 11.5px; font-weight: 700; color: var(--rc); background: color-mix(in srgb, var(--rc) 15%, transparent); white-space: nowrap; letter-spacing: 0; }
.vf { color: var(--a1); display: inline-flex; }
.vf .ic { width: 18px; height: 18px; }
.st { display: inline-flex; align-items: center; gap: 6px; height: 26px; padding: 0 10px; border-radius: 8px; font-size: 12.5px; font-weight: 600; white-space: nowrap; }
.st::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.st-blue { color: #60a5fa; background: rgba(59,130,246,.13); }
.st-violet { color: #a78bfa; background: rgba(139,92,246,.14); }
.st-amber { color: #fbbf24; background: rgba(245,158,11,.13); }
.st-teal { color: #2dd4bf; background: rgba(20,184,166,.14); }
.st-green { color: #4ade80; background: rgba(34,197,94,.13); }
.st-red { color: #f87171; background: rgba(239,68,68,.13); }
.st-gray { color: var(--muted); background: var(--card2); }
[data-theme="light"] .st-blue { color: #2563eb; }
[data-theme="light"] .st-violet { color: #7c3aed; }
[data-theme="light"] .st-amber { color: #b45309; }
[data-theme="light"] .st-teal { color: #0f766e; }
[data-theme="light"] .st-green { color: #15803d; }
[data-theme="light"] .st-red { color: #dc2626; }
.stars { position: relative; display: inline-block; font-size: var(--sz); letter-spacing: 1px; color: var(--card3); line-height: 1; white-space: nowrap; }
.stars::before { content: "★★★★★"; position: absolute; inset: 0; width: var(--v); overflow: hidden; color: #fbbf24; }
.ava { --s: 40px; width: var(--s); height: var(--s); border-radius: 50%; flex: none; display: inline-grid; place-items: center; background: linear-gradient(135deg, var(--g1, var(--a1)), var(--g2, var(--a2))); color: #fff; font-weight: 700; font-size: calc(var(--s) * .42); position: relative; }
.ava img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
.ava b { line-height: 1; }
.ava.dot.is-on::after { content: ""; position: absolute; right: 0; bottom: 0; width: 28%; height: 28%; max-width: 13px; max-height: 13px; min-width: 9px; min-height: 9px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 2.5px var(--card); }
.gt { --s: 56px; width: var(--s); height: var(--s); border-radius: calc(var(--s) * .27); display: inline-grid; place-items: center; flex: none; background: linear-gradient(150deg, var(--g1), var(--g2)); background-size: cover; background-position: center; position: relative; overflow: hidden; box-shadow: inset 0 0 0 1px rgba(255,255,255,.1); }
.gt::after { content: ""; position: absolute; inset: 0; background: linear-gradient(160deg, rgba(255,255,255,.2), transparent 50%); pointer-events: none; }
.gt i { width: 54%; height: 54%; background: var(--fg); -webkit-mask: var(--m) center / contain no-repeat; mask: var(--m) center / contain no-repeat; }
.gt.gt-tt i { filter: drop-shadow(-1.5px -1px 0 #25f4ee) drop-shadow(1.5px 1px 0 #fe2c55); }
.gt em { font-style: normal; font-size: calc(var(--s) * .48); }
.gt.gt-img { background: var(--card2); }
.gt.gt-img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.gt.gt-img::after { background: none; box-shadow: inset 0 0 0 1px rgba(255,255,255,.08); border-radius: inherit; }
.tile:hover .gt.gt-img { box-shadow: 0 14px 30px -12px rgba(0,0,0,.6); }
.bm { display: inline-block; background: currentColor; -webkit-mask: var(--m) center / contain no-repeat; mask: var(--m) center / contain no-repeat; }
.empty { text-align: center; padding: 48px 20px; color: var(--muted); }
.empty .em { width: 64px; height: 64px; border-radius: 20px; display: grid; place-items: center; background: var(--card2); color: var(--muted); margin: 0 auto 14px; }
.empty .em .ic { width: 28px; height: 28px; }
.empty h3 { color: var(--text); margin-bottom: 6px; font-size: 18px; }
.empty p { max-width: 380px; margin: 0 auto; font-size: 14.5px; }
.sep { height: 1px; background: var(--line); margin: 18px 0; }
.kbd { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .9em; background: var(--card2); padding: 3px 8px; border-radius: 7px; }
.note { display: flex; gap: 10px; padding: 13px 15px; border-radius: 14px; background: var(--card); font-size: 14px; color: var(--text2); line-height: 1.45; }
.note .ic { flex: none; width: 18px; height: 18px; color: var(--a1); margin-top: 1px; }
.note.warn { background: color-mix(in srgb, var(--amber) 10%, transparent); }
.note.warn .ic { color: var(--amber); }
.note.safe { background: color-mix(in srgb, var(--green) 10%, transparent); }
.note.safe .ic { color: var(--green); }
[data-tip] { position: relative; }
[data-tip]:hover::after { content: attr(data-tip); position: absolute; bottom: calc(100% + 8px); left: 50%; transform: translateX(-50%); background: var(--text); color: var(--bg); font-size: 12px; font-weight: 600; padding: 5px 9px; border-radius: 8px; white-space: nowrap; pointer-events: none; z-index: 5; }
.logo { display: inline-flex; align-items: center; gap: 10px; font-weight: 800; font-size: 21px; letter-spacing: -.035em; flex: none; }
.logo-mark { width: 34px; height: 34px; flex: none; overflow: visible; }
.logo span b { color: var(--a1); font-weight: 800; }
.announce { text-align: center; font-size: 13.5px; padding: 9px 16px; background: var(--a1); color: var(--on-a); font-weight: 600; position: relative; z-index: 2; }
.hdr-wrap { position: sticky; top: 0; z-index: 50; padding: 12px 0 0; }
.hdr { display: flex; align-items: center; gap: 22px; height: 76px; padding: 0 14px 0 26px; border-radius: var(--r-lg); background: var(--glass); backdrop-filter: blur(20px) saturate(1.5); -webkit-backdrop-filter: blur(20px) saturate(1.5); border: 1px solid var(--line); }
.hsearch { flex: 1; max-width: 620px; position: relative; }
.hsearch > .ic { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); color: var(--muted); width: 18px; height: 18px; pointer-events: none; }
.hsearch input { width: 100%; height: 46px; border-radius: 13px; background: var(--card); border: 1px solid transparent; padding: 0 16px 0 46px; outline: none; transition: .18s; font-size: 15px; }
.hsearch input:focus { border-color: color-mix(in srgb, var(--a1) 60%, transparent); }
.hsearch input::placeholder { color: var(--muted); }
.sres { position: absolute; top: calc(100% + 8px); left: 0; right: 0; background: var(--panel); border: 1px solid var(--line2); border-radius: 18px; box-shadow: var(--shadow); padding: 8px; display: none; max-height: 440px; overflow: auto; z-index: 10; }
.sres.open { display: block; animation: pop .16s var(--ease); }
.sres a { display: flex; align-items: center; gap: 12px; padding: 8px; border-radius: 12px; }
.sres a:hover { background: var(--card); }
.sres b { font-weight: 600; display: block; }
.sres small { display: block; color: var(--muted); font-size: 12.5px; }
.sres .sh { font-size: 11.5px; text-transform: uppercase; letter-spacing: .08em; color: var(--muted2); padding: 8px 8px 4px; font-weight: 700; }
.hnav { display: flex; align-items: center; gap: 2px; margin-left: auto; }
.nb { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; min-width: 76px; height: 60px; padding: 0 8px; border-radius: 14px; color: var(--muted); font-size: 12.5px; font-weight: 500; transition: color .18s, background .18s; }
.nb .ic { width: 24px; height: 24px; }
.nb:hover { color: var(--text); background: var(--card); }
.nb.on { color: var(--text); }
.nb.on .ic { color: var(--a1); }
.nb.nb-fest { color: #fbbf24; }
.nb.nb-fest .ic { color: #fbbf24; filter: drop-shadow(0 0 8px rgba(251,191,36,.45)); }
.nb .ava { --s: 26px; font-size: 12px; }
.nb.me .ava { box-shadow: 0 0 0 2px var(--panel), 0 0 0 3.5px color-mix(in srgb, var(--a1) 70%, transparent); }
.nb.money span { color: var(--text); font-weight: 700; }
.msearch { display: none; margin-top: 10px; }
.pop { position: fixed; z-index: 80; width: 330px; background: var(--panel); border: 1px solid var(--line2); border-radius: 22px; box-shadow: var(--shadow); padding: 10px; display: none; }
.pop.open { display: block; animation: pop .18s var(--ease); }
@keyframes pop { from { opacity: 0; transform: translateY(-6px) scale(.98); } }
.mnav { display: none; }
.sw { --sz: 46px; width: var(--sz); height: var(--sz); border-radius: 50%; position: relative; flex: none; overflow: hidden; cursor: pointer; transition: transform .18s var(--ease); isolation: isolate; }
.sw::before { content: ""; position: absolute; inset: -30%; background: conic-gradient(from 0deg, var(--c1), var(--c2), var(--c3), var(--c1)); animation: swirl 3.2s linear infinite; z-index: -1; }
.sw::after { content: ""; position: absolute; inset: 0; border-radius: 50%; background: radial-gradient(circle at 30% 25%, rgba(255,255,255,.5), transparent 45%); }
.sw:hover { transform: scale(1.08); }
.sw.on { box-shadow: 0 0 0 3px var(--panel), 0 0 0 5px var(--text); }
.sw-wrap { display: flex; flex-direction: column; align-items: center; gap: 8px; font-size: 12.5px; color: var(--muted); }
.sw-wrap.on { color: var(--text); font-weight: 600; }
@keyframes swirl { to { transform: rotate(360deg); } }
.sec { margin-top: 40px; }
.sec:first-child { margin-top: 0; }
.sec-h { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 18px; }
.sec-h h2 { font-size: 24px; display: flex; align-items: center; gap: 10px; }
.sec-h h2 > .ic { color: var(--a1); width: 22px; height: 22px; }
.sec-h a { color: var(--muted); font-size: 14px; display: inline-flex; align-items: center; gap: 2px; font-weight: 500; }
.sec-h a:hover { color: var(--text); }
.sec-h a .ic { width: 16px; height: 16px; }
.slider { position: relative; }
.slides { position: relative; border-radius: 22px; overflow: hidden; height: 300px; background: var(--card); }
.slide { position: absolute; inset: 0; display: flex; align-items: center; padding: 0 60px; opacity: 0; visibility: hidden; transition: opacity .55s ease, visibility .55s; background-size: cover; background-position: center; color: #fff; overflow: hidden; }
.slide.on { opacity: 1; visibility: visible; z-index: 1; }
.slide::before { content: ""; position: absolute; inset: 0; background: radial-gradient(ellipse at 78% 50%, rgba(255,255,255,.22), transparent 45%), linear-gradient(90deg, rgba(0,0,0,.25), transparent 60%); }
.slide .s-txt { position: relative; max-width: 560px; z-index: 1; }
.slide h2 { font-size: clamp(28px, 4.2vw, 50px); font-weight: 800; letter-spacing: -.04em; line-height: 1.02; text-shadow: 0 4px 24px rgba(0,0,0,.2); }
.slide p { margin: 14px 0 24px; font-size: clamp(14px, 1.5vw, 18px); opacity: .92; max-width: 440px; }
.slide .btn { height: 48px; padding: 0 22px; }
.slide .art { position: absolute; right: 9%; top: 50%; width: 200px; height: 200px; margin-top: -100px; display: grid; place-items: center; font-size: 150px; line-height: 1; filter: drop-shadow(0 24px 40px rgba(0,0,0,.35)); animation: float 6s ease-in-out infinite; }
.slide .art .bm { width: 180px; height: 180px; color: #fff; }
.slide .art .gt.art-game { border-radius: 44px; box-shadow: 0 30px 60px -10px rgba(0,0,0,.45), 0 0 0 6px rgba(255,255,255,.18); transform: rotate(-8deg); }
@keyframes float { 50% { transform: translateY(-14px) rotate(-3deg); } }
.sl-arrow { position: absolute; top: 150px; z-index: 3; width: 44px; height: 44px; margin-top: -22px; border-radius: 50%; background: var(--panel); color: var(--text); display: grid; place-items: center; box-shadow: var(--shadow-sm); border: 1px solid var(--line); transition: transform .15s; }
.sl-arrow:hover { transform: scale(1.06); }
.sl-arrow.l { left: -22px; }
.sl-arrow.r { right: -22px; }
.dots { display: flex; justify-content: center; gap: 6px; margin-top: 14px; }
.dots button { width: 28px; height: 4px; border-radius: 9px; background: var(--card3); transition: .3s; }
.dots button.on { background: var(--a1); width: 40px; }
.tiles-wrap { position: relative; }
.tiles { display: flex; gap: 14px; overflow-x: auto; scroll-snap-type: x proximity; scrollbar-width: none; padding: 6px 2px 4px; margin: -6px -2px -4px; scroll-behavior: smooth; }
.tiles::-webkit-scrollbar { display: none; }
.tile { display: flex; flex-direction: column; align-items: center; gap: 10px; flex: none; width: 100px; scroll-snap-align: start; }
.tile .gt { --s: 100px; border-radius: 24px; transition: transform .22s var(--ease), box-shadow .22s; }
.t-arrow { position: absolute; top: 28px; z-index: 2; width: 40px; height: 40px; border-radius: 50%; background: var(--panel); border: 1px solid var(--line2); display: grid; place-items: center; box-shadow: var(--shadow-sm); }
.t-arrow.l { left: -20px; }
.t-arrow.r { right: -20px; }
.t-arrow[hidden] { display: none; }
.tile:hover .gt { transform: translateY(-4px); box-shadow: 0 14px 30px -12px var(--g1); }
.tile .n { font-size: 14.5px; font-weight: 600; max-width: 100%; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fest { position: relative; overflow: hidden; border-radius: 22px; padding: 26px 32px; display: grid; grid-template-columns: 1fr auto 1fr; gap: 24px; align-items: center; color: #fff; min-height: 196px; }
.fest::before { content: ""; position: absolute; inset: 0; background: repeating-linear-gradient(90deg, rgba(255,255,255,.06) 0 1px, transparent 1px 48px), repeating-linear-gradient(0deg, rgba(255,255,255,.06) 0 1px, transparent 1px 48px); }
.fest > * { position: relative; }
.fest h3 { font-size: 36px; font-weight: 800; letter-spacing: -.04em; line-height: 1; }
.fest p { opacity: .9; margin-top: 10px; max-width: 320px; font-size: 14.5px; }
.fest .mid { text-align: center; }
.fest .mid .t { display: inline-block; font-size: 14px; font-weight: 600; background: rgba(0,0,0,.25); padding: 7px 18px; border-radius: 12px; margin-bottom: 14px; }
.fest .emo { justify-self: end; font-size: 104px; line-height: 1; filter: drop-shadow(0 14px 24px rgba(0,0,0,.3)); animation: float 5s ease-in-out infinite; margin-right: 20px; }
.cd { display: inline-flex; gap: 6px; align-items: flex-start; }
.cd > div { text-align: center; }
.cd b { display: grid; place-items: center; min-width: 60px; height: 62px; border-radius: 15px; background: rgba(0,0,0,.28); font-size: 30px; font-weight: 800; font-variant-numeric: tabular-nums; border: 1px solid rgba(255,255,255,.14); }
.cd small { display: block; margin-top: 6px; font-size: 12px; opacity: .85; font-weight: 600; }
.cd i { font-style: normal; font-size: 22px; font-weight: 800; opacity: .55; padding-top: 16px; }
.fest .mid .btn { margin-top: 16px; display: flex; margin-left: auto; margin-right: auto; width: max-content; }
.live { display: flex; gap: 10px; overflow: hidden; -webkit-mask-image: linear-gradient(90deg, #000 88%, transparent); mask-image: linear-gradient(90deg, #000 88%, transparent); }
.lv { flex: none; width: 280px; display: flex; gap: 12px; align-items: center; padding: 12px; border-radius: 18px; background: var(--card); border: 1px solid var(--line); transition: background .18s; }
.lv:hover { background: var(--card2); }
.lv.new { animation: lvIn .7s var(--ease) both; }
@keyframes lvIn { from { margin-left: -290px; opacity: 0; } }
.lv .gt { --s: 44px; }
.lv b { font-size: 14px; display: block; }
.lv small { display: block; font-size: 12.5px; color: var(--muted); }
.lv .pr { margin-left: auto; text-align: right; flex: none; font-weight: 700; font-size: 14.5px; }
.live-dot { width: 9px; height: 9px; border-radius: 50%; background: var(--red); animation: livep 1.6s infinite; display: inline-block; flex: none; }
@keyframes livep { 0% { box-shadow: 0 0 0 0 rgba(239,68,68,.55); } 70% { box-shadow: 0 0 0 9px rgba(239,68,68,0); } 100% { box-shadow: 0 0 0 0 rgba(239,68,68,0); } }
.letters { display: flex; flex-wrap: wrap; gap: 4px; margin-bottom: 16px; }
.letters button { min-width: 34px; height: 34px; padding: 0 10px; border-radius: 10px; font-weight: 600; font-size: 14px; color: var(--muted); }
.letters button:hover { background: var(--card); color: var(--text); }
.letters button.on { background: var(--text); color: var(--bg); }
.games { display: grid; grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); gap: 12px; }
.gc { display: flex; gap: 14px; padding: 16px; border-radius: 20px; background: var(--card); border: 1px solid var(--line); transition: border-color .18s; align-items: flex-start; }
.gc:hover { border-color: var(--line2); }
.gc .gt { --s: 52px; }
.gc h3 { font-size: 16px; margin: 3px 0 7px; font-weight: 700; }
.gc h3 a:hover { color: var(--a1); }
.gc .cats { display: flex; flex-wrap: wrap; gap: 3px 12px; font-size: 13.5px; }
.gc .cats a { color: var(--muted); }
.gc .cats a:hover { color: var(--a1); }
.guar { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.gu { padding: 22px; border-radius: 20px; background: var(--card); border: 1px solid var(--line); }
.gu .gi { width: 46px; height: 46px; border-radius: 14px; display: grid; place-items: center; background: color-mix(in srgb, var(--a1) 14%, transparent); color: var(--a1); margin-bottom: 16px; }
.gu .gi .ic { width: 22px; height: 22px; }
.gu h4 { font-size: 16px; margin-bottom: 6px; }
.gu p { color: var(--muted); font-size: 14px; }
.rv-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 12px; }
.rv { padding: 18px; border-radius: 20px; background: var(--card); border: 1px solid var(--line); display: flex; flex-direction: column; }
.rv-h { display: flex; gap: 10px; align-items: center; margin-bottom: 12px; }
.rv-h b { display: block; font-size: 14.5px; }
.rv-h small { color: var(--muted); font-size: 12.5px; }
.rv p { font-size: 14.5px; flex: 1; }
.rv .it { margin-top: 12px; font-size: 12.5px; color: var(--muted); }
.cta { display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; padding: 28px 30px; border-radius: 22px; background: radial-gradient(ellipse at 100% 0%, color-mix(in srgb, var(--a1) 26%, transparent), transparent 60%), var(--card); border: 1px solid var(--line); }
.cta h3 { font-size: 22px; }
.cta p { color: var(--muted); margin-top: 6px; }
.crumbs { display: flex; align-items: center; gap: 4px; font-size: 13.5px; color: var(--muted); margin-bottom: 18px; flex-wrap: wrap; }
.crumbs a:hover { color: var(--text); }
.crumbs .ic { width: 14px; height: 14px; opacity: .55; }
.ghead { display: flex; gap: 20px; align-items: center; margin-bottom: 22px; }
.ghead .gt { --s: 80px; border-radius: 22px; }
.ghead h1 { font-size: 32px; font-weight: 800; letter-spacing: -.035em; }
.ghead p { color: var(--muted); margin-top: 8px; max-width: 760px; font-size: 14.5px; }
.filters { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; margin: 18px 0; }
.filters .hsearch { max-width: 280px; flex: none; width: 280px; }
.filters .hsearch input { height: 40px; }
.filters .sp { flex: 1; }
.tbl { border: 1px solid var(--line); border-radius: 20px; overflow: hidden; background: var(--card); }
.tr { display: grid; grid-template-columns: minmax(0, 1fr) 240px 100px 120px; gap: 18px; align-items: center; padding: 15px 20px; border-top: 1px solid var(--line); transition: background .15s; }
.tr:first-child { border-top: 0; }
.tr.th { font-size: 13px; color: var(--muted); font-weight: 500; padding: 12px 20px; background: var(--inset); }
.tr.th .r { text-align: right; }
a.tr:hover { background: var(--card2); }
.t-d .t-title { font-size: 15px; line-height: 1.45; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.t-tags { display: flex; gap: 6px; margin-top: 7px; flex-wrap: wrap; }
.tag { display: inline-flex; align-items: center; gap: 4px; height: 22px; padding: 0 8px; border-radius: 7px; font-size: 12px; font-weight: 600; background: var(--card2); color: var(--muted); }
.tag .ic { width: 13px; height: 13px; }
.tag.auto { color: #60a5fa; background: rgba(59,130,246,.13); }
.tag.on { color: #4ade80; background: rgba(34,197,94,.12); }
[data-theme="light"] .tag.auto { color: #2563eb; }
[data-theme="light"] .tag.on { color: #15803d; }
.seller-cell { display: flex; align-items: center; gap: 11px; min-width: 0; }
.seller-cell > div { min-width: 0; }
.seller-cell b { display: flex; align-items: center; gap: 4px; font-size: 14.5px; font-weight: 600; }
.seller-cell b .vf .ic { width: 15px; height: 15px; }
.seller-cell small { display: block; font-size: 12.5px; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.t-stock { color: var(--muted); font-size: 14px; }
.t-price { text-align: right; font-weight: 700; font-size: 16.5px; white-space: nowrap; }
.lot-grid { display: grid; grid-template-columns: minmax(0, 1fr) 420px; gap: 32px; align-items: start; }
.lot-title { display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto; align-items: center; gap: 10px; }
.lot-title h1 { font-size: 30px; font-weight: 800; letter-spacing: -.03em; min-width: 0; }
.lot-title .back { width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; color: var(--muted); flex: none; margin-left: -8px; }
.lot-title .back:hover { background: var(--card); color: var(--text); }
.facts { display: flex; gap: 44px; flex-wrap: wrap; margin: 24px 0; }
.fact small { display: block; color: var(--muted); font-size: 14px; margin-bottom: 6px; }
.fact b { font-size: 17px; font-weight: 600; }
.lot-desc { white-space: pre-wrap; color: var(--text2); font-size: 15.5px; line-height: 1.65; overflow-wrap: anywhere; }
.h-label { color: var(--muted); font-size: 14px; margin-bottom: 8px; }
.buy-card { margin-top: 28px; padding: 26px; border-radius: 22px; background: var(--card); border: 1px solid var(--line); display: grid; gap: 20px; }
.buy-card .lbl { display: flex; justify-content: space-between; color: var(--muted); font-size: 14px; margin-bottom: 9px; }
.qty { display: inline-flex; align-items: center; background: var(--card2); border-radius: 13px; height: 46px; }
.qty button { width: 44px; height: 100%; color: var(--muted); display: grid; place-items: center; }
.qty button:hover { color: var(--text); }
.qty input { width: 64px; text-align: center; background: none; border: 0; outline: none; font-weight: 700; font-size: 16px; }
.cashback { display: flex; align-items: center; gap: 12px; padding: 14px 16px; border-radius: 16px; background: linear-gradient(90deg, color-mix(in srgb, var(--a1) 16%, transparent), transparent); border: 1px solid color-mix(in srgb, var(--a1) 30%, transparent); }
.cashback .e { font-size: 24px; }
.cashback b { color: var(--a1); }
.cashback small { display: block; color: var(--muted); font-size: 13px; }
.sum { display: grid; gap: 6px; }
.sum div { display: flex; justify-content: space-between; color: var(--muted); font-size: 14.5px; }
.sum div b { color: var(--text); font-weight: 600; }
.sum .tot { font-size: 18px; color: var(--text); padding-top: 10px; margin-top: 4px; border-top: 1px dashed var(--line2); }
.sum .tot b { font-weight: 800; }
.promo-row { display: flex; gap: 8px; }
.promo-ok { color: #4ade80; font-size: 13.5px; margin-top: 8px; }
.promo-bad { color: #f87171; font-size: 13.5px; margin-top: 8px; }
.buy-note { color: var(--muted); font-size: 14px; line-height: 1.5; }
.secure { display: flex; align-items: center; gap: 8px; font-size: 14px; color: var(--text2); }
.secure .ic { color: var(--green); width: 18px; height: 18px; }
.icon-btn { width: 40px; height: 40px; border-radius: 12px; background: var(--card); display: grid; place-items: center; color: var(--muted); transition: .15s; flex: none; }
.icon-btn:hover { background: var(--card2); color: var(--text); }
.icon-btn.on { color: #f43f5e; }
.icon-btn.on svg { fill: #f43f5e; }
.seller-chat { position: sticky; top: 112px; border-radius: 22px; background: var(--card); border: 1px solid var(--line); overflow: hidden; display: flex; flex-direction: column; height: min(640px, calc(100vh - 136px)); }
.sc-h { display: flex; align-items: center; gap: 12px; padding: 18px 20px; border-bottom: 1px solid var(--line); }
.sc-h b { display: flex; align-items: center; gap: 5px; font-size: 16.5px; }
.sc-h small { font-size: 13.5px; font-weight: 600; }
.sc-body { flex: 1; overflow-y: auto; background: var(--inset); padding: 18px; display: flex; flex-direction: column; gap: 4px; }
.sc-info { margin: auto; text-align: center; display: grid; gap: 8px; justify-items: center; padding: 20px 0; }
.sc-info .stars { --sz: 30px; letter-spacing: 4px; }
.sc-info .stars::before { color: var(--a1); }
.sc-info a { color: var(--a1); font-weight: 600; }
.sc-info p { color: var(--muted); margin-top: 18px; max-width: 220px; }
.ord-grid { display: grid; grid-template-columns: 400px minmax(0, 1fr); gap: 20px; align-items: start; }
.steps { display: grid; }
.stp { display: grid; grid-template-columns: 34px 1fr; gap: 14px; position: relative; padding-bottom: 20px; }
.stp:last-child { padding-bottom: 0; }
.stp::before { content: ""; position: absolute; left: 16px; top: 34px; bottom: 0; width: 2px; background: var(--line2); }
.stp:last-child::before { display: none; }
.stp .dot { width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; background: var(--card2); color: var(--muted); font-size: 13px; font-weight: 700; position: relative; z-index: 1; }
.stp .dot .ic { width: 17px; height: 17px; }
.stp b { display: block; font-size: 15px; margin-top: 6px; font-weight: 600; }
.stp small { color: var(--muted); font-size: 13px; }
.stp.done .dot { background: var(--a1); color: var(--on-a); }
.stp.done::before { background: var(--a1); }
.stp.cur .dot { background: transparent; box-shadow: inset 0 0 0 2px var(--a1); color: var(--a1); }
.stp.cur b { color: var(--a1); }
.stp.bad .dot { background: var(--red); color: #fff; }
.chat { display: flex; flex-direction: column; height: min(680px, calc(100vh - 150px)); min-height: 440px; background: var(--card); border: 1px solid var(--line); border-radius: 22px; overflow: hidden; }
.chat-h { display: flex; align-items: center; gap: 12px; padding: 14px 18px; border-bottom: 1px solid var(--line); min-height: 72px; }
.chat-h b { display: flex; align-items: center; gap: 5px; font-size: 15.5px; }
.chat-h small { color: var(--muted); font-size: 13px; }
.msgs { flex: 1; overflow-y: auto; padding: 18px; display: flex; flex-direction: column; gap: 4px; background: var(--inset); }
.m { max-width: min(78%, 540px); display: flex; gap: 8px; align-items: flex-end; margin-top: 6px; }
.m.me { align-self: flex-end; }
.m.sys { align-self: center; max-width: 92%; }
.m .ava { --s: 30px; font-size: 13px; }
.composer { display: flex; gap: 8px; padding: 12px; border-top: 1px solid var(--line); background: var(--card); }
.composer .inp { border-radius: 14px; background: var(--card2); border-color: transparent; }
.chats { display: grid; grid-template-columns: 340px minmax(0, 1fr); height: calc(100vh - 150px); min-height: 520px; overflow: hidden; border-radius: var(--r-xl); border: 1px solid var(--line); background: var(--panel); }
.chats .chat { height: auto; min-height: 0; border: 0; border-radius: 0; }
.clist { border-right: 1px solid var(--line); overflow-y: auto; padding-bottom: 8px; }
.clist-h { padding: 22px 20px 12px; font-size: 22px; font-weight: 800; }
.ci { display: flex; gap: 12px; padding: 12px; align-items: center; transition: background .15s; margin: 0 8px; border-radius: 14px; }
.ci:hover { background: var(--card); }
.ci.on { background: var(--card2); }
.ci b { display: block; font-size: 14.5px; }
.ci small { display: block; color: var(--muted); font-size: 13px; }
.ci .meta { margin-left: auto; flex: none; display: flex; flex-direction: column; align-items: flex-end; gap: 5px; font-size: 12px; color: var(--muted); }
.ci .cnt { min-width: 20px; height: 20px; border-radius: 99px; background: var(--a1); color: var(--on-a); font-size: 11.5px; font-weight: 700; display: grid; place-items: center; padding: 0 6px; }
.cover { height: 210px; border-radius: 22px; position: relative; overflow: hidden; background: var(--card2); }
.cover.aurora { background: radial-gradient(ellipse 60% 90% at 50% 130%, var(--a1), transparent 70%), radial-gradient(ellipse at 15% -10%, color-mix(in srgb, var(--a2) 70%, transparent), transparent 55%), #0a0d14; }
.cover.space { background: radial-gradient(ellipse 46% 70% at 50% 100%, color-mix(in srgb, var(--a1) 55%, transparent), transparent 70%), radial-gradient(1px 1px at 12% 22%, #fff, transparent), radial-gradient(1px 1px at 26% 60%, rgba(255,255,255,.6), transparent), radial-gradient(1.5px 1.5px at 38% 18%, #fff, transparent), radial-gradient(1px 1px at 61% 12%, rgba(255,255,255,.8), transparent), radial-gradient(1px 1px at 74% 34%, #fff, transparent), radial-gradient(1.5px 1.5px at 88% 20%, #fff, transparent), radial-gradient(1px 1px at 94% 62%, rgba(255,255,255,.6), transparent), radial-gradient(1px 1px at 6% 70%, rgba(255,255,255,.6), transparent), radial-gradient(1px 1px at 55% 40%, rgba(255,255,255,.7), transparent), #03050b; }
.cover.waves { background: repeating-radial-gradient(circle at 0% 100%, transparent 0 22px, rgba(255,255,255,.1) 23px 24px), linear-gradient(135deg, var(--a1), var(--a2) 60%, var(--a3)); }
.cover.sunset { background: linear-gradient(180deg, var(--a2), var(--a1) 60%, var(--a3)); }
.cover.grid { background: repeating-linear-gradient(0deg, rgba(255,255,255,.07) 0 1px, transparent 1px 30px), repeating-linear-gradient(90deg, rgba(255,255,255,.07) 0 1px, transparent 1px 30px), radial-gradient(circle at 70% 30%, var(--a1), transparent 60%), #0a0d14; }
.cover.plain { background: linear-gradient(135deg, var(--a1), var(--a2) 60%, var(--a3)); }
.online { color: var(--green); font-weight: 600; font-size: 14.5px; }
.offline { color: var(--muted); font-size: 14.5px; }
.rbars { display: grid; gap: 7px; }
.rbar { display: grid; grid-template-columns: 70px 1fr 28px; align-items: center; gap: 10px; font-size: 12.5px; color: var(--muted); }
.rbar .stars { --sz: 11px; }
.rbar i { height: 6px; border-radius: 9px; background: var(--card3); position: relative; overflow: hidden; }
.rbar i::after { content: ""; position: absolute; inset: 0; width: var(--w); background: var(--green); border-radius: inherit; }
.ph { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 22px; flex-wrap: wrap; }
.ph h1 { font-size: 30px; font-weight: 800; letter-spacing: -.035em; }
.ph p { color: var(--muted); margin-top: 6px; max-width: 640px; }
.side { display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: 24px; align-items: start; }
.snav { display: grid; gap: 2px; position: sticky; top: 112px; }
.snav a, .snav button { display: flex; align-items: center; gap: 11px; min-height: 44px; padding: 8px 12px; border-radius: 12px; font-size: 14.5px; color: var(--muted); width: 100%; text-align: left; transition: .15s; font-weight: 500; }
.snav a:hover, .snav button:hover { background: var(--card); color: var(--text); }
.snav a.on { background: var(--card2); color: var(--text); }
.snav a.on .ic { color: var(--a1); }
.blk { padding: 24px; border-radius: 22px; background: var(--card); border: 1px solid var(--line); }
.blk + .blk { margin-top: 14px; }
.blk h3 { font-size: 18px; }
.blk > p.muted { font-size: 14px; margin: 4px 0 18px; }
.sw-grid { display: flex; flex-wrap: wrap; gap: 18px 20px; }
.cov-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 10px; }
.cov { height: 76px; border-radius: 14px; position: relative; overflow: hidden; box-shadow: inset 0 0 0 2px transparent; transition: box-shadow .15s; }
.cov span { position: absolute; left: 10px; bottom: 7px; font-size: 12.5px; font-weight: 600; color: #fff; text-shadow: 0 1px 6px rgba(0,0,0,.6); }
.cov.on { box-shadow: 0 0 0 2px var(--text); }
.seg { display: inline-flex; padding: 4px; border-radius: 14px; background: var(--card2); gap: 2px; flex-wrap: wrap; }
.seg button { height: 38px; padding: 0 15px; border-radius: 10px; font-size: 14px; font-weight: 500; display: flex; align-items: center; gap: 7px; color: var(--muted); }
.seg button.on { background: var(--panel); color: var(--text); box-shadow: var(--shadow-sm); }
.seg .ic { width: 16px; height: 16px; }
.ava-edit { display: flex; align-items: center; gap: 18px; }
.ava-edit .ava { --s: 84px; }
.preview { border-radius: 18px; overflow: hidden; border: 1px solid var(--line); max-width: 420px; }
.preview .cover { height: 96px; border-radius: 0; }
.preview .pv-b { padding: 0 18px 18px; background: var(--panel); }
.preview .ava { --s: 66px; margin-top: -33px; box-shadow: 0 0 0 4px var(--panel); }
.w-top { display: grid; grid-template-columns: 1.5fr 1fr 1fr; gap: 12px; }
.w-card { padding: 24px; border-radius: 22px; background: var(--card); border: 1px solid var(--line); position: relative; overflow: hidden; display: flex; flex-direction: column; min-height: 180px; }
.w-card.main { background: radial-gradient(ellipse at 100% 0%, rgba(255,255,255,.25), transparent 50%), var(--grad); color: var(--on-a); border: 0; }
.w-card small { font-size: 14px; opacity: .85; }
.w-card .big { font-size: 36px; font-weight: 800; letter-spacing: -.035em; margin: 6px 0 18px; }
.w-card .row { margin-top: auto; }
.w-card.main .btn { background: rgba(255,255,255,.95); color: #111; }
.w-card.main .btn.line { background: rgba(255,255,255,.18); color: inherit; border: 0; }
.list { display: grid; }
.li { display: flex; align-items: center; gap: 14px; padding: 14px 18px; border-top: 1px solid var(--line); transition: background .15s; }
.li:first-child { border-top: 0; }
a.li:hover { background: var(--card2); }
.li b { display: block; font-size: 14.5px; font-weight: 600; }
.li small { display: block; color: var(--muted); font-size: 13px; }
.li .end { margin-left: auto; text-align: right; flex: none; display: flex; flex-direction: column; align-items: flex-end; gap: 5px; }
.li .lic { width: 42px; height: 42px; border-radius: 13px; display: grid; place-items: center; background: var(--card2); color: var(--muted); flex: none; }
.li .lic .ic { width: 19px; height: 19px; }
.plus { color: #4ade80; }
[data-theme="light"] .plus { color: #15803d; }
.tabs { display: flex; gap: 8px; margin-bottom: 16px; flex-wrap: wrap; }
.leaf-pop { position: fixed; pointer-events: none; z-index: 300; font-weight: 800; color: var(--a1); font-size: 20px; animation: leafup 1.1s var(--ease) forwards; }
@keyframes leafup { to { transform: translateY(-70px); opacity: 0; } }
.task { display: grid; grid-template-columns: 46px 1fr auto; gap: 16px; align-items: center; padding: 16px 20px; border-top: 1px solid var(--line); }
.task:first-child { border-top: 0; }
.task .ti { width: 46px; height: 46px; border-radius: 14px; background: var(--card2); display: grid; place-items: center; color: var(--a1); }
.task b { display: block; font-size: 15px; font-weight: 600; }
.prog { height: 6px; border-radius: 9px; background: var(--card3); margin-top: 9px; overflow: hidden; max-width: 340px; }
.prog i { display: block; height: 100%; width: var(--p); background: var(--a1); border-radius: inherit; }
.ev-card { display: flex; gap: 16px; align-items: center; padding: 18px 20px; border-radius: 20px; color: #fff; }
.ev-card .e { font-size: 42px; }
.doc h1 { font-size: 30px; font-weight: 800; margin-bottom: 20px; letter-spacing: -.035em; }
.doc h2 { font-size: 19px; margin: 28px 0 10px; }
.doc p { margin: 0 0 12px; line-height: 1.7; color: var(--text2); }
.doc ul, .doc ol { margin: 0 0 14px; padding-left: 22px; line-height: 1.7; color: var(--text2); }
.doc li { margin: 4px 0; }
.foot { margin-top: 24px; position: relative; z-index: 1; }
.foot-in { background: var(--panel); border: 1px solid var(--line); border-radius: var(--r-xl) var(--r-xl) 0 0; border-bottom: 0; }
.foot-grid { display: grid; grid-template-columns: 1.5fr 1fr 1fr auto; gap: 32px; padding: 40px 36px 30px; }
.foot h4 { font-size: 16px; margin-bottom: 14px; }
.foot a, .foot button.fl { display: block; color: var(--muted); font-size: 14.5px; padding: 4px 0; text-align: left; }
.foot a:hover, .foot button.fl:hover { color: var(--text); }
.foot p { color: var(--muted); font-size: 14px; margin-top: 14px; max-width: 320px; }
.socials { display: flex; gap: 10px; flex-wrap: wrap; }
.socials a { width: 46px; height: 46px; border-radius: 50%; display: grid; place-items: center; background: var(--card); color: var(--text2); padding: 0; transition: .2s; }
.socials a:hover { transform: translateY(-3px); color: var(--a1); }
.socials .bm { width: 20px; height: 20px; }
.payline { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 16px; }
.payline span { height: 30px; padding: 0 11px; border-radius: 9px; background: var(--card); font-size: 12px; font-weight: 800; display: grid; place-items: center; color: var(--muted); letter-spacing: .02em; }
.foot-b { border-top: 1px solid var(--line); padding: 18px 36px 26px; display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; color: var(--muted2); font-size: 13px; }
.sup-fab { position: fixed; right: 24px; bottom: 24px; z-index: 70; width: 60px; height: 60px; border-radius: 50%; background: var(--a1); color: var(--on-a); display: grid; place-items: center; box-shadow: 0 14px 34px -8px color-mix(in srgb, var(--a1) 80%, transparent), 0 4px 12px rgba(0,0,0,.3); transition: transform .22s var(--ease); }
.sup-fab:hover { transform: scale(1.06); }
.sup-fab .ic { width: 27px; height: 27px; transition: transform .28s var(--ease), opacity .2s; position: absolute; }
.sup-fab .ic-x { opacity: 0; transform: rotate(-90deg); }
.sup-fab.open .ic-c { opacity: 0; transform: rotate(90deg); }
.sup-fab.open .ic-x { opacity: 1; transform: none; }
.sup-fab .badge { top: -2px; right: -2px; box-shadow: 0 0 0 2px var(--bg); }
.sup-win { position: fixed; right: 24px; bottom: 98px; z-index: 70; width: 380px; height: min(600px, calc(100vh - 130px)); background: var(--panel); border: 1px solid var(--line2); border-radius: 24px; box-shadow: var(--shadow); display: none; flex-direction: column; overflow: hidden; transform-origin: bottom right; }
.sup-win.open { display: flex; animation: supIn .26s var(--ease); }
@keyframes supIn { from { opacity: 0; transform: translateY(14px) scale(.96); } }
.sup-h { padding: 16px 18px; display: flex; align-items: center; gap: 12px; border-bottom: 1px solid var(--line); }
.sup-h .hi { width: 42px; height: 42px; border-radius: 14px; background: var(--a1); color: var(--on-a); display: grid; place-items: center; flex: none; }
.sup-h b { display: block; font-size: 16px; }
.sup-h small { font-size: 13px; color: var(--muted); display: flex; align-items: center; gap: 6px; }
.sup-h small::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--green); }
.sup-b { flex: 1; overflow-y: auto; padding: 14px; display: flex; flex-direction: column; gap: 10px; }
.sup-b .msgs { padding: 0; background: transparent; overflow: visible; }
.faq { display: grid; gap: 6px; }
.faq details { background: var(--card); border-radius: 14px; padding: 0 14px; }
.faq summary { padding: 13px 0; cursor: pointer; font-weight: 600; font-size: 14px; list-style: none; display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after { content: "+"; font-size: 18px; color: var(--muted); transition: transform .2s; }
.faq details[open] summary::after { transform: rotate(45deg); }
.faq details p { padding-bottom: 13px; font-size: 13.5px; color: var(--muted); }
.tkrow { display: flex; align-items: center; gap: 10px; padding: 12px; border-radius: 14px; background: var(--card); text-align: left; width: 100%; }
.tkrow b { font-size: 14px; display: block; }
.tkrow small { color: var(--muted); font-size: 12.5px; display: block; }
.sup-status { font-size: 13px; text-align: center; color: var(--muted); padding: 9px; border-radius: 12px; background: var(--card); }
.cookie { position: fixed; left: 24px; bottom: 24px; z-index: 65; width: min(400px, calc(100% - 32px)); background: var(--panel); border: 1px solid var(--line2); border-radius: 22px; padding: 22px; box-shadow: var(--shadow); animation: supIn .4s var(--ease); }
.cookie h4 { font-size: 18px; margin-bottom: 6px; }
.cookie p { color: var(--muted); font-size: 14px; margin-bottom: 16px; }
.cookie a { color: var(--a1); }
.toasts { position: fixed; top: 18px; left: 50%; transform: translateX(-50%); z-index: 400; display: flex; flex-direction: column; gap: 8px; align-items: center; pointer-events: none; }
.toast { display: flex; align-items: center; gap: 10px; padding: 12px 16px; border-radius: 14px; background: var(--text); color: var(--bg); font-size: 14px; font-weight: 600; box-shadow: var(--shadow); opacity: 0; transform: translateY(-12px); transition: .28s var(--ease); max-width: min(460px, calc(100vw - 32px)); }
.toast.in { opacity: 1; transform: none; }
.toast .ic { width: 18px; height: 18px; }
.toast.ok .ic { color: var(--green); }
.toast.err .ic { color: var(--red); }
.modal { position: fixed; inset: 0; z-index: 200; display: none; align-items: center; justify-content: center; padding: 16px; }
.modal.open { display: flex; }
.modal-bg { position: absolute; inset: 0; background: rgba(4,5,8,.62); backdrop-filter: blur(6px); animation: fade .2s; }
@keyframes fade { from { opacity: 0; } }
.modal-card { position: relative; width: min(460px, 100%); max-height: calc(100vh - 32px); overflow-y: auto; background: var(--panel); border: 1px solid var(--line2); border-radius: 26px; padding: 26px; box-shadow: var(--shadow); animation: supIn .24s var(--ease); }
.modal-card.wide { width: min(720px, 100%); }
.modal-x { position: absolute; top: 16px; right: 16px; width: 36px; height: 36px; border-radius: 12px; display: grid; place-items: center; color: var(--muted); z-index: 2; }
.modal-x:hover { background: var(--card); color: var(--text); }
.m-head { padding-right: 36px; margin-bottom: 18px; }
.m-head h3 { font-size: 21px; font-weight: 750; letter-spacing: -.02em; }
.m-head p { color: var(--muted); font-size: 14.5px; margin-top: 6px; }
.m-ico { width: 60px; height: 60px; border-radius: 18px; display: grid; place-items: center; background: color-mix(in srgb, var(--a1) 14%, transparent); color: var(--a1); margin-bottom: 16px; font-size: 28px; }
.m-ico .ic { width: 28px; height: 28px; }
.m-actions { display: flex; gap: 10px; justify-content: flex-end; margin-top: 22px; flex-wrap: wrap; }
.loader { position: fixed; inset: 0; z-index: 1000; display: grid; place-items: center; background: var(--bg); transition: opacity .45s ease, visibility .45s; }
.loader.out { opacity: 0; visibility: hidden; }
.ld { display: flex; flex-direction: column; align-items: center; gap: 26px; }
.ld-c { position: relative; width: 130px; height: 130px; display: grid; place-items: center; }
.ld-c::before { content: ""; position: absolute; inset: 0; border-radius: 50%; background: radial-gradient(circle, color-mix(in srgb, var(--a1) 45%, transparent), transparent 65%); filter: blur(16px); animation: glowp 1.8s ease-in-out infinite; }
@keyframes glowp { 50% { transform: scale(1.18); opacity: .6; } }
.ld .logo-mark { width: 92px; height: 92px; position: relative; animation: ldspin 2.4s var(--ease) infinite; }
@keyframes ldspin { 0%, 50% { transform: rotate(0); } 80%, 100% { transform: rotate(90deg); } }
.ld-bar { width: 140px; height: 4px; border-radius: 9px; background: var(--card2); overflow: hidden; }
.ld-bar i { display: block; height: 100%; width: 40%; border-radius: inherit; background: var(--a1); animation: ldbar 1.1s ease-in-out infinite; }
@keyframes ldbar { 0% { transform: translateX(-100%); } 100% { transform: translateX(260%); } }
.auth { position: fixed; inset: 0; z-index: 150; display: grid; place-items: center; padding: 20px; background: #08090c; overflow-y: auto; color: #eef0f5; }
[data-theme="light"] .auth { background: #eceef3; color: #12151c; }
.auth .blob { position: absolute; width: 760px; height: 640px; left: 50%; top: -22%; transform: translateX(-50%); pointer-events: none; filter: blur(90px); opacity: .5; }
.auth .blob i { position: absolute; border-radius: 50%; animation: drift 12s ease-in-out infinite alternate; }
.auth .blob i:nth-child(1) { width: 60%; height: 60%; left: 0; top: 10%; background: var(--a1); }
.auth .blob i:nth-child(2) { width: 50%; height: 55%; right: 0; top: 0; background: var(--a2); animation-delay: -4s; }
@keyframes drift { to { transform: translate(60px, 40px) scale(1.12); } }
.auth-in { position: relative; width: min(420px, 100%); display: flex; flex-direction: column; align-items: center; }
.auth-logo { display: flex; flex-direction: column; align-items: center; gap: 10px; font-weight: 800; font-size: 18px; letter-spacing: -.02em; margin-bottom: 26px; }
.auth-logo .logo-mark { width: 58px; height: 58px; filter: drop-shadow(0 8px 20px rgba(0,0,0,.35)); }
.auth-card { width: 100%; padding: 28px 24px 22px; border-radius: 26px; background: rgba(22,24,30,.66); border: 1px solid rgba(255,255,255,.08); backdrop-filter: blur(24px) saturate(1.3); -webkit-backdrop-filter: blur(24px) saturate(1.3); box-shadow: 0 30px 80px rgba(0,0,0,.45); text-align: center; animation: supIn .4s var(--ease); }
[data-theme="light"] .auth-card { background: rgba(255,255,255,.75); border-color: rgba(0,0,0,.06); box-shadow: 0 30px 80px rgba(20,30,50,.14); }
.auth-card h2 { font-size: 23px; font-weight: 700; }
.auth-card > p { color: var(--muted); font-size: 14px; margin: 7px 0 22px; }
.auth-row { display: flex; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.1); border-radius: 14px; padding: 4px 4px 4px 14px; transition: .2s; }
[data-theme="light"] .auth-row { background: rgba(0,0,0,.03); border-color: rgba(0,0,0,.1); }
.auth-row:focus-within { border-color: color-mix(in srgb, var(--a1) 70%, transparent); box-shadow: 0 0 0 4px color-mix(in srgb, var(--a1) 15%, transparent); }
.auth-row input { flex: 1; background: none; border: 0; outline: none; height: 42px; min-width: 0; font-size: 15px; }
.auth-row button { width: 42px; height: 42px; border-radius: 11px; background: var(--a1); display: grid; place-items: center; color: var(--on-a); flex: none; }
.auth-or { display: flex; align-items: center; gap: 12px; color: var(--muted); font-size: 12.5px; margin: 18px 0; }
.auth-or::before, .auth-or::after { content: ""; flex: 1; height: 1px; background: rgba(255,255,255,.1); }
[data-theme="light"] .auth-or::before, [data-theme="light"] .auth-or::after { background: rgba(0,0,0,.1); }
.auth-link { color: var(--a1); font-size: 14px; font-weight: 600; }
.auth-small { font-size: 12px; color: var(--muted); margin-top: 18px; line-height: 1.55; }
.auth-small a { color: var(--a1); }
.code-in { display: flex; gap: 8px; justify-content: center; margin: 4px 0 16px; }
.code-in input { width: 50px; height: 58px; border-radius: 14px; text-align: center; font-size: 24px; font-weight: 700; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.12); outline: none; transition: .2s; }
[data-theme="light"] .code-in input { background: rgba(0,0,0,.03); border-color: rgba(0,0,0,.12); }
.code-in input:focus { border-color: var(--a1); box-shadow: 0 0 0 4px color-mix(in srgb, var(--a1) 15%, transparent); }
.auth-back { position: absolute; top: 22px; left: 22px; display: flex; align-items: center; gap: 6px; color: var(--muted); font-size: 14px; z-index: 2; }
.auth-back:hover { color: inherit; }
.ava-pick { width: 96px; height: 96px; border-radius: 50%; margin: 0 auto 18px; display: grid; place-items: center; background: rgba(255,255,255,.06); border: 2px dashed rgba(255,255,255,.2); overflow: hidden; color: var(--muted); cursor: pointer; }
.ava-pick img { width: 100%; height: 100%; object-fit: cover; }
.ava-pick .ic { width: 26px; height: 26px; }
.auth .inp { background: rgba(255,255,255,.05); border-color: rgba(255,255,255,.1); text-align: left; }
[data-theme="light"] .auth .inp { background: rgba(0,0,0,.03); border-color: rgba(0,0,0,.1); }
#gBtn { display: flex; justify-content: center; min-height: 0; }
#gBtn:not(:empty) { margin-bottom: 8px; }
body.panel-mode .hdr-wrap, body.panel-mode .foot, body.panel-mode .mnav, body.panel-mode .sup-fab, body.panel-mode .sup-win, body.panel-mode .cookie, body.panel-mode .bg-glow { display: none !important; }
body.panel-mode #view { padding: 0; }
.adm { display: grid; grid-template-columns: 264px minmax(0, 1fr); min-height: 100vh; }
.adm-side { position: sticky; top: 0; height: 100vh; padding: 14px; display: flex; }
.adm-side-in { flex: 1; background: #0a0a0c; border-radius: 26px; padding: 20px 14px; display: flex; flex-direction: column; color: #e8e9ec; overflow-y: auto; border: 1px solid rgba(255,255,255,.05); scrollbar-width: none; }
.adm-side-in::-webkit-scrollbar { display: none; }
.adm-side .logo { color: #fff; padding: 2px 8px 20px; font-size: 19px; }
.adm-side .logo .logo-mark { width: 30px; height: 30px; }
.adm-nav { display: grid; gap: 2px; }
.adm-nav .grp { font-size: 11px; letter-spacing: .1em; text-transform: uppercase; color: #5b5e68; font-weight: 700; padding: 16px 12px 6px; }
.adm-nav a { display: flex; align-items: center; gap: 12px; height: 44px; padding: 0 12px; border-radius: 14px; color: #9ea1ab; font-size: 14.5px; font-weight: 500; transition: background .15s, color .15s; position: relative; }
.adm-nav a:hover { background: rgba(255,255,255,.05); color: #fff; }
.adm-nav a.on { background: var(--a1); color: var(--on-a); font-weight: 600; box-shadow: 0 10px 24px -10px var(--a1); }
.adm-nav a .cnt { margin-left: auto; min-width: 22px; height: 22px; padding: 0 7px; border-radius: 99px; background: var(--red); color: #fff; font-size: 11.5px; font-weight: 700; display: grid; place-items: center; }
.adm-nav a.on .cnt { background: #fff; color: #111; }
.adm-bottom { margin-top: auto; padding-top: 16px; display: grid; gap: 2px; }
.adm-me { display: flex; align-items: center; gap: 10px; padding: 12px; border-radius: 16px; background: rgba(255,255,255,.05); margin-top: 8px; }
.adm-me b { display: block; font-size: 14px; color: #fff; }
.adm-me small { font-size: 12px; color: #8b8f9a; }
.adm-main { padding: 22px 28px 48px 14px; min-width: 0; }
.adm-top { display: flex; align-items: center; gap: 12px; margin-bottom: 22px; min-height: 52px; flex-wrap: wrap; }
.adm-top h1 { font-size: 34px; font-weight: 800; letter-spacing: -.04em; margin-right: auto; }
.adm-top .hsearch { width: 280px; flex: none; }
.adm-top .hsearch input { height: 44px; background: var(--panel); border-color: var(--line); }
.adm-top .icon-btn { width: 44px; height: 44px; border-radius: 14px; background: var(--panel); border: 1px solid var(--line); }
.kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-bottom: 14px; }
.kpi { padding: 20px; border-radius: 22px; background: var(--panel); border: 1px solid var(--line); position: relative; overflow: hidden; min-height: 136px; display: flex; flex-direction: column; }
.kpi small { color: var(--muted); font-size: 13.5px; font-weight: 500; }
.kpi b { font-size: 32px; font-weight: 800; letter-spacing: -.04em; margin: 8px 0 auto; line-height: 1.1; }
.kpi em { font-style: normal; font-size: 12.5px; color: var(--muted); margin-top: 10px; display: block; padding-right: 40%; }
.kpi:not(.hero) em { padding-right: 0; }
.kpi em .up { color: #4ade80; font-weight: 700; }
.kpi em .down { color: #f87171; font-weight: 700; }
.kpi .ki { position: absolute; top: 16px; right: 16px; width: 38px; height: 38px; border-radius: 12px; display: grid; place-items: center; background: var(--card); color: var(--a1); }
.kpi .ki .ic { width: 18px; height: 18px; }
.kpi.hero { background: #0a0a0c; color: #fff; border-color: rgba(255,255,255,.05); }
.kpi.hero small, .kpi.hero em { color: #9ea1ab; }
.kpi.hero svg.spark { position: absolute; right: 18px; bottom: 18px; width: 38%; height: 42px; opacity: .9; }
.charts { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(0, 1fr); gap: 14px; margin-bottom: 14px; }
.cbox { padding: 22px; border-radius: 22px; background: var(--panel); border: 1px solid var(--line); min-width: 0; }
.cbox-h { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 16px; flex-wrap: wrap; }
.cbox-h h3 { font-size: 17px; }
.cbox-h .big { font-size: 28px; font-weight: 800; letter-spacing: -.03em; margin-top: 6px; }
.area { position: relative; height: 230px; }
.area svg { width: 100%; height: 200px; overflow: visible; display: block; }
.area .tip { position: absolute; transform: translate(-50%, -130%); background: var(--text); color: var(--bg); padding: 7px 11px; border-radius: 10px; font-size: 12.5px; font-weight: 600; white-space: nowrap; pointer-events: none; opacity: 0; transition: opacity .15s; z-index: 2; }
.area .tip.on { opacity: 1; }
.area .axis { display: flex; justify-content: space-between; font-size: 11.5px; color: var(--muted); margin-top: 10px; }
.vbars { display: flex; align-items: flex-end; gap: 10px; height: 230px; padding-top: 26px; }
.vbars > div { flex: 1; height: 100%; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; gap: 8px; min-width: 0; }
.vbars .bar { width: 100%; max-width: 54px; border-radius: 12px 12px 6px 6px; background: var(--card2); height: var(--h); min-height: 6px; position: relative; transition: height .5s var(--ease); }
.vbars .bar.max { background: linear-gradient(180deg, var(--a1), color-mix(in srgb, var(--a1) 35%, transparent)); box-shadow: 0 -4px 22px -6px var(--a1); }
.vbars .bar span { position: absolute; bottom: calc(100% + 6px); left: 50%; transform: translateX(-50%); font-size: 11.5px; font-weight: 700; white-space: nowrap; color: var(--muted); }
.vbars .bar.max span { color: var(--on-a); background: var(--a1); padding: 3px 8px; border-radius: 8px; }
.vbars small { font-size: 12px; color: var(--muted); }
.two { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 14px; }
.rows { display: grid; gap: 8px; }
.rw { display: flex; align-items: center; gap: 14px; padding: 12px 14px; border-radius: 16px; background: var(--card); transition: background .15s; min-height: 64px; }
a.rw:hover { background: var(--card2); }
.rw b { font-size: 14.5px; font-weight: 600; display: block; }
.rw small { color: var(--muted); font-size: 12.5px; display: block; }
.rw .c { color: var(--muted); font-size: 13.5px; white-space: nowrap; }
.rw .c b { display: inline; color: var(--text); }
.rw .amt { font-weight: 700; white-space: nowrap; text-align: right; }
.rw .chev { color: var(--muted2); }
.ptabs { display: flex; gap: 6px; margin-bottom: 14px; flex-wrap: wrap; }
.ptabs button, .ptabs a { height: 38px; padding: 0 15px; border-radius: 12px; font-size: 14px; font-weight: 500; color: var(--muted); background: var(--panel); border: 1px solid var(--line); display: inline-flex; align-items: center; gap: 7px; }
.ptabs button:hover, .ptabs a:hover { color: var(--text); }
.ptabs .on { background: var(--text); color: var(--bg); border-color: transparent; }
.ptabs .on:hover { color: var(--bg); }
.ptabs b { font-weight: 500; opacity: .55; font-size: 12.5px; }
.ptool { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; flex-wrap: wrap; }
.ptool .hsearch { width: 260px; flex: none; }
.ptool .hsearch input { height: 40px; background: var(--panel); border-color: var(--line); }
.ptool .sel.sm { width: auto; background-color: var(--panel); }
.dt-wrap { background: var(--panel); border: 1px solid var(--line); border-radius: 22px; overflow-x: auto; padding: 6px; }
.dt { width: 100%; border-collapse: separate; border-spacing: 0 4px; font-size: 14px; }
.dt th { text-align: left; font-size: 12.5px; font-weight: 500; color: var(--muted); padding: 8px 14px 4px; white-space: nowrap; }
.dt th.num { text-align: right; }
.dt td { padding: 11px 14px; background: var(--card); vertical-align: middle; }
.dt td:first-child { border-radius: 14px 0 0 14px; }
.dt td:last-child { border-radius: 0 14px 14px 0; }
.dt tr:hover td { background: var(--card2); }
.dt td small { display: block; color: var(--muted); font-size: 12.5px; margin-top: 2px; }
.dt .num { text-align: right; white-space: nowrap; }
.dt .ucell { display: flex; align-items: center; gap: 10px; min-width: 150px; }
.dt .ucell .ava { --s: 34px; font-size: 14px; }
.dt .empty-row td { text-align: center; color: var(--muted); padding: 34px; background: transparent; }
.dt .acts { display: flex; gap: 4px; justify-content: flex-end; }
.cell-inp { width: 100px; height: 34px; border-radius: 10px; background: var(--panel); border: 1px solid var(--line); padding: 0 10px; text-align: right; font-weight: 600; outline: none; }
.cell-inp:focus { border-color: var(--a1); }
.tk { display: block; padding: 14px; border-radius: 16px; background: var(--card); margin-bottom: 8px; transition: background .15s; border: 1px solid transparent; }
.tk:hover { background: var(--card2); }
.tk b { font-size: 14px; display: block; }
.tk p { font-size: 13.5px; color: var(--muted); margin: 5px 0 10px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.tk.unread { border-color: color-mix(in srgb, var(--a1) 55%, transparent); }
.pblk { padding: 22px; border-radius: 22px; background: var(--panel); border: 1px solid var(--line); }
.pblk + .pblk { margin-top: 14px; }
.pblk > h3 { font-size: 17px; margin-bottom: 4px; }
.pblk > p.muted { font-size: 14px; margin-bottom: 16px; }
.erow { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; padding: 10px; border-radius: 14px; background: var(--card); margin-top: 8px; }
.erow label { display: flex; align-items: center; gap: 6px; font-size: 12.5px; color: var(--muted); }
@media (max-width: 1180px) {
  .guar { grid-template-columns: 1fr 1fr; }
  .lot-grid { grid-template-columns: 1fr; }
  .seller-chat { position: static; height: 520px; }
  .ord-grid { grid-template-columns: 1fr; }
  .foot-grid { grid-template-columns: 1fr 1fr; }
  .tr { grid-template-columns: minmax(0, 1fr) 210px 110px; }
  .tr .t-stock { display: none; }
  .kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .charts, .two { grid-template-columns: 1fr; }
  .fest { grid-template-columns: 1fr auto; }
  .fest .emo { display: none; }
}
@media (max-width: 1000px) {
  .hdr .hsearch { display: none; }
  .msearch { display: block; }
  .nb { min-width: 64px; }
  .side { grid-template-columns: minmax(0, 1fr); }
  .snav { position: static; display: flex; overflow-x: auto; scrollbar-width: none; }
  .snav a, .snav button { flex: none; width: auto; white-space: nowrap; }
  .chats { grid-template-columns: 1fr; }
  .chats.has-open .clist { display: none; }
  .chats:not(.has-open) .chat { display: none; }
  .w-top { grid-template-columns: 1fr; }
  .adm { grid-template-columns: minmax(0, 1fr); }
  .adm > * { min-width: 0; }
  .adm-side { position: sticky; top: 0; z-index: 20; height: auto; padding: 10px; background: var(--bg); }
  .adm-side-in { flex-direction: row; align-items: center; padding: 8px; border-radius: 20px; overflow-x: auto; gap: 8px; scrollbar-width: none; }
  .adm-side .logo { padding: 0 6px; }
  .adm-side .logo span { display: none; }
  .adm-nav { display: flex; gap: 4px; }
  .adm-nav .grp { display: none; }
  .adm-nav a { white-space: nowrap; height: 40px; }
  .adm-bottom { display: flex; margin: 0; padding: 0; }
  .adm-bottom .adm-me { display: none; }
  .adm-main { padding: 12px 14px 40px; }
}
@media (max-width: 720px) {
  .wrap { width: calc(100% - 20px); }
  .shell { padding: 18px 14px; border-radius: 22px; }
  .hdr-wrap { padding-top: 8px; }
  .hdr { height: 62px; padding: 0 8px 0 16px; border-radius: 20px; }
  .hnav .nb { display: none; }
  .hnav .nb.keep-m { display: flex; min-width: 0; height: 48px; padding: 0 6px; }
  .hnav .nb.keep-m > span:not(.badge) { display: none; }
  .mnav { display: flex; position: fixed; left: 10px; right: 10px; bottom: 10px; z-index: 60; height: 66px; border-radius: 22px; background: var(--glass); backdrop-filter: blur(20px) saturate(1.5); -webkit-backdrop-filter: blur(20px) saturate(1.5); border: 1px solid var(--line2); box-shadow: var(--shadow); justify-content: space-around; align-items: center; padding: 0 4px; }
  .mnav a { position: relative; flex: 1; height: 56px; border-radius: 16px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; color: var(--muted); font-size: 11px; font-weight: 500; }
  .mnav a.on { color: var(--text); }
  .mnav a.on .ic { color: var(--a1); }
  .mnav .ic { width: 23px; height: 23px; }
  .mnav .ava { --s: 24px; font-size: 11px; }
  .mnav .badge { top: 3px; right: calc(50% - 22px); }
  #view { padding: 10px 0 100px; }
  .sup-fab { bottom: 88px; right: 14px; width: 54px; height: 54px; }
  .sup-win { right: 8px; left: 8px; width: auto; bottom: 84px; height: calc(100vh - 160px); }
  .cookie { left: 12px; bottom: 88px; }
  .foot { padding-bottom: 86px; }
  .foot-grid { grid-template-columns: 1fr; gap: 24px; padding: 28px 20px; }
  .foot-b { padding: 16px 20px; }
  .slides { height: 230px; border-radius: 18px; }
  .slide { padding: 0 24px; }
  .slide .art { right: -20px; opacity: .45; width: 150px; height: 150px; margin-top: -75px; font-size: 110px; }
  .slide .art .bm { width: 130px; height: 130px; }
  .slide .art .gt.art-game { width: 120px !important; height: 120px !important; border-radius: 30px; }
  .sl-arrow { display: none; }
  .tiles { gap: 10px; }
  .tile { width: 76px; }
  .tile .gt { width: 76px !important; height: 76px !important; border-radius: 20px; }
  .tile .n { font-size: 12.5px; }
  .t-arrow { display: none; }
  .guar { grid-template-columns: 1fr; }
  .fest { grid-template-columns: 1fr; padding: 22px; }
  .fest h3 { font-size: 28px; }
  .fest .mid { text-align: left; }
  .fest .mid .btn { margin-left: 0; }
  .cd b { min-width: 50px; height: 54px; font-size: 25px; }
  .tbl .tr.th { display: none; }
  .tr { grid-template-columns: 1fr auto; grid-template-areas: "d p" "s s"; gap: 10px; padding: 14px 16px; }
  .tr .t-d { grid-area: d; }
  .tr .t-price { grid-area: p; align-self: start; }
  .tr .seller-cell { grid-area: s; }
  .ghead .gt { --s: 60px; }
  .ghead h1 { font-size: 24px; }
  .filters .hsearch { width: 100%; }
  .lot-title h1 { font-size: 23px; grid-column: 1 / -1; grid-row: 2; }
  .lot-title .back { grid-column: 1; margin-left: -6px; }
  .lot-title .icon-btn:nth-of-type(1) { grid-column: 3; }
  .lot-title .icon-btn:nth-of-type(2) { grid-column: 4; }
  .facts { gap: 22px; }
  .buy-card { padding: 18px; }
  .cover { height: 150px; }
  .fgrid.c2, .fgrid.c3 { grid-template-columns: 1fr; }
  .task { grid-template-columns: 42px 1fr; }
  .task > :last-child { grid-column: 2; justify-self: start; }
  .ph h1 { font-size: 25px; }
  .chats { height: calc(100vh - 190px); }
  .chat { height: calc(100vh - 200px); }
  .m { max-width: 88%; }
  .kpis { grid-template-columns: 1fr 1fr; gap: 10px; }
  .kpi { min-height: 116px; padding: 16px; }
  .kpi b { font-size: 24px; }
  .kpi .ki { display: none; }
  .kpi.hero svg.spark { display: none; }
  .adm-top h1 { font-size: 26px; }
  .adm-top .hsearch { width: 100%; order: 5; }
  .ptool .hsearch { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}
.rail, .neo-frame { display: none; }
:root[data-style="neo"] { --rail: 92px; --gap: 8px; --frame-r: 44px; }
:root[data-style="neo"][data-theme="dark"] {
  --bg: #000000; --frame: #0f1010; --panel: #131515; --card: #151716; --card2: #1f2324; --card3: #2a2f30; --inset: #0e1010;
  --line: rgba(255,255,255,.065); --line2: rgba(255,255,255,.12); --glass: rgba(16,19,19,.62); --muted: #8a9393; --text2: #c6cdcc;
}
:root[data-style="neo"][data-theme="light"] {
  --bg: #d9dfde; --frame: #eef2f1; --panel: #ffffff; --card: #f4f7f6; --card2: #e8eeed; --card3: #dce4e2; --inset: #f7f9f9;
  --glass: rgba(255,255,255,.66);
}
[data-style="neo"] body { background: var(--bg); }
[data-style="neo"] .bg-glow { display: none; }
[data-style="neo"] .neo-frame { display: block; position: fixed; top: var(--gap); right: var(--gap); bottom: var(--gap); left: var(--rail); border-radius: var(--frame-r); background: var(--frame); overflow: hidden; z-index: 0; }
.decor { position: absolute; inset: 0; overflow: hidden; }
.decor .blob { position: absolute; border-radius: 50%; background: radial-gradient(closest-side, var(--c), transparent); filter: blur(60px); animation: blobm 28s ease-in-out infinite alternate; }
@keyframes blobm { 0% { transform: translate(0, 0) scale(1); } 50% { transform: translate(4%, -3%) scale(1.08); } 100% { transform: translate(-3%, 4%) scale(.95); } }
.decor .star { position: absolute; width: var(--z); height: var(--z); border-radius: 50%; background: #fff; opacity: .7; animation: twinkle var(--d) ease-in-out infinite; }
[data-theme="light"] .decor .star { background: color-mix(in srgb, var(--a2) 70%, #000); }
@keyframes twinkle { 50% { opacity: .1; transform: scale(.6); } }
.decor .spark { position: absolute; width: var(--z); height: var(--z); background: var(--a1); clip-path: polygon(50% 0, 60% 40%, 100% 50%, 60% 60%, 50% 100%, 40% 60%, 0 50%, 40% 40%); filter: drop-shadow(0 0 8px var(--a1)); animation: twinkle var(--d) ease-in-out infinite; }
[data-theme="light"] .decor .blob { opacity: .55 !important; }
[data-style="neo"] .rail { display: flex; position: fixed; left: 0; top: 0; bottom: 0; width: var(--rail); flex-direction: column; align-items: center; padding: 22px 0 20px; z-index: 60; background: var(--bg); }
.rail a.on { background: color-mix(in srgb, var(--a1) 20%, transparent); color: var(--a1) !important; }
.rail .ic { width: 22px; height: 22px; }
.rail .badge { top: 3px; right: 3px; box-shadow: 0 0 0 2px var(--bg); }
.rail [data-tip]:hover::after { left: calc(100% + 12px); top: 50%; bottom: auto; transform: translateY(-50%); }
[data-style="neo"] #app { margin-left: var(--rail); padding: var(--gap) var(--gap) 0 0; }
[data-style="neo"] .wrap { width: min(1200px, 100% - 64px); }
[data-style="neo"] .hdr-wrap { padding-top: 22px; }
[data-style="neo"] .hdr { height: 62px; padding: 0 10px 0 12px; gap: 14px; border-radius: 22px; background: color-mix(in srgb, var(--frame) 55%, transparent); border-color: var(--line); }
[data-style="neo"] .hdr .logo { display: none; }
[data-style="neo"] .hdr .hsearch { max-width: 520px; }
[data-style="neo"] .hdr .hsearch input { background: color-mix(in srgb, var(--card) 80%, transparent); height: 44px; border-radius: 14px; }
[data-style="neo"] .hnav .nb { display: none; }
[data-style="neo"] .hnav .nb.money { display: flex; flex-direction: row; gap: 8px; min-width: 0; height: 44px; padding: 0 14px; border-radius: 14px; background: color-mix(in srgb, var(--card) 80%, transparent); }
[data-style="neo"] .hnav .nb.money .ic { width: 18px; height: 18px; color: var(--a1); }
[data-style="neo"] .hnav .nb.me { display: flex; min-width: 0; height: 48px; padding: 0 4px; }
[data-style="neo"] .hnav .nb.me > span:not(.badge) { display: none; }
[data-style="neo"] .hnav .nb.me .ava { --s: 38px; font-size: 15px; }
[data-style="neo"] #view { padding-top: 18px; }
[data-style="neo"] .shell { background: color-mix(in srgb, var(--panel) 38%, transparent); backdrop-filter: blur(22px) saturate(1.2); -webkit-backdrop-filter: blur(22px) saturate(1.2); border-color: var(--line); border-radius: 32px; }
[data-style="neo"] .chats, [data-style="neo"] .chat, [data-style="neo"] .card, [data-style="neo"] .seller-chat { backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); }
[data-style="neo"] .card, [data-style="neo"] .chats { background: color-mix(in srgb, var(--card) 82%, transparent); }
[data-style="neo"] .gu .gi, [data-style="neo"] .li .lic, [data-style="neo"] .task .ti, [data-style="neo"] .m-ico, [data-style="neo"] .empty .em { border-radius: 50%; background: color-mix(in srgb, var(--a1) 16%, transparent); color: var(--a1); }
[data-style="neo"] .snav a.on { background: color-mix(in srgb, var(--a1) 14%, transparent); }
[data-style="neo"] .snav a .ic { width: 32px; height: 32px; padding: 7px; border-radius: 50%; background: color-mix(in srgb, var(--a1) 12%, transparent); color: var(--a1); }
[data-style="neo"] .ph h1 { font-size: 28px; }
[data-style="neo"] .foot { margin: 16px 0 var(--gap); }
[data-style="neo"] .foot-in { background: color-mix(in srgb, var(--panel) 58%, transparent); backdrop-filter: blur(22px); -webkit-backdrop-filter: blur(22px); border-radius: 32px; border-bottom: 1px solid var(--line); }
[data-style="neo"] .sup-fab { right: 30px; bottom: 30px; }
[data-style="neo"] .cookie { left: calc(var(--rail) + 22px); }
[data-style="neo"] body.panel-mode .rail { display: none; }
[data-style="neo"] body.panel-mode #app { margin-left: 0; padding: 0; }
[data-style="neo"] body.panel-mode .neo-frame { left: calc(264px + var(--gap)); }
[data-style="neo"] .adm-side-in { background: var(--bg); border-color: transparent; }
[data-style="neo"] .adm-main { position: relative; }
[data-style="neo"] .kpi:not(.hero), [data-style="neo"] .cbox, [data-style="neo"] .pblk, [data-style="neo"] .dt-wrap { background: color-mix(in srgb, var(--panel) 62%, transparent); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); }
.dec-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; }
.dec { position: relative; height: 96px; border-radius: 18px; overflow: hidden; background: var(--frame, #0c0e0e); box-shadow: inset 0 0 0 1px var(--line); transition: box-shadow .15s; text-align: left; }
.dec .decor .blob { filter: blur(22px); }
.dec span.n { position: absolute; left: 12px; bottom: 9px; font-size: 13px; font-weight: 600; z-index: 2; color: var(--text); }
.dec.on { box-shadow: inset 0 0 0 2px var(--a1); }
.style-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 10px; }
.stc { display: flex; gap: 12px; align-items: center; padding: 12px; border-radius: 18px; background: var(--card2); box-shadow: inset 0 0 0 1.5px transparent; text-align: left; transition: box-shadow .15s; }
.stc.on { box-shadow: inset 0 0 0 2px var(--a1); }
.stc .mock { width: 74px; height: 54px; border-radius: 12px; background: #0c0e0e; position: relative; overflow: hidden; flex: none; }
.stc .mock.neo::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 13px; background: #050606; }
.stc .mock.neo::after { content: ""; position: absolute; left: 13px; top: 3px; right: 3px; bottom: 3px; border-radius: 9px; background: radial-gradient(circle at 0 60%, var(--a1), transparent 55%), radial-gradient(circle at 100% 20%, var(--a2), transparent 50%), #101313; }
.stc .mock.classic::before { content: ""; position: absolute; left: 6px; right: 6px; top: 5px; height: 9px; border-radius: 4px; background: #23262b; }
.stc .mock.classic::after { content: ""; position: absolute; left: 6px; right: 6px; top: 18px; bottom: 5px; border-radius: 6px; background: #1b1d22; }
.stc b { display: block; font-size: 15px; }
.stc small { color: var(--muted); font-size: 12.5px; }
@media (max-width: 1000px) {
  [data-style="neo"] .wrap { width: calc(100% - 32px); }
}
@media (max-width: 720px) {
  [data-style="neo"] .rail { display: none; }
  [data-style="neo"] #app { margin-left: 0; padding: 0; }
  [data-style="neo"] .neo-frame { inset: 0; border-radius: 0; }
  [data-style="neo"] .hdr .logo { display: inline-flex; }
  [data-style="neo"] .hnav .nb.money { display: none; }
  [data-style="neo"] .wrap { width: calc(100% - 20px); }
  [data-style="neo"] .shell { border-radius: 24px; }
  [data-style="neo"] .cookie { left: 12px; }
  [data-style="neo"] .sup-fab { right: 14px; bottom: 88px; }
}
@media (max-width: 1000px) {
  [data-style="neo"] body.panel-mode .neo-frame { left: var(--gap); }
}
.neo-frame .shader { position: absolute; inset: 0; width: 100%; height: 100%; display: block; transition: opacity .6s; }
.decor { z-index: 1; }
.decor.has-shader .blob { display: none; }
[data-style="neo"] .shell { background: color-mix(in srgb, #151716 46%, transparent); border-color: rgba(255,255,255,.07); }
[data-style="neo"][data-theme="light"] .shell { background: color-mix(in srgb, #fff 55%, transparent); border-color: rgba(0,0,0,.06); }
[data-style="neo"] .hdr { background: color-mix(in srgb, #0f1010 50%, transparent); }
[data-style="neo"][data-theme="light"] .hdr { background: color-mix(in srgb, #fff 55%, transparent); }
[data-style="neo"] .slide:not(.has-img), [data-style="neo"] .fest, [data-style="neo"] .ev-card, [data-style="neo"] .w-card.main, [data-style="neo"] .cta {
  background:
    radial-gradient(ellipse 50% 120% at 92% 50%, color-mix(in srgb, var(--a1) 34%, transparent), transparent 70%),
    radial-gradient(ellipse 40% 90% at 0% 115%, color-mix(in srgb, var(--a1) 20%, transparent), transparent 70%),
    linear-gradient(140deg, color-mix(in srgb, var(--a1) 6%, #131616), #0e1111) !important;
  color: #fff; border: 1px solid rgba(255,255,255,.08);
}
[data-style="neo"] .slides { border: 1px solid rgba(255,255,255,.07); background: #0f1212; }
[data-style="neo"] .slide { border: 0; }
[data-style="neo"] .slide::before { background: radial-gradient(ellipse at 85% 50%, rgba(255,255,255,.08), transparent 45%); }
[data-style="neo"] .slide::after, [data-style="neo"] .fest::after, [data-style="neo"] .w-card.main::after, [data-style="neo"] .cta::after {
  content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .09; mix-blend-mode: overlay; border-radius: inherit;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
[data-style="neo"] .w-card.main::after { width: auto; height: auto; border: 0; top: 0; right: 0; }
[data-style="neo"] .cta { position: relative; overflow: hidden; }
[data-style="neo"] .cta p { color: rgba(255,255,255,.7); }
[data-style="neo"] .slide .art { filter: drop-shadow(0 24px 40px rgba(0,0,0,.5)) drop-shadow(0 0 40px color-mix(in srgb, var(--a1) 45%, transparent)); }
[data-style="neo"] .slide h2 { text-shadow: none; }
[data-style="neo"] .slide p, [data-style="neo"] .fest p { color: rgba(255,255,255,.72); opacity: 1; }
[data-style="neo"] .slide .btn.white, [data-style="neo"] .fest .btn.white { background: var(--a1); color: var(--on-a); }
[data-style="neo"] .w-card.main .btn { background: var(--a1); color: var(--on-a); }
[data-style="neo"] .w-card.main .btn.line { background: rgba(255,255,255,.08); color: #fff; }
[data-style="neo"] .fest::before { background: repeating-linear-gradient(90deg, rgba(255,255,255,.035) 0 1px, transparent 1px 48px), repeating-linear-gradient(0deg, rgba(255,255,255,.035) 0 1px, transparent 1px 48px); }
[data-style="neo"] .fest .mid .t { background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.08); }
[data-style="neo"] .cd b { background: rgba(255,255,255,.05); border-color: rgba(255,255,255,.09); }
[data-style="neo"] .dots button { background: rgba(255,255,255,.15); }
[data-style="neo"] .dots button.on { background: var(--a1); }
[data-style="neo"] .sl-arrow { background: rgba(20,24,24,.75); backdrop-filter: blur(10px); border-color: rgba(255,255,255,.08); color: #fff; }
[data-style="neo"] .live-dot { background: var(--a1); animation: livep2 1.6s infinite; }
@keyframes livep2 { 0% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--a1) 60%, transparent); } 70% { box-shadow: 0 0 0 9px transparent; } 100% { box-shadow: 0 0 0 0 transparent; } }
[data-style="neo"] .sec-h h2 > .ic { color: var(--a1); }
[data-style="neo"] .btn.pri { box-shadow: 0 8px 22px -10px var(--a1); }
.art-logo .logo-mark { width: 100%; height: 100%; }
.slide .art .art-logo { width: 170px; height: 170px; display: block; }
.slide .art .art-ic { width: 170px; height: 170px; display: grid; place-items: center; border-radius: 48px; background: linear-gradient(145deg, color-mix(in srgb, var(--a1) 85%, #fff 0%), var(--a2)); color: #fff; transform: rotate(-8deg); box-shadow: 0 30px 60px -10px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.3); }
.slide .art .art-ic .ic { width: 84px; height: 84px; stroke-width: 1.6; }
.neo-only { display: none !important; }
[data-style="neo"] .neo-only { display: block !important; }
[data-style="neo"] .e-emoji { display: none; }
.fest .emo .art-logo { width: 120px; height: 120px; }
[data-style="neo"] .fest .emo { filter: drop-shadow(0 0 36px color-mix(in srgb, var(--a1) 50%, transparent)); }
@media (max-width: 720px) {
  .slide .art .art-logo, .slide .art .art-ic { width: 110px; height: 110px; border-radius: 30px; }
  .slide .art .art-ic .ic { width: 54px; height: 54px; }
}
[data-style="neo"] .rail { display: none !important; }
[data-style="neo"] #app { margin-left: 0; padding: var(--gap) var(--gap) 0; }
[data-style="neo"] .neo-frame { left: var(--gap); }
[data-style="neo"] .cookie { left: 28px; }
[data-style="neo"] .hdr-wrap { padding-top: 18px; }
[data-style="neo"] .hdr {
  height: 72px; padding: 0 12px 0 22px; gap: 14px; border-radius: 26px;
  background: linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.015)), color-mix(in srgb, #0f1010 62%, transparent);
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 18px 50px -20px rgba(0,0,0,.7), inset 0 1px 0 rgba(255,255,255,.06);
  backdrop-filter: blur(24px) saturate(1.4); -webkit-backdrop-filter: blur(24px) saturate(1.4);
}
[data-style="neo"][data-theme="light"] .hdr { background: linear-gradient(180deg, rgba(255,255,255,.85), rgba(255,255,255,.6)); border-color: rgba(0,0,0,.06); box-shadow: 0 18px 50px -24px rgba(20,40,40,.35); }
[data-style="neo"] .hdr .logo { display: inline-flex; font-size: 19px; }
[data-style="neo"] .hdr .logo .logo-mark { width: 30px; height: 30px; filter: drop-shadow(0 0 12px color-mix(in srgb, var(--a1) 55%, transparent)); }
.nn { position: relative; display: inline-flex; align-items: center; gap: 8px; height: 44px; padding: 0 15px; border-radius: 14px; color: var(--muted); font-size: 14px; font-weight: 600; white-space: nowrap; transition: color .18s, background .18s; }
.nn .ic { width: 19px; height: 19px; }
.nn:hover { color: var(--text); background: rgba(255,255,255,.05); }
[data-theme="light"] .nn:hover { background: rgba(0,0,0,.04); }
.nn.on { color: var(--text); background: linear-gradient(180deg, color-mix(in srgb, var(--a1) 30%, transparent), color-mix(in srgb, var(--a1) 16%, transparent)); box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 6px 18px -8px color-mix(in srgb, var(--a1) 70%, transparent); }
.nn.on .ic { color: var(--a1); filter: drop-shadow(0 0 6px color-mix(in srgb, var(--a1) 60%, transparent)); }
[data-theme="light"] .nn.on { color: color-mix(in srgb, var(--a1) 70%, #000); }
.nn .badge { top: 3px; right: 3px; box-shadow: 0 0 0 2px #121414; }
.nn[data-tip]:hover::after { display: none; }
[data-style="neo"] .hdr .hsearch { max-width: 360px; margin-left: auto; }
[data-style="neo"] .hdr .hsearch input { height: 46px; border-radius: 15px; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.06); }
[data-theme="light"][data-style="neo"] .hdr .hsearch input { background: rgba(0,0,0,.035); border-color: rgba(0,0,0,.05); }
[data-style="neo"] .hdr .hsearch input:focus { border-color: color-mix(in srgb, var(--a1) 60%, transparent); background: rgba(255,255,255,.06); }
[data-style="neo"] #view { padding-top: 16px; }
@media (max-width: 1360px) {
  .nn { padding: 0 12px; }
  [data-style="neo"] .hdr .hsearch { max-width: 260px; }
}
@media (max-width: 1220px) {
  .nn[data-tip]:hover::after { display: block; top: calc(100% + 10px); bottom: auto; }
}
@media (max-width: 1000px) {
  [data-style="neo"] .hdr .hsearch { display: none; }
}
@media (max-width: 720px) {
  [data-style="neo"] #app { padding: 0; }
  [data-style="neo"] .neo-frame { left: 0; }
  [data-style="neo"] .hdr-wrap { padding-top: 10px; }
  [data-style="neo"] .hdr { height: 62px; padding: 0 8px 0 16px; border-radius: 22px; }
  [data-style="neo"] .cookie { left: 12px; }
}
.ic.grad, .nn.on .ic, .mnav a.on .ic, .sec-h h2 > .ic, .snav a.on .ic, .tabs .chip.on .ic { stroke: url(#gIcon); fill: url(#gIconSoft); }
.sec-h h2 > .ic { width: 24px; height: 24px; }
.nn .ic { stroke-width: 1.9; }
.nn.on .ic { filter: drop-shadow(0 0 8px color-mix(in srgb, var(--a1) 65%, transparent)); }
.mnav a.on .ic { filter: drop-shadow(0 0 8px color-mix(in srgb, var(--a1) 55%, transparent)); }
.pi-ic { width: 32px; height: 32px; border-radius: 10px; display: grid; place-items: center; flex: none; color: #fff; background: var(--tile, linear-gradient(145deg, var(--a3), var(--a1))); box-shadow: inset 0 1px 0 rgba(255,255,255,.28), 0 4px 12px -4px var(--tile-sh, color-mix(in srgb, var(--a1) 70%, transparent)); }
.pi-ic .ic { width: 18px; height: 18px; stroke: #fff !important; fill: rgba(255,255,255,.22) !important; filter: none !important; }
.c-acc { --tile: linear-gradient(145deg, var(--a3), var(--a1)); }
.c-green { --tile: linear-gradient(145deg, #34d399, #059669); --tile-sh: rgba(16,185,129,.55); }
.c-blue { --tile: linear-gradient(145deg, #60a5fa, #2563eb); --tile-sh: rgba(59,130,246,.55); }
.c-pink { --tile: linear-gradient(145deg, #fb7185, #e11d48); --tile-sh: rgba(244,63,94,.55); }
.c-violet { --tile: linear-gradient(145deg, #a78bfa, #6d28d9); --tile-sh: rgba(139,92,246,.55); }
.c-amber { --tile: linear-gradient(145deg, #fbbf24, #ea580c); --tile-sh: rgba(245,158,11,.55); }
.li .lic.pi-ic { width: 42px; height: 42px; border-radius: 13px; }
.li .lic.pi-ic .ic { width: 20px; height: 20px; }
.gu .gi.c-green, .gu .gi.c-amber, .gu .gi.c-blue, .gu .gi.c-pink { background: var(--tile) !important; color: #fff !important; border-radius: 16px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.28); }
.gu .gi .ic { stroke: currentColor; }
.gu .gi.c-green .ic, .gu .gi.c-amber .ic, .gu .gi.c-blue .ic, .gu .gi.c-pink .ic { fill: rgba(255,255,255,.22); width: 24px; height: 24px; }
.task .ti .ic, .kpi .ki .ic, .empty .em .ic, .m-ico .ic, .gu .gi:not([class*="c-"]) .ic { stroke: url(#gIcon); fill: url(#gIconSoft); }
.slide .art, .fest .emo { animation: none !important; }
.slide .art .gt.art-game { transform: none; border-radius: 40px; box-shadow: 0 24px 50px -14px rgba(0,0,0,.6), 0 0 0 1px rgba(255,255,255,.12); }
.slide .art .art-ic { transform: none; }
[data-style="neo"] .slide .art { filter: drop-shadow(0 0 50px color-mix(in srgb, var(--a1) 35%, transparent)); }
[data-style="neo"] .slide::before { background: radial-gradient(ellipse 30% 60% at 82% 50%, color-mix(in srgb, var(--a1) 22%, transparent), transparent 70%); }
.decor .spark { background: var(--a1); }
[data-style="neo"] .hdr-wrap { padding-top: 16px; }
[data-style="neo"] .hdr {
  height: 84px; padding: 0 18px 0 26px; gap: 18px; border-radius: 26px;
  background: color-mix(in srgb, #141717 86%, transparent);
  border: 1px solid rgba(255,255,255,.06); box-shadow: 0 16px 40px -24px rgba(0,0,0,.8);
  backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
}
[data-style="neo"][data-theme="light"] .hdr { background: color-mix(in srgb, #fff 90%, transparent); border-color: rgba(0,0,0,.06); box-shadow: 0 16px 40px -28px rgba(20,40,40,.4); }
[data-style="neo"] .hdr .logo { font-size: 22px; gap: 10px; letter-spacing: -.04em; }
[data-style="neo"] .hdr .logo .logo-mark { width: 34px; height: 34px; filter: none; }
.tswitch { display: none; position: relative; width: 62px; height: 34px; border-radius: 99px; background: rgba(255,255,255,.09); flex: none; transition: background .2s; }
[data-style="neo"] .tswitch { display: block; }
.tswitch i { position: absolute; top: 3px; left: 31px; width: 28px; height: 28px; border-radius: 50%; background: #fff; color: #111; display: grid; place-items: center; transition: left .25s var(--ease); box-shadow: 0 2px 8px rgba(0,0,0,.35); }
.tswitch i .ic { width: 16px; height: 16px; fill: #111 !important; stroke: #111 !important; }
[data-theme="light"] .tswitch { background: rgba(0,0,0,.08); }
[data-theme="light"] .tswitch i { left: 3px; }
[data-style="neo"] .hdr .hsearch { flex: 1; max-width: none; margin: 0 6px; }
[data-style="neo"] .hdr .hsearch input { height: 52px; border-radius: 15px; background: rgba(255,255,255,.055); border: 1px solid transparent; font-size: 15.5px; padding-left: 50px; }
[data-style="neo"] .hdr .hsearch > .ic { left: 18px; width: 20px; height: 20px; }
[data-style="neo"][data-theme="light"] .hdr .hsearch input { background: rgba(0,0,0,.045); }
[data-style="neo"] .hdr .hsearch input:focus { border-color: color-mix(in srgb, var(--a1) 55%, transparent); background: rgba(255,255,255,.07); }
.hnav2 { display: flex; align-items: center; gap: 4px; flex: none; }
.hnav2 .nn { flex-direction: column; justify-content: center; gap: 5px; height: 62px; min-width: 74px; padding: 0 8px; border-radius: 16px; background: none !important; box-shadow: none !important; color: var(--muted); font-size: 13px; font-weight: 500; }
.hnav2 .nn:hover { color: var(--text); }
.hnav2 .nn:hover .nn-i { transform: translateY(-1px); }
.nn-i { position: relative; display: grid; place-items: center; width: 30px; height: 30px; transition: transform .18s var(--ease); }
.hnav2 .nn .ic { width: 26px; height: 26px; stroke-width: 1.8; filter: none !important; stroke: currentColor; fill: color-mix(in srgb, currentColor 22%, transparent); }
.hnav2 .nn.on { color: var(--a1); }
.hnav2 .nn.on .ic { stroke: var(--a1); fill: color-mix(in srgb, var(--a1) 30%, transparent); }
[data-theme="light"] .hnav2 .nn.on { color: color-mix(in srgb, var(--a1) 80%, #000); }
.hnav2 .nn .badge { top: -6px; right: -10px; box-shadow: 0 0 0 2.5px #141717; }
[data-theme="light"] .hnav2 .nn .badge { box-shadow: 0 0 0 2.5px #fff; }
.hnav2 .is-fest { color: #f59e0b; }
.hnav2 .is-fest .nn-i { width: 30px; height: 30px; border-radius: 50%; background: radial-gradient(circle at 35% 30%, #fde68a, #f59e0b 55%, #d97706); box-shadow: inset 0 -2px 0 rgba(0,0,0,.18), 0 4px 12px -3px rgba(245,158,11,.6); }
.hnav2 .is-fest .ic { width: 17px; height: 17px; stroke: #7c2d12 !important; fill: rgba(124,45,18,.18) !important; }
.hnav2 .is-fest.on, .hnav2 .is-fest:hover { color: #fbbf24; }
.hnav2 .nn-me .ava { --s: 30px; font-size: 13px; box-shadow: 0 0 0 2px #141717, 0 0 0 3.5px color-mix(in srgb, var(--a1) 75%, transparent); }
.hnav2 .btn.pri { margin-left: 8px; height: 48px; }
@media (max-width: 1280px) {
  .hnav2 .nn { min-width: 64px; padding: 0 4px; }
}
@media (max-width: 1100px) {
  .hnav2 .nn > span:not(.ava) { display: none; }
  .hnav2 .nn { min-width: 46px; height: 52px; }
  .tswitch { display: none !important; }
}
@media (max-width: 1000px) {
  [data-style="neo"] .hdr .hsearch { display: none; }
  .hnav2 { margin-left: auto; }
}
@media (max-width: 720px) {
  [data-style="neo"] .hdr { height: 64px; padding: 0 10px 0 16px; border-radius: 22px; }
  .hnav2 .nn:not(.nn-me) { display: none; }
  [data-style="neo"] .hdr .logo { font-size: 19px; }
}
.lot-auto { margin-top: 12px; height: 30px; padding: 0 12px; font-size: 13.5px; border-radius: 10px; }
.facts { gap: 18px 48px; }
.facts .fact a:hover { color: var(--a1); }
.buy-card { gap: 18px; }
.bf .lbl { margin-bottom: 9px; }
.pm-sel { position: relative; }
.pm-cur { display: flex; align-items: center; gap: 12px; width: 100%; height: 56px; padding: 0 16px; border-radius: 14px; background: var(--card2); border: 1px solid var(--line); text-align: left; transition: border-color .15s, background .15s; font-size: 15px; }
.pm-cur:hover { border-color: var(--line2); }
.pm-sel.open .pm-cur { border-color: color-mix(in srgb, var(--a1) 60%, transparent); border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.pm-cur b { font-size: 16px; white-space: nowrap; }
.pm-cur .pm-chev { width: 18px; height: 18px; color: var(--muted); transition: transform .2s; flex: none; }
.pm-sel.open .pm-chev { transform: rotate(180deg); }
.pm-cur .pi-ic, .pm-opt .pi-ic { width: 34px; height: 34px; border-radius: 11px; }
.pm-list { display: none; position: absolute; left: 0; right: 0; top: 100%; z-index: 20; background: var(--panel); border: 1px solid color-mix(in srgb, var(--a1) 60%, transparent); border-top: 0; border-radius: 0 0 16px 16px; padding: 6px; box-shadow: var(--shadow); max-height: 340px; overflow: auto; }
.pm-sel.open .pm-list { display: grid; gap: 2px; animation: pop .14s var(--ease); }
.pm-opt { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-radius: 12px; text-align: left; transition: background .12s; }
.pm-opt:hover { background: var(--card2); }
.pm-opt.on { background: color-mix(in srgb, var(--a1) 12%, transparent); }
.pm-opt b { display: block; font-weight: 600; font-size: 14.5px; }
.pm-opt small { color: var(--muted); font-size: 12.5px; }
.pm-opt > b { white-space: nowrap; font-size: 15px; }
.pm-opt .pm-ok { width: 18px; height: 18px; color: var(--a1); stroke: var(--a1) !important; fill: none !important; }
.pq { display: grid; grid-template-columns: 1fr auto 1fr; gap: 12px; align-items: end; }
.pq-sw { width: 46px; height: 46px; border-radius: 50%; display: grid; place-items: center; background: var(--card2); color: var(--muted); margin-bottom: 0; }
.pq-sw .ic { width: 18px; height: 18px; }
.inp-suf { position: relative; }
.inp-suf .inp { padding-right: 46px; font-size: 16px; font-weight: 600; height: 50px; }
.inp-suf em { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); font-style: normal; font-weight: 700; color: var(--muted); pointer-events: none; }
.pq-hint { display: block; margin-top: 8px; color: var(--muted); font-size: 13px; }
.cashback .pi-ic { width: 36px; height: 36px; }
.rate-card { display: flex; gap: 28px; align-items: center; padding: 22px 24px; border-radius: 22px; background: var(--card); border: 1px solid var(--line); flex-wrap: wrap; }
.rate-big { font-size: 46px; font-weight: 800; letter-spacing: -.04em; line-height: 1; margin: 2px 0 8px; }
.rate-big small { font-size: 16px; color: var(--muted); font-weight: 600; margin-left: 6px; letter-spacing: 0; }
.rate-card .rbars { min-width: 220px; }
.rate-side { display: flex; flex-direction: column; gap: 6px; align-items: flex-start; }
.rate-side span { color: var(--muted); font-size: 13.5px; }
.rate-side .btn { margin-top: 6px; }
@media (max-width: 720px) {
  .pq { grid-template-columns: 1fr 1fr; }
  .pq-sw { display: none; }
  .rate-card { gap: 18px; }
}
.ic.fa { stroke: none !important; fill: currentColor; overflow: visible; }
.ic.fa.grad, .nn.on .ic.fa, .mnav a.on .ic.fa, .sec-h h2 > .ic.fa, .snav a.on .ic.fa, .task .ti .ic.fa, .kpi .ki .ic.fa, .empty .em .ic.fa, .m-ico .ic.fa, .gu .gi:not([class*="c-"]) .ic.fa { fill: url(#gFa); }
.pi-ic .ic.fa, .gu .gi[class*="c-"] .ic.fa { fill: #fff !important; width: 16px; height: 16px; }
.gu .gi[class*="c-"] .ic.fa { width: 21px; height: 21px; }
.li .lic.pi-ic .ic.fa { width: 18px; height: 18px; }
.hnav2 .nn .ic.fa { width: 23px; height: 23px; fill: currentColor; }
.hnav2 .nn.on .ic.fa { fill: var(--a1); }
.hnav2 .is-fest .ic.fa { width: 15px; height: 15px; fill: #7c2d12 !important; }
.pm-opt .pm-ok.fa { fill: var(--a1) !important; width: 15px; height: 15px; }
.tswitch i .ic.fa { fill: #111 !important; width: 14px; height: 14px; }
.btn .ic.fa { width: 16px; height: 16px; }
.btn.lg .ic.fa { width: 18px; height: 18px; }
.mnav .ic.fa { width: 21px; height: 21px; }
.nb .ic.fa { width: 22px; height: 22px; }
.icon-btn .ic.fa { width: 17px; height: 17px; }
.icon-btn.on .ic.fa { fill: #f43f5e; }
.sup-fab .ic.fa { width: 24px; height: 24px; }
.socials .ic.fa { width: 20px; height: 20px; }
.chip .ic.fa, .tag .ic.fa, .pill .ic.fa { width: 13px; height: 13px; }
.vf .ic.fa { width: 16px; height: 16px; fill: var(--a1); }
.seller-cell b .vf .ic.fa { width: 14px; height: 14px; }
.crumbs .ic.fa { width: 10px; height: 10px; }
.sec-h a .ic.fa, .link .ic.fa { width: 11px; height: 11px; }
.sl-arrow .ic.fa, .t-arrow .ic.fa { width: 14px; height: 14px; }
.lot-title .back .ic.fa { width: 16px; height: 16px; }
.hsearch > .ic.fa { width: 17px; height: 17px; }
.pq-sw .ic.fa { width: 16px; height: 16px; }
.pm-cur .pm-chev.fa { width: 13px; height: 13px; }
.adm-nav a .ic.fa { width: 18px; height: 18px; }
.stp .dot .ic.fa { width: 14px; height: 14px; }
.note .ic.fa { width: 16px; height: 16px; }
.slide .art .art-ic .ic.fa { width: 76px; height: 76px; fill: #fff; }
.cashback .pi-ic .ic.fa { width: 17px; height: 17px; }
.doc h1 { margin-bottom: 6px; }
.doc .doc-meta { font-size: 13px; color: var(--muted); margin: 0 0 20px; }
.doc .doc-lead { padding: 14px 16px; border-radius: 14px; background: color-mix(in srgb, var(--a1) 10%, transparent); border: 1px solid color-mix(in srgb, var(--a1) 24%, transparent); color: var(--text); margin: 0 0 18px; }
.doc .doc-lead strong { color: var(--a1); }
.doc h2 { padding-top: 18px; border-top: 1px solid var(--line, rgba(255,255,255,.07)); }
.doc .doc-pt { display: flex; gap: 10px; }
.doc .doc-pt > b { flex: none; min-width: 34px; color: var(--a1); font-weight: 700; font-variant-numeric: tabular-nums; }
.doc ul { padding-left: 44px; }
.doc ul li::marker { color: var(--a1); }
.doc strong { color: var(--text); font-weight: 700; }
.hnav2 .is-fest { color: #c99a45; }
.hnav2 .is-fest .nn-i { width: 30px; height: 30px; border-radius: 50%; background: linear-gradient(160deg, #d8a64c, #a8741f); box-shadow: inset 0 1px 0 rgba(255,255,255,.18), inset 0 -2px 0 rgba(0,0,0,.18); }
.hnav2 .is-fest .ic.fa { width: 14px; height: 14px; color: #fff4dc; }
.hnav2 .is-fest:hover, .hnav2 .is-fest.on { color: #ddb15c; }
.hnav2 .is-fest:hover .nn-i, .hnav2 .is-fest.on .nn-i { background: linear-gradient(160deg, #e2b257, #b47e24); }
.hnav2 .nn .badge { top: -8px; right: -17px; }
.fest h1 { font-size: 36px; font-weight: 800; letter-spacing: -.04em; line-height: 1; margin: 0; }
@media (max-width: 720px) {
  .fest h1 { font-size: 28px; }
}
svg.ic.fa { overflow: visible; }
.mut-gold { --mg: #f5c542; }
.mut-rainbow { --mg: #c084fc; }
.mut-crystal { --mg: #9be7f5; }
.mut-fire { --mg: #fb7a35; }
.mut-cosmic { --mg: #a78bfa; }
.mut-gold .logo-mark { filter: sepia(1) saturate(3.2) hue-rotate(-12deg) brightness(1.12); }
.mut-rainbow .logo-mark { animation: fmRainbow 4s linear infinite; }
.mut-crystal .logo-mark { filter: saturate(.35) brightness(1.55) hue-rotate(15deg); }
.mut-fire .logo-mark { filter: hue-rotate(-155deg) saturate(2.4) brightness(1.05); }
.mut-cosmic .logo-mark { filter: hue-rotate(95deg) saturate(1.6) brightness(.95); }
@keyframes fmRainbow { from { filter: hue-rotate(0deg) saturate(1.6); } to { filter: hue-rotate(360deg) saturate(1.6); } }
.farm2 { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); gap: 18px; align-items: start; }
.fm-side { display: grid; gap: 18px; }
.fm-main { padding: 22px; display: flex; flex-direction: column; align-items: center; text-align: center; }
.fm-guest { gap: 10px; padding-bottom: 28px; }
.fm-guest h3 { font-size: 20px; }
.fm-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; width: 100%; }
.fm-stats > span { display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto; column-gap: 10px; align-items: center; text-align: left; padding: 12px 14px; border-radius: 16px; background: rgba(255,255,255,.04); border: 1px solid var(--line); }
.fm-stats .ic { grid-row: span 2; width: 22px; height: 22px; color: var(--a1); }
.fm-stats small { color: var(--muted); font-size: 12px; }
.fm-stats b { font-size: 18px; font-weight: 800; letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
[data-theme="light"] .fm-stats > span { background: rgba(0,0,0,.03); }
.fm-stage { position: relative; width: 100%; height: 300px; display: block; }
.fm-glow { position: absolute; left: 50%; top: 46%; width: 300px; height: 300px; transform: translate(-50%, -50%); border-radius: 50%; background: radial-gradient(circle, color-mix(in srgb, var(--mg, var(--a1)) 34%, transparent), transparent 66%); pointer-events: none; }
.fm-stage[class*="mut-"] .fm-glow { animation: fmPulse 3s ease-in-out infinite; }
@keyframes fmPulse { 50% { opacity: .65; transform: translate(-50%, -50%) scale(1.08); } }
.fm-plant { position: absolute; left: 50%; bottom: 58px; width: 230px; height: 230px; transform: translateX(-50%) scale(var(--k)); transform-origin: 50% 100%; transition: transform .6s var(--ease); display: grid; place-items: end center; }
.fm-plant .logo-mark { width: 100%; height: 100%; filter: drop-shadow(0 10px 22px rgba(0,0,0,.35)); }
.fm-stage[class*="mut-"] .fm-plant .logo-mark { filter: var(--mf, none) drop-shadow(0 0 22px color-mix(in srgb, var(--mg) 70%, transparent)); }
.fm-stage.mut-gold .fm-plant .logo-mark { --mf: sepia(1) saturate(3.2) hue-rotate(-12deg) brightness(1.12); }
.fm-stage.mut-crystal .fm-plant .logo-mark { --mf: saturate(.35) brightness(1.55) hue-rotate(15deg); }
.fm-stage.mut-fire .fm-plant .logo-mark { --mf: hue-rotate(-155deg) saturate(2.4) brightness(1.05); }
.fm-stage.mut-cosmic .fm-plant .logo-mark { --mf: hue-rotate(95deg) saturate(1.6) brightness(.95); }
.fm-stage.mut-rainbow .fm-plant .logo-mark { animation: fmRainbow 4s linear infinite; }
.fm-seed { width: 34px; height: 24px; border-radius: 50%; background: radial-gradient(circle at 35% 35%, #9a7b5c, #5c4330); margin-bottom: 4px; box-shadow: 0 4px 10px rgba(0,0,0,.4); }
.fm-pot { position: absolute; left: 50%; bottom: 8px; width: 150px; height: 64px; transform: translateX(-50%); clip-path: polygon(0 0, 100% 0, 86% 100%, 14% 100%); background: linear-gradient(180deg, #2b3534, #1a2120); box-shadow: inset 0 -10px 20px rgba(0,0,0,.35); }
.fm-pot::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 12px; background: linear-gradient(90deg, color-mix(in srgb, var(--a1) 55%, #1a2120), color-mix(in srgb, var(--a1) 85%, #fff 0%), color-mix(in srgb, var(--a1) 55%, #1a2120)); }
[data-theme="light"] .fm-pot { background: linear-gradient(180deg, #d9e4e2, #b9c8c5); }
.fm-bump .fm-plant { animation: fmBump .6s var(--ease); }
@keyframes fmBump { 30% { transform: translateX(-50%) scale(calc(var(--k) * 1.08)); } 60% { transform: translateX(-50%) scale(calc(var(--k) * .97)); } }
.fm-title { display: flex; align-items: center; justify-content: center; gap: 10px; flex-wrap: wrap; font-size: 20px; margin-top: 4px; }
.fm-title b { font-weight: 800; letter-spacing: -.02em; }
.fm-sub { margin-top: 4px; }
.fm-tag { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 999px; font-size: 12.5px; font-weight: 700; color: var(--mg, var(--a1)); background: color-mix(in srgb, var(--mg, var(--a1)) 16%, transparent); border: 1px solid color-mix(in srgb, var(--mg, var(--a1)) 30%, transparent); white-space: nowrap; }
.fm-tag .ic { width: 13px; height: 13px; }
.fm-water { width: 100%; margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--line); display: grid; gap: 12px; justify-items: center; }
.fm-drops { display: flex; align-items: center; gap: 8px; font-size: 15px; color: var(--text2); }
.fm-drops .ic { width: 20px; height: 20px; color: #4fb3ff; }
.fm-drops b { font-size: 22px; color: var(--text); font-weight: 800; }
.fm-btns { display: flex; gap: 8px; flex-wrap: wrap; justify-content: center; }
.fm-btns .btn { min-width: 92px; }
.fm-btns .ic { width: 15px; height: 15px; }
.fm-big .ic { width: 22px; height: 22px; color: #4fb3ff; vertical-align: -2px; }
.fm-season h3 { font-size: 17px; gap: 8px; }
.fm-season .muted { margin-top: 6px; }
.fm-cd { margin: 16px 0; }
.fm-cd small { display: block; font-size: 12.5px; color: var(--muted); margin-bottom: 8px; font-weight: 600; }
.fm-cd .cd b { min-width: 52px; height: 52px; font-size: 24px; }
.fm-prizes { display: grid; grid-template-columns: repeat(auto-fit, minmax(90px, 1fr)); gap: 8px; }
.fm-prizes > div { display: grid; justify-items: center; gap: 4px; padding: 12px 8px; border-radius: 14px; background: rgba(255,255,255,.035); border: 1px solid var(--line); }
.fm-prizes b { font-size: 16px; font-weight: 800; }
.fm-prizes small { color: var(--muted); font-size: 12px; }
.fm-place { display: inline-grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; font-size: 13px; font-weight: 800; color: #1b1b1b; background: #6b7280; flex: none; }
.fm-place.p1 { background: linear-gradient(160deg, #f7d774, #c9962c); }
.fm-place.p2 { background: linear-gradient(160deg, #e5e7eb, #9ca3af); }
.fm-place.p3 { background: linear-gradient(160deg, #f0b27a, #a8642c); }
.fm-me { margin-top: 14px; padding: 10px 14px; border-radius: 12px; background: color-mix(in srgb, var(--a1) 12%, transparent); font-size: 14px; text-align: center; }
.fm-me b { color: var(--a1); }
.fm-daily { display: flex; align-items: center; gap: 14px; }
.fm-daily > .ic { width: 30px; height: 30px; flex: none; color: var(--a1); }
.fm-daily b { display: block; }
.fm-daily small { display: block; margin-top: 2px; font-size: 13px; }
.fm-muts { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
.fm-mut { display: grid; justify-items: center; gap: 4px; padding: 16px 10px; border-radius: 18px; text-align: center; background: var(--card); border: 1px solid var(--line); position: relative; overflow: hidden; }
.fm-mut { background: radial-gradient(120px 90px at 50% 26%, color-mix(in srgb, var(--mg) 20%, transparent), transparent), var(--card); }
.fm-mut > * { position: relative; }
.fm-mut.on { border-color: var(--a1); box-shadow: 0 0 0 1px var(--a1) inset; }
.fm-mini { width: 64px; height: 64px; display: inline-grid; place-items: center; }
.fm-mini .logo-mark { width: 100%; height: 100%; }
.fm-mut b { margin-top: 4px; }
.fm-x { font-weight: 800; color: var(--mg); font-size: 14px; }
.fm-mut small { font-size: 12px; }
.fm-muts .fm-mut:nth-child(1) { --mg: #f5c542; }
.fm-muts .fm-mut:nth-child(2) { --mg: #c084fc; }
.fm-muts .fm-mut:nth-child(3) { --mg: #9be7f5; }
.fm-muts .fm-mut:nth-child(4) { --mg: #fb7a35; }
.fm-muts .fm-mut:nth-child(5) { --mg: #a78bfa; }
.fm-lb { padding: 6px 0; }
.fm-lr { display: grid; grid-template-columns: 44px minmax(0, 1fr) 110px 170px 100px; align-items: center; gap: 10px; padding: 10px 18px; color: var(--text); text-decoration: none; border-top: 1px solid var(--line); }
.fm-lr:first-child { border-top: 0; }
.fm-lh { font-size: 12.5px; color: var(--muted); font-weight: 600; padding-top: 8px; padding-bottom: 8px; }
a.fm-lr:hover { background: rgba(255,255,255,.03); }
.fm-lr.me { background: color-mix(in srgb, var(--a1) 10%, transparent); }
.fm-lr > :last-child { text-align: right; }
.fm-lr .num { font-variant-numeric: tabular-nums; }
.fm-n { width: 26px; text-align: center; color: var(--muted); font-weight: 700; }
.fm-who { gap: 10px; min-width: 0; }
.fm-who b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fm-past { display: flex; gap: 14px; padding: 8px 0; border-top: 1px solid var(--line); font-size: 14px; }
.fm-past:first-child { border-top: 0; }
.fm-past span { color: var(--text2); }
.fm-how { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
.fm-how > div { display: grid; gap: 6px; align-content: start; padding: 16px; border-radius: 18px; background: var(--card); border: 1px solid var(--line); }
.fm-how .ic { width: 22px; height: 22px; color: var(--a1); }
.fm-how span { color: var(--muted); font-size: 13.5px; line-height: 1.5; }
.fm-wow { display: grid; justify-items: center; text-align: center; gap: 10px; padding: 6px 4px 4px; }
.fm-wow .fm-stage { height: 200px; }
.fm-wow .fm-plant { bottom: 0; width: 190px; height: 190px; }
.fm-wow h3 { font-size: 22px; }
@media (max-width: 1100px) {
  .fm-muts, .fm-how { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  .farm2 { grid-template-columns: 1fr; }
}
@media (max-width: 720px) {
  .fm-muts, .fm-how { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .fm-stats { gap: 6px; }
  .fm-stats > span { grid-template-columns: 1fr; text-align: center; justify-items: center; padding: 10px 6px; }
  .fm-stats .ic { grid-row: auto; }
  .fm-stats b { font-size: 16px; }
  .fm-lr { grid-template-columns: 34px minmax(0, 1fr) 80px; padding: 10px 12px; }
  .fm-lr > :nth-child(3), .fm-lr > :nth-child(4) { display: none; }
  .fm-stage { height: 260px; }
}
#mePop { padding: 8px; border-radius: 18px; background: color-mix(in srgb, var(--panel) 94%, transparent); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); border: 1px solid var(--line2); }
.mp { display: grid; }
.mp-me { display: flex; align-items: center; gap: 12px; padding: 10px; border-radius: 12px; transition: background .15s; }
.mp-me:hover { background: rgba(255,255,255,.04); }
.mp-me b { display: flex; align-items: center; gap: 4px; font-size: 16px; font-weight: 700; }
.mp-me small { display: block; color: var(--muted); font-size: 13px; margin-top: 2px; }
.mp-sep { height: 1px; background: var(--line); margin: 6px 4px; }
.mp-i { display: flex; align-items: center; gap: 12px; width: 100%; height: 42px; padding: 0 10px; border-radius: 10px; font-size: 15px; color: var(--text); text-align: left; transition: background .15s, color .15s; }
.mp-i:hover { background: rgba(255,255,255,.045); }
[data-theme="light"] .mp-i:hover, [data-theme="light"] .mp-me:hover { background: rgba(0,0,0,.04); }
.mp-i > .ic { width: 17px; height: 17px; flex: none; color: var(--muted); transition: color .15s; }
.mp-i:hover > .ic { color: var(--a1); }
.mp-i .r { margin-left: auto; display: flex; align-items: center; gap: 6px; color: var(--muted); font-size: 13.5px; }
.mp-i .r .ic { width: 12px; height: 12px; color: var(--muted); transition: transform .2s var(--ease); }
.mp-i[aria-expanded="true"] .mp-chev { transform: rotate(180deg); }
.mp-i.red, .mp-i.red > .ic { color: #f26d6d; }
.mp-i.red:hover { background: rgba(242,109,109,.08); }
.mp-i .toggle { width: 40px; height: 24px; }
.mp-i .toggle::after { width: 18px; height: 18px; }
.mp-i .toggle.on::after { transform: translateX(16px); }
.mp-sub { display: none; padding: 2px 0 6px 39px; }
.mp-sub.open { display: grid; }
.mp-sub a { padding: 7px 10px; border-radius: 8px; font-size: 14px; color: var(--text2); }
.mp-sub a:hover { color: var(--a1); background: rgba(255,255,255,.035); }
.mp .mob-only { display: none; }
@media (max-width: 720px) {
  .mp .mob-only { display: flex; }
}
.decor .fx { position: absolute; inset: 0; width: 100%; height: 100%; display: block; transition: opacity .6s; pointer-events: none; }
.dec-grid { grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 12px; }
.dec { height: 116px; background: #0f1010; }
.dec-cv { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.dec::after { content: ""; position: absolute; inset: auto 0 0 0; height: 46px; background: linear-gradient(transparent, rgba(0,0,0,.55)); pointer-events: none; z-index: 1; }
.dec span.n { color: #fff; font-size: 13.5px; text-shadow: 0 1px 6px rgba(0,0,0,.5); }
.dec:hover { box-shadow: inset 0 0 0 1px var(--line2); }
.dec.on { box-shadow: inset 0 0 0 2px var(--a1), 0 0 0 4px color-mix(in srgb, var(--a1) 18%, transparent); }
[data-theme="light"] .dec::after { background: linear-gradient(transparent, rgba(255,255,255,.7)); }
[data-theme="light"] .dec span.n { color: #111; text-shadow: none; }
.stc .mock.neo { background: radial-gradient(circle at 0 70%, color-mix(in srgb, var(--a1) 70%, #000), transparent 60%), radial-gradient(circle at 100% 0, color-mix(in srgb, var(--a1) 55%, #000), transparent 55%), #0c0e0e; }
.stc .mock.neo::before { left: 6px; right: 6px; top: 5px; bottom: auto; width: auto; height: 9px; border-radius: 4px; background: rgba(10,12,12,.75); }
.stc .mock.neo::after { left: 6px; right: 6px; top: 18px; bottom: 5px; border-radius: 6px; background: rgba(16,19,19,.7); border: 1px solid rgba(255,255,255,.07); }
.cover.space::before { content: ""; position: absolute; left: 50%; top: 78%; width: 74%; aspect-ratio: 2.2 / 1; transform: translateX(-50%); border-radius: 50%; background: radial-gradient(ellipse at 50% 0, #0a0d1a, #03040a 60%); box-shadow: 0 -1px 0 color-mix(in srgb, var(--a1) 60%, #fff), 0 -6px 18px color-mix(in srgb, var(--a1) 85%, transparent), 0 -24px 70px color-mix(in srgb, var(--a1) 55%, transparent), 0 -60px 160px color-mix(in srgb, var(--a1) 30%, transparent); }
.cover.space::after { content: ""; position: absolute; left: 50%; top: 40%; width: 150%; aspect-ratio: 2.6 / 1; transform: translateX(-50%); border-radius: 50%; border: 1px solid rgba(255,255,255,.07); box-shadow: 0 0 0 70px transparent, inset 0 0 0 1px transparent; pointer-events: none; }
.preview .cover.space::before { top: 70%; }
.pstars { display: inline-flex; gap: 2px; }
.pstars i { display: inline-grid; color: color-mix(in srgb, var(--muted) 45%, transparent); }
.pstars i.on { color: #fbbf24; }
.pstars .ic { width: var(--sz); height: var(--sz); }
.pm-head { display: flex; align-items: flex-start; gap: 20px; padding: 0 24px; margin-top: -50px; position: relative; }
.pm-head > .ava { --s: 120px !important; font-size: 44px; box-shadow: 0 0 0 6px #141717; flex: none; }
[data-theme="light"] .pm-head > .ava { box-shadow: 0 0 0 6px var(--panel); }
.pm-info { flex: 1; min-width: 0; margin-top: 62px; }
.pm-info h1 { font-size: 28px; font-weight: 800; letter-spacing: -.03em; display: flex; align-items: center; gap: 8px; line-height: 1.15; overflow-wrap: anywhere; }
.pm-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 10px; margin-top: 8px; font-size: 14px; color: var(--muted); }
.pm-rt { display: inline-flex; align-items: center; gap: 8px; color: var(--muted); }
.pm-rt b { color: var(--text); }
.pm-rt:hover { color: var(--text); }
.pm-meta .online { color: var(--green); }
.pm-dot { width: 3px; height: 3px; border-radius: 50%; background: currentColor; opacity: .5; }
.pstars { display: inline-flex; gap: 1px; }
.pstars i { display: inline-grid; color: color-mix(in srgb, var(--muted) 40%, transparent); }
.pstars i.on { color: #fbbf24; }
.pstars .ic { width: 14px; height: 14px; }
.pm-acts { display: flex; gap: 8px; margin-top: 68px; flex: none; }
.pm-bio { margin: 18px 24px 0; max-width: 720px; color: var(--text2); line-height: 1.65; white-space: pre-line; }
@media (max-width: 720px) {
  .pm-head { flex-wrap: wrap; padding: 0 6px; margin-top: -44px; gap: 12px; }
  .pm-head > .ava { --s: 92px !important; font-size: 34px; }
  .pm-info { margin-top: 48px; }
  .pm-info h1 { font-size: 23px; }
  .pm-acts { margin-top: 4px; width: 100%; }
  .pm-acts .btn:not(.icon) { flex: 1; justify-content: center; }
  .pm-bio { margin: 14px 6px 0; }
}
@media (max-width: 720px) {
  .pm-meta { flex-direction: column; align-items: flex-start; gap: 3px; }
  .pm-dot { display: none; }
}
.tag.fld { background: rgba(255,255,255,.06); color: var(--text2); }
[data-theme="light"] .tag.fld { background: rgba(0,0,0,.05); }
.adm { grid-template-columns: 290px minmax(0, 1fr); }
.adm-side { padding: 14px 0 14px 14px; }
.adm-side-in { background: #0e1010 !important; border: 1px solid rgba(255,255,255,.05) !important; border-radius: 28px; padding: 22px 16px 16px; gap: 0; }
[data-theme="light"] .adm-side-in { background: #fff !important; border-color: var(--line) !important; color: var(--text); }
.adm-logo { display: flex; align-items: center; gap: 10px; padding: 2px 10px 20px; font-size: 21px; font-weight: 800; letter-spacing: -.035em; color: #fff; }
[data-theme="light"] .adm-logo { color: var(--text); }
.adm-logo .logo-mark { width: 30px; height: 30px; }
.adm-logo b { color: var(--a1); font-weight: 800; }
.adm-search { display: flex; align-items: center; gap: 10px; height: 48px; padding: 0 16px; border-radius: 999px; background: rgba(255,255,255,.05); margin-bottom: 18px; color: #8b8f9a; cursor: text; }
[data-theme="light"] .adm-search { background: rgba(0,0,0,.045); }
.adm-search .ic { width: 17px; height: 17px; flex: none; }
.adm-search input { flex: 1; min-width: 0; background: none; border: 0; outline: 0; color: inherit; font: inherit; font-size: 15px; }
.adm-search input::placeholder { color: #8b8f9a; }
.adm-search:focus-within { box-shadow: 0 0 0 1.5px var(--a1); }
.adm-search kbd { font: 600 11.5px var(--font, inherit); color: #6b6f7a; letter-spacing: .02em; }
.adm-side .adm-nav { display: grid; gap: 8px; }
.adm-side .adm-nav a { height: 48px; padding: 0 18px; border-radius: 999px; background: rgba(255,255,255,.035); color: #c3c6cd; font-size: 15px; font-weight: 500; gap: 13px; }
[data-theme="light"] .adm-side .adm-nav a { background: rgba(0,0,0,.035); color: var(--text2); }
.adm-side .adm-nav a:hover { background: rgba(255,255,255,.07); color: #fff; }
[data-theme="light"] .adm-side .adm-nav a:hover { background: rgba(0,0,0,.06); color: var(--text); }
.adm-side .adm-nav a .ic { width: 18px; height: 18px; color: #9ea1ab; }
.adm-side .adm-nav a.on { background: var(--a1); color: var(--on-a); font-weight: 700; box-shadow: none; }
.adm-side .adm-nav a.on .ic { color: var(--on-a); }
.adm-side .adm-nav a.hidden { display: none; }
.adm-bottom { margin-top: auto; padding-top: 22px; display: grid; gap: 2px; }
.adm-bottom > a:not(.adm-me) { display: flex; align-items: center; gap: 13px; height: 46px; padding: 0 18px; border-radius: 999px; color: #c3c6cd; font-size: 15px; }
.adm-bottom > a:not(.adm-me):hover { background: rgba(255,255,255,.05); color: #fff; }
[data-theme="light"] .adm-bottom > a:not(.adm-me) { color: var(--text2); }
.adm-bottom > a .ic { width: 18px; height: 18px; color: #9ea1ab; }
.adm-me { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 22px; background: rgba(255,255,255,.05); margin-top: 12px; color: inherit; }
.adm-me b { color: #fff; font-size: 15px; }
[data-theme="light"] .adm-me b { color: var(--text); }
.adm-me small { display: block; color: #8b8f9a; font-size: 12.5px; }
.adm-me > .ic { width: 18px; height: 18px; color: #8b8f9a; flex: none; }
.adm-main { padding: 14px; }
.adm-board { min-height: calc(100vh - 28px); border-radius: 28px; background: #0e1010; border: 1px solid rgba(255,255,255,.05); padding: 34px 38px 44px; }
[data-style="neo"] .adm-board { background: color-mix(in srgb, #0e1010 88%, transparent); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); }
[data-theme="light"] .adm-board { background: #fff; border-color: var(--line); }
.adm-top { margin-bottom: 28px; min-height: 56px; }
.adm-top h1 { font-size: 46px; font-weight: 800; letter-spacing: -.045em; line-height: 1.05; }
.adm-acts { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.adm-top .btn { border-radius: 999px; height: 46px; padding: 0 20px; }
.adm-top .btn.pri { font-weight: 700; }
.adm-top .btn .ic { width: 16px; height: 16px; }
.ow-kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-bottom: 24px; }
.ow-kpi { position: relative; overflow: hidden; display: flex; flex-direction: column; min-height: 152px; padding: 24px 26px; border-radius: 24px; background: #1a1c1c; color: var(--text); transition: transform .15s var(--ease), background .15s; }
[data-theme="light"] .ow-kpi { background: var(--card); }
a.ow-kpi:hover { background: #202323; transform: translateY(-2px); }
.ow-kpi small { font-size: 14.5px; color: #a3a7b0; }
.ow-kpi b { font-size: 40px; font-weight: 800; letter-spacing: -.04em; margin-top: auto; line-height: 1.05; }
.ow-kpi em { font-style: normal; font-size: 12.5px; color: #8b8f9a; margin-top: 6px; }
.ow-kpi em .up { color: #4ade80; font-weight: 700; }
.ow-kpi em .down { color: #f87171; font-weight: 700; }
.ow-kpi.hero { background: linear-gradient(135deg, color-mix(in srgb, var(--a1) 92%, #fff), var(--a1) 55%, color-mix(in srgb, var(--a1) 80%, #000)); color: var(--on-a); }
.ow-kpi.hero small, .ow-kpi.hero em { color: color-mix(in srgb, var(--on-a) 80%, transparent); }
.ow-kpi.hero em .up, .ow-kpi.hero em .down { color: var(--on-a); }
.ow-kpi.hero svg.spark { position: absolute; right: 22px; top: 22px; width: 42%; height: 44px; opacity: .55; }
.ow-kpi.warn b { color: #f87171; }
.ow-row { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(0, 1fr); gap: 16px; margin-bottom: 16px; }
.ow-box { padding: 24px; border-radius: 24px; background: #151717; min-width: 0; }
[data-theme="light"] .ow-box { background: var(--card); }
.ow-h { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.ow-h h3 { font-size: 19px; font-weight: 700; letter-spacing: -.02em; }
.ow-h a { display: inline-flex; align-items: center; gap: 6px; font-size: 13.5px; color: var(--muted); }
.ow-h a:hover { color: var(--text); }
.ow-h a .ic { width: 13px; height: 13px; }
.ow-list { display: grid; gap: 6px; }
.ow-it { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 16px; background: rgba(255,255,255,.03); color: inherit; transition: background .15s; }
[data-theme="light"] .ow-it { background: rgba(0,0,0,.03); }
.ow-it:hover { background: rgba(255,255,255,.06); }
.ow-it b { display: block; font-size: 14.5px; }
.ow-it small { display: block; font-size: 12.5px; color: var(--muted); margin-top: 1px; }
.ow-it .pi-ic { width: 36px; height: 36px; border-radius: 12px; }
.ow-tag { font-size: 11.5px; font-weight: 700; padding: 4px 9px; border-radius: 999px; background: rgba(255,255,255,.06); color: var(--text2); flex: none; }
.ow-ago { flex: none; width: 76px; text-align: right; }
.ow-n { min-width: 28px; height: 28px; padding: 0 8px; border-radius: 999px; display: grid; place-items: center; font-size: 13px; font-weight: 700; background: rgba(255,255,255,.06); flex: none; }
.ow-empty { display: grid; justify-items: center; gap: 10px; padding: 46px 10px; color: var(--muted); }
.ow-empty .ic { width: 30px; height: 30px; color: var(--a1); }
.ow-empty p { font-size: 15px; }
.adm-board .charts { margin-bottom: 0; }
.adm-board .cbox, .adm-board .pblk, .adm-board .dt-wrap { background: #151717 !important; border-color: transparent !important; border-radius: 24px; }
[data-theme="light"] .adm-board .cbox, [data-theme="light"] .adm-board .pblk, [data-theme="light"] .adm-board .dt-wrap { background: var(--card) !important; }
@media (max-width: 1200px) {
  .ow-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ow-row { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 1000px) {
  .adm { grid-template-columns: minmax(0, 1fr); }
  .adm-side { padding: 10px; }
  .adm-side-in { padding: 8px !important; border-radius: 22px; }
  .adm-logo { padding: 0 8px; }
  .adm-logo span, .adm-search, .adm-bottom > a:not(.adm-me), .adm-me { display: none; }
  .adm-side .adm-nav { display: flex; gap: 6px; }
  .adm-side .adm-nav a { height: 42px; white-space: nowrap; padding: 0 16px; }
  .adm-bottom { display: none; }
  .adm-main { padding: 0 10px 10px; }
  .adm-board { padding: 22px 18px 30px; min-height: 0; }
  .adm-top h1 { font-size: 32px; }
}
@media (max-width: 720px) {
  .ow-kpis { gap: 10px; }
  .ow-kpi { min-height: 120px; padding: 18px; }
  .ow-kpi b { font-size: 28px; }
  .ow-ago, .ow-tag { display: none; }
}
.adm-side-in > * { flex: none; }
.ow-kpi.hero svg.spark { top: auto; bottom: 22px; right: 22px; width: 40%; height: 40px; }
.ow-kpi.hero b, .ow-kpi.hero em { position: relative; z-index: 1; max-width: 62%; }
.ow-kpi.hero b { max-width: none; }
.doc h3 { font-size: 16px; font-weight: 700; margin: 22px 0 10px; color: var(--text); }
.doc-tw { margin: 6px 0 18px; border-radius: 16px; border: 1px solid var(--line); overflow: hidden; overflow-x: auto; }
.doc-t { width: 100%; border-collapse: collapse; font-size: 14px; line-height: 1.55; }
.doc-t th { text-align: left; font-size: 11.5px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); padding: 12px 16px; background: rgba(255,255,255,.03); border-bottom: 1px solid var(--line); }
.doc-t td { padding: 13px 16px; vertical-align: top; color: var(--text2); border-top: 1px solid var(--line); }
.doc-t tr:first-child td { border-top: 0; }
.doc-t td.v { width: 60%; color: var(--text); }
.doc-t th:last-child, .doc-t td:last-child { border-left: 1px solid var(--line); }
@media (max-width: 720px) {
  .doc-t, .doc-t tbody, .doc-t tr, .doc-t td { display: block; width: 100% !important; }
  .doc-t thead { display: none; }
  .doc-t tr { border-top: 1px solid var(--line); padding: 4px 0; }
  .doc-t tr:first-child { border-top: 0; }
  .doc-t td { border: 0 !important; padding: 8px 14px; }
  .doc-t td:last-child { color: #f0a35a; padding-top: 0; }
}
.adm { font-size: 14.5px; }
.adm-board { padding: 36px 40px 48px; }
.adm-top { display: flex; align-items: flex-start; gap: 24px; margin-bottom: 28px; min-height: 0; flex-wrap: wrap; }
.adm-tt { flex: 1; min-width: 260px; }
.adm-top h1 { font-size: 32px; font-weight: 600; letter-spacing: -.025em; line-height: 1.15; margin: 0; }
.adm-tt p { margin-top: 8px; font-size: 15px; color: #8a8f98; line-height: 1.5; max-width: 640px; }
.adm-top .btn { height: 44px; border-radius: 999px; padding: 0 20px; font-size: 14px; font-weight: 600; }
.adm-side .adm-nav a { font-weight: 500; font-size: 14.5px; }
.adm-side .adm-nav a.on { font-weight: 600; }
.adm-logo { font-weight: 700; font-size: 20px; }
.adm-logo b { font-weight: 700; }
.adm-board h3, .adm-board .pblk h3, .adm-board .cbox-h h3 { font-size: 16px; font-weight: 600; letter-spacing: -.01em; }
.adm-board b, .adm-board strong { font-weight: 600; }
.adm-board .dt th { font-size: 11.5px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: #7d828c; }
.adm-board .st { font-weight: 600; }
.ow-kpis { gap: 14px; margin-bottom: 14px; }
.ow-kpi { min-height: 140px; padding: 22px 24px; border-radius: 22px; background: #171919; }
.ow-kpi small { font-size: 13px; font-weight: 500; color: #8a8f98; }
.ow-kpi b { font-size: 30px; font-weight: 600; letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
.ow-kpi em { font-size: 12.5px; }
.ow-kpi.hero { background: var(--a1); }
.ow-row { gap: 14px; margin-bottom: 14px; }
.ow-box { padding: 22px 22px 18px; border-radius: 22px; background: #151717; }
.ow-h { margin-bottom: 12px; justify-content: flex-start; }
.ow-h h3 { font-size: 16px; font-weight: 600; }
.ow-c { font-size: 12.5px; font-weight: 600; color: #8a8f98; padding: 3px 9px; border-radius: 999px; background: rgba(255,255,255,.06); }
.ow-it { padding: 11px 12px; border-radius: 14px; background: transparent; }
.ow-it:hover { background: rgba(255,255,255,.04); }
.ow-list { gap: 2px; }
.ow-it b { font-size: 14.5px; font-weight: 500; }
.ow-it small { font-size: 12.5px; }
.ow-ic { width: 34px; height: 34px; border-radius: 11px; display: grid; place-items: center; flex: none; background: rgba(255,255,255,.06); color: #b8bcc4; }
.ow-ic .ic { width: 16px; height: 16px; }
.ow-ic.hot { background: rgba(248,113,113,.12); color: #f87171; }
.ow-tag { font-weight: 600; }
.ow-tag.hot { background: rgba(248,113,113,.12); color: #f87171; }
.ow-n { font-weight: 600; font-variant-numeric: tabular-nums; }
.ow-note { margin-top: 10px; font-size: 12px; color: #6f747d; }
.ow-rank { width: 18px; text-align: center; font-size: 13px; font-weight: 600; color: #6f747d; flex: none; }
.ow-sum { font-weight: 600; font-variant-numeric: tabular-nums; font-size: 14px; }
.ow-empty small { font-size: 12.5px; color: #6f747d; text-align: center; max-width: 280px; }
.ow-box .area { margin-top: 6px; }
.ap-list { display: grid; gap: 12px; }
.ap { display: grid; grid-template-columns: 220px minmax(0, 1fr) auto; gap: 24px; align-items: start; padding: 20px 22px; border-radius: 22px; background: #151717; }
.ap-who { display: flex; gap: 12px; align-items: center; }
.ap-who b { font-weight: 600; }
.ap-who small { display: block; font-size: 12px; color: #8a8f98; margin-top: 2px; }
.ap-dl { display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: 8px 16px; margin: 0; font-size: 14px; }
.ap-dl dt { color: #8a8f98; }
.ap-dl dd { margin: 0; color: var(--text2); }
.ap-act { display: flex; gap: 8px; }
.ap-act .btn { border-radius: 999px; }
@media (max-width: 1000px) {
  .ap { grid-template-columns: 1fr; }
}
.pc-new { display: grid; grid-template-columns: minmax(180px, 1.3fr) 140px minmax(180px, 1fr) auto; gap: 12px; align-items: end; padding: 20px 22px; border-radius: 22px; background: #151717; margin-bottom: 16px; }
.pc-new .btn { height: 46px; border-radius: 999px; }
@media (max-width: 900px) {
  .pc-new { grid-template-columns: 1fr 1fr; }
}
.seg { display: flex; gap: 2px; padding: 4px; border-radius: 14px; background: #171919; }
.seg button { height: 38px; padding: 0 14px; border-radius: 10px; font-size: 14px; font-weight: 500; color: #9ea1ab; display: inline-flex; align-items: center; gap: 7px; }
.seg button:hover { color: #fff; }
.seg button.on { background: #262929; color: #fff; }
.seg button i { font-style: normal; font-size: 11.5px; font-weight: 600; min-width: 20px; height: 20px; padding: 0 6px; border-radius: 99px; background: rgba(255,255,255,.08); display: inline-grid; place-items: center; }
.icon-btn.sq { width: 46px; height: 46px; border-radius: 14px; background: #171919; border: 1px solid rgba(255,255,255,.07); }
.icon-btn.xs { width: 28px; height: 28px; border-radius: 8px; }
.icon-btn.xs .ic { width: 13px; height: 13px; }
@media (max-width: 1000px) {
  .seg { overflow-x: auto; max-width: 100%; }
}
.tk-new, .tk-view { max-width: 880px; }
.tk-back { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; color: var(--muted); margin-bottom: 18px; }
.tk-back:hover { color: var(--text); }
.tk-back .ic { width: 14px; height: 14px; }
.tk-new h1 { font-size: 44px; font-weight: 800; letter-spacing: -.04em; line-height: 1.05; }
.tk-sub { margin: 12px 0 34px; font-size: 16px; color: var(--muted); line-height: 1.5; }
.tk-form { display: grid; gap: 0; }
.tk-l { font-size: 15px; color: var(--text2); margin: 0 0 12px; font-weight: 500; }
.tk-l i { font-style: normal; color: #f26d6d; margin-left: 4px; }
.tk-in { display: flex; align-items: center; gap: 14px; min-height: 64px; padding: 0 22px; border-radius: 26px; background: #111313; border: 1px solid rgba(255,255,255,.07); margin-bottom: 28px; transition: border-color .15s, box-shadow .15s; }
[data-theme="light"] .tk-in { background: var(--card); border-color: var(--line); }
.tk-in:focus-within { border-color: color-mix(in srgb, var(--a1) 60%, transparent); box-shadow: 0 0 0 4px color-mix(in srgb, var(--a1) 14%, transparent); }
.tk-in > .ic { width: 20px; height: 20px; color: #7d828c; flex: none; }
.tk-in input, .tk-in textarea { flex: 1; min-width: 0; background: none; border: 0; outline: 0; color: var(--text); font: inherit; font-size: 17px; }
.tk-in input::placeholder, .tk-in textarea::placeholder { color: #6f747d; }
.tk-in.ta { align-items: flex-start; padding-top: 20px; padding-bottom: 14px; }
.tk-in.ta > .ic { margin-top: 2px; }
.tk-in textarea { resize: vertical; min-height: 170px; line-height: 1.55; }
.tk-sel { position: relative; margin-bottom: 34px; }
.tk-sel .tk-in { margin: 0; width: 100%; text-align: left; cursor: pointer; }
.tk-cur b { flex: 1; font-size: 17px; font-weight: 500; }
.tk-chev { width: 16px; height: 16px; color: #7d828c; transition: transform .2s var(--ease); }
.tk-sel.open .tk-chev { transform: rotate(180deg); }
.tk-pi { width: 22px; display: inline-grid; place-items: center; flex: none; }
.tk-pi .ic { width: 17px; height: 17px; }
.tk-pi.low { color: #c6f432; }
.tk-pi.mid { color: #f5b041; }
.tk-pi.high { color: #f26d6d; }
.tk-opts { position: absolute; left: 0; right: 0; top: calc(100% + 8px); z-index: 5; padding: 8px; border-radius: 22px; background: #161818; border: 1px solid rgba(255,255,255,.08); box-shadow: 0 20px 50px -20px rgba(0,0,0,.6); display: none; }
[data-theme="light"] .tk-opts { background: var(--panel); border-color: var(--line); }
.tk-sel.open .tk-opts { display: grid; gap: 2px; }
.tk-opts button { display: grid; grid-template-columns: 30px 1fr; align-items: center; text-align: left; padding: 12px 14px; border-radius: 16px; font-size: 16px; font-weight: 500; }
.tk-opts button small { grid-column: 2; font-size: 13px; color: var(--muted); font-weight: 400; margin-top: 2px; }
.tk-opts button:hover, .tk-opts button.on { background: rgba(255,255,255,.05); }
.tk-go { justify-self: start; display: inline-flex; align-items: center; gap: 12px; height: 64px; padding: 0 30px 0 24px; border-radius: 26px; font-size: 17px; font-weight: 600; background: var(--a1); color: var(--on-a); border: 1px solid transparent; transition: background .15s, color .15s, opacity .15s; }
.tk-go .ic { width: 22px; height: 22px; }
.tk-go:disabled { background: transparent; color: #6f747d; border-color: rgba(255,255,255,.1); cursor: not-allowed; }
.tk-go:not(:disabled):hover { filter: brightness(1.08); }
.tk-list { display: grid; gap: 8px; }
.tk-row { display: flex; align-items: center; gap: 14px; padding: 16px 18px; border-radius: 20px; background: var(--card); border: 1px solid var(--line); color: inherit; transition: background .15s; }
.tk-row:hover { background: var(--card2); }
.tk-row b { display: block; font-size: 15px; font-weight: 600; }
.tk-row small { display: block; font-size: 13px; color: var(--muted); margin-top: 2px; }
.tk-time { flex: none; width: 90px; text-align: right; }
.badge.static { position: static; }
.tk-faq { display: grid; gap: 8px; }
.tk-view h1 { font-size: 30px; font-weight: 700; letter-spacing: -.03em; }
.tk-vh { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-bottom: 18px; }
.tk-meta { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-top: 10px; font-size: 13px; color: var(--muted); }
.tk-pc { display: inline-flex; align-items: center; gap: 6px; }
.tk-pc .ic { width: 13px; height: 13px; }
.tk-pc.low .ic { color: #c6f432; }
.tk-pc.mid .ic { color: #f5b041; }
.tk-pc.high .ic { color: #f26d6d; }
.tk-chat { border-radius: 24px; background: var(--card); border: 1px solid var(--line); overflow: hidden; }
.tk-chat .msgs { max-height: 56vh; min-height: 260px; overflow-y: auto; padding: 18px; }
.tk-chat .composer { border-top: 1px solid var(--line); padding: 12px; display: flex; gap: 8px; }
@media (max-width: 720px) {
  .tk-new h1 { font-size: 32px; }
  .tk-in { min-height: 56px; border-radius: 20px; }
  .tk-go { width: 100%; justify-content: center; }
  .tk-time { display: none; }
}
.of { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 40px; align-items: start; }
.of-side { position: sticky; top: 120px; display: grid; gap: 8px; justify-items: start; }
.of-back { display: inline-flex; align-items: center; gap: 8px; font-size: 15px; font-weight: 600; margin-bottom: 14px; }
.of-back .ic { width: 14px; height: 14px; }
.of-side b { font-size: 17px; font-weight: 700; margin-top: 6px; }
.of-side span { color: var(--muted); font-size: 14px; }
.of-form { display: grid; gap: 22px; max-width: 860px; }
.of-form h1 { font-size: 34px; font-weight: 800; letter-spacing: -.035em; margin-bottom: 4px; }
.of-l { display: block; font-size: 11.5px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--muted); margin-bottom: 9px; }
.of-l i { font-style: normal; text-transform: none; letter-spacing: 0; font-weight: 500; opacity: .8; }
.of-f .inp, .of-f .sel { height: 50px; }
.of-f textarea.inp { height: auto; min-height: 120px; line-height: 1.55; padding-top: 12px; }
.of-h { display: block; margin-top: 8px; font-size: 13px; color: var(--muted); }
.of-fields { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 18px 20px; }
.of-fields:empty { display: none; }
.of-row2 { display: grid; grid-template-columns: 1fr 1fr; gap: 18px 20px; }
.of-grey { display: grid; gap: 22px; padding: 24px; border-radius: 20px; background: rgba(255,255,255,.03); border: 1px solid var(--line); }
[data-theme="light"] .of-grey { background: rgba(0,0,0,.025); }
.of-chk { font-size: 16px; font-weight: 500; }
.of-chk input { width: 20px; height: 20px; }
.mono { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 14px; }
.of-narrow { max-width: 280px; }
.of-buyers { margin-top: 14px; }
.of-bl { display: grid; gap: 8px; max-width: 420px; }
.of-bl > div { display: flex; justify-content: space-between; gap: 16px; font-size: 15px; color: var(--text2); }
.of-bl > div b { font-weight: 600; color: var(--text); font-variant-numeric: tabular-nums; }
.of-you { margin-top: 4px; padding-top: 10px; border-top: 1px dashed var(--line2); }
.of-you b { color: var(--a1) !important; }
.of-more summary { cursor: pointer; font-size: 14px; font-weight: 600; color: var(--muted); list-style: none; }
.of-more summary::-webkit-details-marker { display: none; }
.of-more summary::after { content: " ▾"; }
.of-more[open] summary { margin-bottom: 16px; }
.of-save { height: 54px; font-size: 16px; font-weight: 700; border-radius: 16px; width: 100%; }
.of-del { justify-self: center; color: #f26d6d; font-size: 14px; }
@media (max-width: 900px) {
  .of { grid-template-columns: 1fr; gap: 18px; }
  .of-side { position: static; grid-auto-flow: column; align-items: center; justify-content: start; gap: 12px; }
  .of-side .of-back { margin: 0 12px 0 0; }
  .of-row2 { grid-template-columns: 1fr; }
  .of-form h1 { font-size: 26px; }
}
.my-of { margin: 18px 0 8px; padding: 20px; border-radius: 22px; background: color-mix(in srgb, var(--a1) 6%, var(--card)); border: 1px solid color-mix(in srgb, var(--a1) 20%, var(--line)); }
.my-of-h { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 12px; }
.my-of-h h2 { font-size: 20px; font-weight: 700; }
.my-of .tr { grid-template-columns: minmax(0, 1fr) 120px 110px; }
.my-of-r.off { opacity: .55; }
.ow-kpi.hero svg.spark { top: 22px; bottom: auto; right: 22px; width: 34%; height: 34px; }
.msgs { gap: 0; padding: 14px 20px 18px; }
.cm-day { display: flex; align-items: center; gap: 14px; margin: 18px 0 8px; color: var(--muted); font-size: 13px; font-weight: 500; }
.cm-day::before, .cm-day::after { content: ""; flex: 1; height: 1px; background: var(--line); }
.cm-day:first-child { margin-top: 4px; }
.cm-g { margin-top: 14px; }
.cm-h { display: flex; align-items: center; gap: 10px; min-height: 28px; }
.cm-h b { font-size: 15px; font-weight: 700; }
.cm-h b a { color: var(--text); }
.cm-h b a:hover { color: var(--a1); }
.cm-h time { margin-left: auto; font-size: 13px; color: var(--muted); font-variant-numeric: tabular-nums; flex: none; }
.cm-h .ava { --s: 28px !important; font-size: 12px; }
.cm-g.me .cm-h b a { color: var(--a1); }
.cm-t { padding: 4px 0 0 38px; font-size: 15px; line-height: 1.55; color: var(--text); white-space: pre-wrap; overflow-wrap: anywhere; }
.cm-t + .cm-t { padding-top: 8px; }
.cm-g.sys { margin-top: 16px; }
.cm-site { width: 28px; height: 28px; display: grid; place-items: center; flex: none; }
.cm-site .logo-mark { width: 24px; height: 24px; }
.cm-badge { font-size: 11.5px; font-weight: 700; padding: 3px 8px; border-radius: 7px; background: var(--a1); color: var(--on-a); letter-spacing: .01em; }
.cm-card { display: flex; gap: 14px; margin: 8px 0 0 38px; padding: 16px 18px; border-radius: 16px; background: rgba(255,255,255,.04); border: 1px solid var(--line); font-size: 14.5px; line-height: 1.6; color: var(--text2); }
[data-theme="light"] .cm-card { background: rgba(0,0,0,.03); }
.cm-card > .ic { width: 20px; height: 20px; flex: none; margin-top: 1px; color: var(--a1); }
.cm-card a { color: var(--a1); font-weight: 500; }
.cm-card a:hover { text-decoration: underline; }
.cm-card b { color: var(--text); display: block; margin-bottom: 6px; }
.cm-card ul { margin: 0; padding-left: 0; list-style: none; display: grid; gap: 6px; }
.cm-card li { position: relative; padding-left: 16px; }
.cm-card li::before { content: "•"; position: absolute; left: 2px; color: var(--a1); }
.cm-card.safe { background: color-mix(in srgb, var(--a1) 7%, transparent); border-color: color-mix(in srgb, var(--a1) 22%, transparent); }
@media (max-width: 720px) {
  .msgs { padding: 10px 12px 14px; }
  .cm-t, .cm-card { margin-left: 0; padding-left: 0; }
  .cm-card { padding: 14px; }
  .cm-h time { font-size: 12px; }
}
.tk-opts { position: static; margin-top: 8px; box-shadow: none; }
.pm-logo { width: 46px; height: 46px; border-radius: 14px; display: grid; place-items: center; flex: none; background: #fff; overflow: hidden; box-shadow: 0 6px 16px -8px rgba(0,0,0,.5); }
.pm-logo img { display: block; }
.pm-logo.m-sbp img { height: 30px; }
.pm-logo.m-yoomoney img { height: 26px; }
.pm-logo.m-card img { width: 34px; }
.pm-logo.usdt { background: none; }
.pm-logo.usdt img { width: 100%; height: 100%; }
.pm-logo.bal { background: linear-gradient(145deg, #1d2a29, #0f1514); }
.pm-logo.bal .logo-mark { width: 28px; height: 28px; }
.pm-brands { display: inline-flex; align-items: center; gap: 5px; margin-left: 10px; vertical-align: middle; }
.pm-brands img { height: 12px; padding: 3px 5px; border-radius: 5px; background: #fff; box-sizing: content-box; }
.pm-cur .pm-logo { width: 40px; height: 40px; border-radius: 12px; }
.pm-cur .pm-logo.m-sbp img { height: 26px; }
.pm-cur .pm-logo.m-yoomoney img { height: 22px; }
.payline { display: flex; flex-wrap: wrap; gap: 8px; }
.payline .pl-logo { height: 30px; min-width: 46px; padding: 0 9px; border-radius: 8px; background: #fff; display: inline-grid; place-items: center; }
.payline .pl-logo img { height: 15px; display: block; }
.payline .pl-logo img[src$="sbp.svg"] { height: 20px; }
.payline .pl-logo img[src$="usdt.svg"] { height: 20px; border-radius: 5px; }
.payline .pl-logo:has(img[src$="usdt.svg"]) { background: #26A17B; padding: 0 6px; min-width: 0; }
.sd-head { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 18px; }
.sd-q { flex: 1; min-width: 240px; }
.sd-q input { height: 46px; }
.sd-t td { vertical-align: middle; padding-top: 12px; padding-bottom: 12px; }
.sd-row { cursor: pointer; transition: background .12s; }
.sd-row:hover td { background: rgba(255,255,255,.025); }
.sd-tt { display: block; min-width: 0; max-width: 420px; color: var(--text); }
.sd-tt b { display: block; font-weight: 600; }
.sd-tt small { display: block; font-size: 12.5px; color: #8a8f98; margin-top: 2px; }
.sd-u { display: inline-flex; align-items: center; gap: 9px; min-width: 0; max-width: 220px; color: var(--text); }
.sd-u b { display: block; font-weight: 600; font-size: 14px; }
.sd-u small { display: block; font-size: 12px; color: #8a8f98; }
.sd-u:hover b { color: var(--a1); }
.sd-pager { display: flex; align-items: center; justify-content: center; gap: 14px; margin-top: 16px; color: #8a8f98; font-size: 14px; font-variant-numeric: tabular-nums; }
.sd-pager .icon-btn:disabled { opacity: .35; pointer-events: none; }
.sd-grid { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 16px; align-items: start; }
.sd-main { display: grid; gap: 14px; min-width: 0; }
.sd-side { display: grid; gap: 12px; position: sticky; top: 14px; }
.sd-box { padding: 18px; border-radius: 20px; background: #151717; display: grid; gap: 10px; }
[data-theme="light"] .sd-box { background: var(--card); }
.sd-box h4 { font-size: 14px; font-weight: 600; color: #a3a7b0; }
.sd-box .btn { border-radius: 12px; }
.sd-box .btn.wide { width: 100%; justify-content: center; }
.sd-box .btn em { font-style: normal; font-weight: 500; opacity: .8; margin-left: 4px; }
.sd-kv { display: grid; grid-template-columns: auto 1fr; gap: 6px 14px; font-size: 13.5px; }
.sd-kv span { color: #8a8f98; }
.sd-kv b { font-weight: 600; text-align: right; }
.sd-kv .role { justify-self: end; }
.sd-pr { display: grid; gap: 4px; }
.sd-pr button { display: flex; align-items: center; gap: 10px; padding: 9px 12px; border-radius: 12px; font-size: 14px; text-align: left; }
.sd-pr button:hover { background: rgba(255,255,255,.04); }
.sd-pr button.on { background: rgba(255,255,255,.07); font-weight: 600; }
.sd-o { display: grid; gap: 4px; padding: 10px 12px; border-radius: 12px; background: rgba(255,255,255,.03); color: var(--text); font-size: 13.5px; }
.sd-o:hover { background: rgba(255,255,255,.06); }
.sd-o span { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.sd-o em { font-style: normal; font-weight: 600; }
.sd-quick { display: flex; flex-wrap: wrap; gap: 8px; }
.sd-quick .btn { border-radius: 999px; font-weight: 500; }
.sd-strip { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 16px; }
.sd-strip > div { padding: 14px 16px; border-radius: 18px; background: #151717; display: grid; gap: 6px; align-content: start; min-width: 120px; }
[data-theme="light"] .sd-strip > div { background: var(--card); }
.sd-strip small { font-size: 12px; color: #8a8f98; }
.sd-strip b { font-size: 16px; font-weight: 600; font-variant-numeric: tabular-nums; }
.sd-lot { display: flex !important; align-items: center; gap: 12px; flex: 1 1 300px; }
.sd-lot b { display: block; font-size: 15px; }
.sd-copy { font-family: ui-monospace, Menlo, monospace; font-size: 14px !important; user-select: all; }
.sd-chat-h { display: flex; align-items: center; gap: 8px; padding: 12px 18px; font-size: 13px; color: #8a8f98; border-bottom: 1px solid var(--line); }
.sd-chat-h .ic { width: 14px; height: 14px; }
.sd-chat-h + .msgs { max-height: 58vh; }
.sd-hist { display: grid; gap: 8px; }
.sd-hist > div { display: flex; justify-content: space-between; gap: 12px; font-size: 14px; }
.sd-hist small { color: #8a8f98; }
.sd-split { display: grid; gap: 8px; padding: 12px; border-radius: 14px; border: 1px dashed rgba(255,255,255,.12); }
.sd-split > span { font-size: 13px; color: #a3a7b0; }
.sd-split small { font-size: 12.5px; }
.sd-ref { color: #f5b041; }
.sd-del { color: #f26d6d; }
.sd-done { grid-template-columns: auto 1fr; align-items: start; background: color-mix(in srgb, var(--a1) 9%, #151717); }
.sd-done > .ic { width: 22px; height: 22px; color: var(--a1); }
.sd-done b { display: block; }
.sd-done small { display: block; font-size: 13px; color: #a3a7b0; margin-top: 3px; }
.sd-rv p { margin: 6px 0 2px; font-size: 14px; color: var(--text2); }
.sd-uh { display: flex; align-items: center; gap: 18px; margin-bottom: 22px; flex-wrap: wrap; }
.sd-uh h1 { font-size: 30px; font-weight: 600; letter-spacing: -.02em; display: flex; align-items: center; gap: 8px; }
.sd-um { display: flex; align-items: center; gap: 6px 14px; flex-wrap: wrap; margin-top: 8px; font-size: 13.5px; color: #8a8f98; }
.sd-kp .ow-kpi { min-height: 116px; }
.sd-kp .link { align-self: start; margin-top: 4px; }
.sd-manage { grid-template-columns: 240px auto; align-items: end; gap: 16px; margin-bottom: 16px; }
.sd-utabs { margin-bottom: 14px; width: max-content; max-width: 100%; overflow-x: auto; }
@media (max-width: 1100px) {
  .sd-grid { grid-template-columns: 1fr; }
  .sd-side { position: static; }
}
@media (max-width: 720px) {
  .sd-manage { grid-template-columns: 1fr; }
  .sd-t th:nth-child(n+4), .sd-t td:nth-child(n+4) { display: none; }
}
.sd-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 340px); }
.sd-side { min-width: 0; }
.sd-box .btn { white-space: normal; height: auto; min-height: 44px; padding-top: 10px; padding-bottom: 10px; flex-wrap: wrap; text-align: center; line-height: 1.3; }
.sd-manage { grid-template-columns: 240px max-content; }
.pm-logo.m-erip { background: linear-gradient(145deg, #1f6fd1, #0d4ea6); color: #fff; font-size: 11px; font-weight: 800; letter-spacing: .04em; }
.pm-logo.m-sberpay img { width: 44px; }
.pm-logo.m-sberpay { padding: 0 1px; }
.pm-logo.m-intl img { width: 34px; }
.tu-pm { display: grid; gap: 6px; margin-top: 14px; max-height: 300px; overflow-y: auto; }
.tu-pm .pm-opt { border-radius: 14px; }
.tu-pm .pm-opt .pm-ok { opacity: 0; }
.tu-pm .pm-opt.on { background: color-mix(in srgb, var(--a1) 10%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--a1) 40%, transparent); }
.tu-pm .pm-opt.on .pm-ok { opacity: 1; }
.pg-blk { display: grid; gap: 16px; }
.pg-h { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; }
.pg-h p { margin-top: 6px; }
.pg-cb { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 12px 14px; border-radius: 14px; background: rgba(255,255,255,.03); border: 1px dashed rgba(255,255,255,.12); font-size: 13.5px; color: #a3a7b0; }
.pg-cb code { font: 500 13px ui-monospace, Menlo, monospace; color: var(--text); padding: 4px 8px; border-radius: 8px; background: rgba(255,255,255,.06); word-break: break-all; }
.pg-sub { font-size: 15px; font-weight: 600; margin-top: 4px; }
.pg-ms { display: grid; gap: 8px; }
.pg-m { display: flex; align-items: center; gap: 14px; padding: 10px 14px; border-radius: 16px; background: rgba(255,255,255,.03); }
.pg-m .inp { height: 38px; max-width: 280px; }
.pg-m small { display: block; font-size: 12.5px; margin-top: 4px; }
.pg-fee { display: inline-flex; align-items: center; gap: 6px; }
.pg-fee .inp { width: 80px; }
.pg-fee em { font-style: normal; color: #8a8f98; }
.pay-res { max-width: 560px; margin: 40px auto; text-align: center; display: grid; justify-items: center; gap: 12px; }
.pay-ic { width: 76px; height: 76px; border-radius: 24px; display: grid; place-items: center; background: rgba(255,255,255,.05); margin-bottom: 6px; }
.pay-ic .ic { width: 34px; height: 34px; }
.pay-res.ok .pay-ic { background: color-mix(in srgb, var(--a1) 16%, transparent); color: var(--a1); }
.pay-res.bad .pay-ic { background: rgba(242,109,109,.12); color: #f26d6d; }
.pay-res.warn .pay-ic { background: rgba(245,176,65,.12); color: #f5b041; }
.pay-res.wait .pay-ic { color: var(--a1); }
.pay-res.wait .pay-ic .ic { animation: payspin 2s linear infinite; }
@keyframes payspin { to { transform: rotate(360deg); } }
.pay-res h1 { font-size: 30px; font-weight: 700; letter-spacing: -.02em; }
.pay-res p { color: var(--muted); font-size: 15.5px; line-height: 1.55; margin-bottom: 8px; }
@media (max-width: 720px) {
  .pg-m { flex-wrap: wrap; }
  .pg-m .grow { flex-basis: calc(100% - 120px); }
}
.of-l .req { color: #f87171; font-weight: 700; }
.cm-img { display: block; margin-top: 2px; }
.cm-img img { display: block; max-width: min(280px, 100%); max-height: 320px; border-radius: 12px; object-fit: cover; border: 1px solid rgba(255,255,255,.08); }
.cm-t a { color: var(--a1); text-decoration: underline; word-break: break-all; }
.composer .att { flex: none; cursor: pointer; }
.ci-t { color: var(--text); opacity: .75; }
.doc .doc-pt > span { min-width: 0; overflow-wrap: anywhere; }
.doc, .doc p, .doc li { overflow-wrap: anywhere; }
.lot-seller-m { display: none; }
@media (max-width: 1180px) {
  .lot-seller-m { display: flex; width: 100%; text-align: left; color: inherit; font: inherit; cursor: pointer; align-items: center; gap: 12px; margin: 16px 0 4px; padding: 12px 14px; border-radius: 16px; background: var(--card); border: 1px solid var(--line); }
  .lot-seller-m b { display: block; }
  .lot-seller-m small { color: var(--muted); font-size: 12.5px; }
  .lot-seller-m > .ic { width: 20px; height: 20px; color: var(--a1); }
}
@media (max-width: 720px) {
  .cat-chips { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin-inline: -16px; padding-inline: 16px; }
  .cat-chips::-webkit-scrollbar { display: none; }
  .cat-chips .chip { flex: none; }
  body[data-route="order"] .sup-fab, body[data-route="chats"] .sup-fab { display: none; }
  .cookie { left: 12px; right: 12px; bottom: 88px; width: auto; }
  .sd-manage { grid-template-columns: minmax(0, 1fr) !important; }
}
@media (max-width: 720px) {
  body:has(.cookie) .sup-fab { display: none; }
}
.foot .logo { display: inline-flex; align-items: center; gap: 10px; }
.foot-grid:not(:has(.socials)) { grid-template-columns: 1.5fr 1fr 1fr; }
@media (max-width: 1180px) {
  .foot-grid:not(:has(.socials)) { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 720px) {
  .foot-grid:not(:has(.socials)) { grid-template-columns: 1fr; }
}
.auth-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; padding: 4px; border-radius: 14px; background: rgba(255,255,255,.05); margin-bottom: 20px; }
.auth-tabs button { height: 40px; border-radius: 10px; font-weight: 600; color: var(--muted); }
.auth-tabs button.on { background: var(--a1); color: var(--on-a); }
[data-theme="light"] .auth-tabs { background: rgba(0,0,0,.05); }
.auth-f { display: grid; gap: 10px; text-align: left; }
.auth-f .inp { height: 50px; }
.auth-pw { position: relative; }
.auth-pw .inp { width: 100%; padding-right: 50px; }
.auth-pw .icon-btn { position: absolute; right: 6px; top: 50%; transform: translateY(-50%); }
.auth-links { margin-top: 14px; gap: 10px; flex-wrap: wrap; }
.role.owner { display: inline-flex; align-items: center; gap: 4px; }
.role.owner .ic { width: 11px; height: 11px; }
html::before { content: ""; position: fixed; top: 0; left: 0; right: 0; height: 3px; z-index: 9999; pointer-events: none; background: linear-gradient(90deg, transparent, var(--a1), var(--a3), transparent); background-size: 50% 100%; background-repeat: no-repeat; opacity: 0; transition: opacity .25s; }
html.net-busy::before { opacity: 1; animation: netbar 1s linear infinite; }
@keyframes netbar { from { background-position: -50% 0; } to { background-position: 150% 0; } }
.is-loading { position: relative; pointer-events: none; color: transparent !important; }
.is-loading > * { visibility: hidden; }
.is-loading::after { content: ""; position: absolute; inset: 0; margin: auto; width: 18px; height: 18px; border-radius: 50%; border: 2px solid currentColor; border-color: var(--on-a, #fff) transparent var(--on-a, #fff) transparent; animation: spin .7s linear infinite; }
.btn:not(.pri).is-loading::after { border-color: var(--text) transparent var(--text) transparent; }
@keyframes spin { to { transform: rotate(360deg); } }
.modal.closing .modal-bg { animation: fadeOut .17s forwards; }
.modal.closing .modal-card { animation: cardOut .17s var(--ease) forwards; }
@keyframes fadeOut { to { opacity: 0; } }
@keyframes cardOut { to { opacity: 0; transform: translateY(10px) scale(.97); } }
.pop.closing { animation: popOut .14s var(--ease) forwards; }
@keyframes popOut { to { opacity: 0; transform: translateY(-6px) scale(.98); } }
.sup-win.closing { animation: cardOut .18s var(--ease) forwards; }
#view.page-in { animation: pageIn .28s var(--ease); }
@keyframes pageIn { from { opacity: 0; transform: translateY(8px); } }
#authLayer .auth { animation: fade .22s; }
#authLayer .auth-card { animation: supIn .3s var(--ease); }
#authLayer.closing .auth { animation: fadeOut .2s forwards; }
.btn, .chip, .icon-btn, .nb, .nn, .tile, .gc, .tr, .pm-opt, .ptabs button, .seg button, .auth-tabs button { transition: background-color .18s, color .18s, border-color .18s, transform .18s, box-shadow .18s, opacity .18s; }
.btn:active, .icon-btn:active, .chip:active { transform: scale(.97); }
.toggle { transition: background-color .2s; } .toggle::after { transition: transform .22s var(--ease); }
details.of-more[open] > div { animation: pageIn .22s var(--ease); }
.wm-shop { color: var(--a1); font-weight: inherit; }
.ttl { display: inline-flex; align-items: center; gap: 4px; height: 22px; padding: 0 9px; margin-left: 6px; border-radius: 999px; font-size: 11.5px; font-weight: 700; letter-spacing: .01em; vertical-align: middle; color: var(--tc); background: color-mix(in srgb, var(--tc) 14%, transparent); border: 1px solid color-mix(in srgb, var(--tc) 35%, transparent); white-space: nowrap; }
.ttl .ic { width: 11px; height: 11px; }
h1 .ttl { height: 26px; font-size: 13px; }
.announce.maint { background: color-mix(in srgb, #f59e0b 18%, var(--panel)); color: #fbbf24; display: flex; gap: 8px; align-items: center; justify-content: center; }
.announce.maint .ic { width: 16px; height: 16px; } .announce.maint a { color: inherit; text-decoration: underline; }
.mt-blk.on { border-color: color-mix(in srgb, #f59e0b 45%, transparent); }
body.maint-mode { overflow: hidden; }
#maintLayer { position: fixed; inset: 0; z-index: 140; display: grid; place-items: center; padding: 20px; background: radial-gradient(1200px 600px at 50% -10%, color-mix(in srgb, var(--a1) 22%, transparent), transparent 60%), var(--bg); animation: fade .3s; }
.mt { max-width: 520px; text-align: center; display: grid; justify-items: center; gap: 12px; }
.mt-logo { display: flex; align-items: center; gap: 10px; font-size: 22px; font-weight: 800; letter-spacing: -.02em; margin-bottom: 8px; }
.mt-logo .logo-mark { width: 34px; height: 34px; }
.mt-code { font-size: clamp(72px, 16vw, 128px); font-weight: 800; line-height: 1; letter-spacing: -.04em; background: linear-gradient(135deg, var(--a3), var(--a1)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.mt h1 { font-size: clamp(22px, 4vw, 30px); }
.mt p { color: var(--muted); font-size: 16px; line-height: 1.55; }
.mt-cd { margin-top: 6px; padding: 14px 22px; border-radius: 16px; background: var(--card); border: 1px solid var(--line); display: grid; gap: 4px; }
.mt-cd small { color: var(--muted); font-size: 12.5px; } .mt-cd b { font-size: 26px; font-variant-numeric: tabular-nums; letter-spacing: .02em; }
.mt-login { margin-top: 18px; font-size: 13px; color: var(--muted); text-decoration: underline; }
.sd-title .row .inp { min-width: 0; flex: 1; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; } }
.mt-blk .fgrid { margin-top: 14px; }
.mt-blk > .row { margin-top: 14px; }
.auth-tg { width: 56px; height: 56px; margin: 0 auto 12px; border-radius: 50%; display: grid; place-items: center; background: #229ED9; color: #fff; }
.auth-tg .ic { width: 28px; height: 28px; }
.tg-blk h3 { display: flex; align-items: center; gap: 8px; } .tg-blk h3 .ic { width: 18px; height: 18px; color: #229ED9; }
.sd-manage .sd-title { grid-column: 1 / -1; }
.sd-title .row { flex-wrap: wrap; }
.sd-title .row .inp { flex: 1 1 220px; min-width: 180px; }
.chat-h .ttl { height: 20px; font-size: 11px; }
.sd-manage { grid-template-columns: 240px max-content minmax(0, 1fr); }
.sd-title .row { flex-wrap: nowrap; max-width: 620px; }
@media (max-width: 720px) { .sd-title .row { flex-wrap: wrap; } }
body[data-route="order"] .sup-fab, body[data-route="chats"] .sup-fab { display: none; }
.adv-h { text-align: center; font-size: clamp(24px, 3vw, 32px); margin-bottom: 26px; }
.adv-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.adv-c { border: 1px solid var(--line); border-radius: 24px; background: color-mix(in srgb, var(--panel) 70%, transparent); padding: 0 26px 30px; overflow: hidden; }
.adv-c h3 { font-size: 20px; margin: 4px 0 10px; }
.adv-c p { color: var(--muted); font-size: 15.5px; line-height: 1.6; }
.adv-art { height: 210px; margin: 0 -26px 16px; padding: 24px 28px 10px; display: grid; place-items: center; --ud-dark: #4a4e5c; background: linear-gradient(180deg, color-mix(in srgb, var(--a1) 9%, transparent), transparent); }
[data-theme="light"] .adv-art { --ud-dark: #2f2e41; }
.adv-art svg { width: 100%; height: 100%; display: block; }
@media (max-width: 1000px) { .adv-grid { grid-template-columns: minmax(0, 1fr); max-width: 520px; margin: 0 auto; } }
.cookie { display: flex; align-items: center; gap: 14px; width: auto; max-width: min(520px, calc(100% - 32px)); padding: 12px 14px 12px 18px; border-radius: 16px; box-shadow: 0 8px 24px rgba(0,0,0,.28); }
.cookie p { margin: 0; font-size: 13.5px; line-height: 1.45; }
.cookie .btn { flex: none; }
@media (max-width: 720px) { .cookie { left: 10px; right: 78px; bottom: 84px; max-width: none; padding: 10px 12px 10px 14px; } body:has(.cookie) .sup-fab { display: grid; } }
.list .li .grow { min-width: 0; }
@media (max-width: 480px) { .list .li { flex-wrap: wrap; } .list .li .end { margin-left: 58px; flex-direction: row; align-items: center; gap: 10px; } }
.mnav a .badge { top: 4px; right: calc(50% - 22px); left: auto; box-shadow: 0 0 0 2px var(--panel); }
[data-theme="light"] .mnav { background: color-mix(in srgb, var(--panel) 96%, transparent); }
@media (max-width: 760px) { .chats.has-open .clist { display: none; } .chats:not(.has-open) .chat { display: none; } }
@media (max-width: 600px) { .slide .art { display: none !important; } .slide .s-txt { max-width: 100%; } }
[data-cdtext] { white-space: nowrap; }
.sell-pt { display: flex; gap: 10px; align-items: flex-start; } .sell-pt .ic { flex: none; width: 18px; height: 18px; margin-top: 2px; color: var(--a1); }
@media (max-width: 720px) { .snav { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; overflow: visible !important; } .snav a { justify-content: center; white-space: nowrap; } }
.mt-login { color: var(--text); opacity: .75; padding: 12px 16px; text-decoration: underline; font-size: 14px; }
@media (max-width: 720px) { .sec-h h2 { font-size: 20px; } .sec-h { flex-wrap: wrap; row-gap: 4px; } }
.ge-cats { display: grid; gap: 6px; } .ge-cat { gap: 6px; } .ge-cat .inp { flex: 1; min-width: 0; }
.fgrid { align-items: start; }
.mt-blk { margin-bottom: 16px; }
.mt-blk .fgrid .field small { min-height: 0; }
@media (max-width: 720px) {
  .ow-it, .ow-it > * { min-width: 0; } .ow-it .ow-ago { white-space: nowrap; }
  .erow { flex-wrap: wrap; } .erow .inp, .erow .sel { min-width: 0; max-width: 100%; width: 100% !important; flex: 1 1 100%; }
  .pblk { overflow-x: hidden; }
}
.list { grid-template-columns: minmax(0, 1fr); } .list > .li { min-width: 0; }
.modal-card { min-width: 0; } .modal-card .chips { flex-wrap: wrap; }
.rv p, .fact b, .lot-title h1, .lot-desc, .t-title { overflow-wrap: anywhere; }
.tr .t-d { min-width: 0; } .t-tags .tag { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rows, .tk-list, .ow-list { grid-template-columns: minmax(0, 1fr); }
.rw small, .ow-it small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.code-in input { flex: 0 1 50px; min-width: 0; }
.chk > span { min-width: 0; }
[data-theme="light"] .pc-new { background: var(--card); }
[data-theme="light"] .seg { background: var(--card2); }
[data-theme="light"] .seg button { color: var(--muted); }
[data-theme="light"] .seg button:hover { color: var(--text); }
[data-theme="light"] .seg button.on { background: var(--panel); color: var(--text); box-shadow: var(--shadow-sm); }
[data-theme="light"] .seg button i { background: rgba(0,0,0,.06); }
[data-theme="light"] .dots button, [data-theme="light"][data-style="neo"] .dots button { background: rgba(0,0,0,.14); }
[data-theme="light"] .dots button.on { background: var(--a1); }
@media (max-width: 720px) {
  .snav a { white-space: normal; line-height: 1.25; min-width: 0; text-align: left; justify-content: flex-start; padding: 8px 10px; font-size: 13.5px; }
  .my-of .tr { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "d p" "s s"; gap: 8px 12px; }
  .my-of .tr .t-stock { display: block; grid-area: s; font-size: 13px; }
  .pg-h { flex-wrap: wrap; }
  .pg-h > div:first-child { flex: 1 1 100%; }
  .ow-kpi b { font-size: 24px; white-space: nowrap; }
  .ow-kpi.hero svg.spark { display: none; }
}
@media (max-width: 480px) {
  .list .li .grow { flex: 1 1 calc(100% - 70px); }
}
@media (max-width: 1000px) { .adm { align-content: start; min-height: 0; } }
.sell-pt.no .ic { color: var(--red); }
.chat.chat-empty { display: grid; place-items: center; }
@media (max-width: 760px) { .chats:not(.has-open) .chat.chat-empty { display: none; } }
@media (max-width: 600px) { .tk-row { flex-wrap: wrap; row-gap: 8px; } .tk-row .grow { flex: 1 1 calc(100% - 40px); } }
.ge-cat .ge-pr { flex: none; width: 140px; height: 38px; }
@media (max-width: 600px) { .ge-cat { flex-wrap: wrap; } .ge-cat .ge-pr { width: auto; flex: 1; } }
.lc-warn { display: flex; gap: 8px; align-items: flex-start; margin-top: 14px; padding: 10px 12px; border-radius: 12px; background: color-mix(in srgb, var(--amber, #f5b041) 12%, transparent); color: var(--text); font-size: 13.5px; } .lc-warn .ic { flex: none; width: 16px; height: 16px; margin-top: 2px; color: var(--amber, #f5b041); }
.fs-bar { display: flex; align-items: center; gap: 10px; margin-bottom: 16px; flex-wrap: wrap; }
.fs-bar .sel { width: 200px; height: 46px; }
.fs-empty { display: grid; justify-items: center; gap: 10px; padding: 60px 10px; color: #8a8f98; } .fs-empty .ic { width: 28px; height: 28px; opacity: .7; } .fs-empty p { font-size: 15px; }
@media (max-width: 1000px) { .fs-bar .sel { width: auto; flex: 1; } .fs-bar .seg { overflow-x: auto; max-width: 100%; } }
.chat-h small.on { color: var(--green, #22c55e); }

/* Телефон: плоская вёрстка на всю ширину */
@media (max-width: 720px) {
  html body { background: var(--bg); }
  html .neo-frame, html .bg-glow, html #decor { display: none !important; }
  html #app { padding: 0; }
  html .hdr-wrap { position: sticky; top: 0; z-index: 50; padding: 0 !important; background: color-mix(in srgb, var(--bg) 94%, transparent); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border-bottom: 1px solid var(--line); }
  html .hdr-wrap > .wrap, html[data-style] .hdr-wrap > .wrap { width: 100%; margin: 0; padding: 0 12px; max-width: none; }
  html .hdr, html[data-style] .hdr { height: 58px; padding: 0; gap: 10px; border-radius: 0; background: none; border: 0; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; }
  html .hdr .logo { gap: 7px; flex: none; }
  html .hdr .logo > svg, html .hdr .logo .lg { width: 28px; height: 28px; }
  html .hdr .logo span { font-size: 17px; }
  html .hdr .tswitch { display: none; }
  html[data-style] .hdr .hsearch { display: block; flex: 1; min-width: 0; max-width: none; margin: 0; }
  html[data-style] .hdr .hsearch input { height: 38px; border-radius: 11px; font-size: 14px; padding: 0 10px 0 34px; background: var(--card); border: 1px solid var(--line); }
  html[data-style] .hdr .hsearch > .ic { left: 11px; width: 16px; height: 16px; }
  html .hdr .hsearch .sres { position: fixed; left: 8px; right: 8px; top: 62px; width: auto; max-height: 70vh; }
  html .msearch, html #msearch { display: none !important; }
  html .hdr .btn.pri { height: 38px; padding: 0 12px; font-size: 14px; gap: 0; } html .hdr .btn.pri .ic { display: none; }
  html #view > .wrap, html .foot > .wrap, html[data-style] #view > .wrap, html[data-style] .foot > .wrap { width: 100%; margin: 0; padding: 0; max-width: none; }
  html .foot .foot-in, html[data-style] .foot .foot-in { border-radius: 0; border-left: 0; border-right: 0; margin: 0; }
  html .foot { margin: 0; }
  html .shell, html[data-style] .shell { border-radius: 0; border: 0; background: none; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; padding: 16px 14px 24px; }
  html .shell + .shell { margin-top: 0; border-top: 8px solid var(--panel); }
  html .foot { border-top: 1px solid var(--line); }
  html .mnav, html[data-style] .mnav { left: 0; right: 0; bottom: 0; height: auto; padding: 6px 4px calc(6px + env(safe-area-inset-bottom)); border-radius: 0; border: 0; border-top: 1px solid var(--line); background: color-mix(in srgb, var(--bg) 96%, transparent); box-shadow: none; }
  html .mnav a { height: 50px; }
  html .sup-fab { bottom: calc(80px + env(safe-area-inset-bottom)); }
  html #app { padding-bottom: calc(66px + env(safe-area-inset-bottom)); }
  html .cookie { bottom: calc(76px + env(safe-area-inset-bottom)); }

  /* Список игр как на FunPay */
  #gamesGrid.games { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 16px; }
  #gamesGrid .gc { display: block; padding: 0; border: 0; border-radius: 0; background: none; }
  #gamesGrid .gc > a { display: none; }
  #gamesGrid .gc h3 { font-size: 15.5px; font-weight: 700; margin: 0 0 6px; line-height: 1.25; }
  #gamesGrid .gc .cats { display: block; font-size: 14px; line-height: 1.6; }
  #gamesGrid .gc .cats a { color: var(--a1); }
  #gamesGrid .gc .cats a:not(:last-child)::after { content: " · "; color: var(--muted2, var(--muted)); }
  .letters { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin: 0 -14px 16px; padding: 0 14px; }
  .letters::-webkit-scrollbar { display: none; }
  .letters button { flex: none; }
  html .filters .hsearch, html[data-style] .filters .hsearch { width: 100%; max-width: none; flex: 1 1 100%; }
}
.pc-new.pc-new2 { grid-template-columns: minmax(130px, 1fr) minmax(170px, 1.4fr) 120px 140px 100px auto; }
@media (max-width: 1100px) { .pc-new.pc-new2 { grid-template-columns: 1fr 1fr; } }
.ph-kp { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 4px 0 18px; }
.ph-kp > div { padding: 12px 14px; border-radius: 14px; background: var(--card); }
.ph-kp small { display: block; font-size: 12.5px; color: var(--muted); }
.ph-kp b { font-size: 18px; font-weight: 700; }
.ph-kp .acc b { color: var(--a1); }
.ph-h { font-size: 14px; margin: 14px 0 8px; }
.ph-list { display: grid; gap: 4px; max-height: 260px; overflow-y: auto; }
.ph-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 12px; border-radius: 12px; background: var(--card); color: inherit; }
a.ph-row:hover { background: var(--card2); }
.ph-row small { display: block; font-size: 12.5px; color: var(--muted); margin-top: 2px; }
.ph-row .r { text-align: right; }
@media (max-width: 600px) { .ph-kp { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.ph-kp .neg b { color: var(--red, #ef4444); }
.pp-card { padding: 18px; margin-bottom: 12px; }
.pp-h { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 12px; }
.pp-more { margin-top: 10px; } .pp-more summary { cursor: pointer; font-size: 14px; font-weight: 600; color: var(--muted); margin-bottom: 8px; }