/* ==========================================================================
   ПЕРЕНЕСЕНО ДОСЛОВНО ИЗ ДИЗАЙНА. РУКАМИ НЕ ПРАВИТЬ.

   Источник: design/Проработка дизайна платформы/TrueGen Studio v3 round.dc.html,
   содержимое блока <style> — строки 15–110 (сам <style> на 14, </style> на 111).
   Дословность не декларируется, а проверяется: тест «design.css отдаётся
   дословно» в tests/visual/tokens.spec.ts тянет обе стороны по HTTP и
   сравнивает их посимвольно.

   ПОЧЕМУ ЭТОТ ФАЙЛ ЛЕЖИТ В public/, А НЕ В app/globals.css
   ---------------------------------------------------------
   Всё, что импортируется из app/, проходит через Lightning CSS внутри
   Turbopack, и он переписывает значения. Замерено на этой же таблице:

     rgba(0,0,0,.16)      → #00000029     (альфа округлена до 8 бит)
     rgba(255,255,255,.08)→ #ffffff14
     #C6E437              → #c6e437
     backdrop-filter      → выброшен во всех 9 правилах, оставлен только
                            -webkit-backdrop-filter
     -webkit-mask:…       → разложен в семь longhand-свойств

   Это не Tailwind: его postcss-плагин, прогнанный отдельно, значения не
   трогает. Пиксельно переписанные значения сегодня эквивалентны — замерено
   на 8 реальных цветах токенов поверх всех 256 уровней подложки, 0
   расходящихся пикселей, — то есть чинится здесь не видимый дефект, а
   МЕХАНИЗМ: пока значения переписываются, «перенесено дословно» неправда,
   точная сверка токенов невозможна в принципе (сравнение строк краснеет на
   #c6e437 против #C6E437), а каждое следующее обновление Lightning CSS —
   это новая порция правок в неприкосновенной таблице, которую никто не
   заказывал. Статика в public/ отдаётся байт в байт и закрывает класс
   целиком, а не по одному расхождению.

   Правка сюда вносится ТОЛЬКО повторным переносом из дизайна.
   ========================================================================== */

html,body{margin:0;padding:0;background:#18181A}
.tg{--bg:#18181A;--bg-home:#141415;--card:#202022;--card2:#29292B;--line:rgba(255,255,255,.08);--text:#ECEAE6;--muted:#A0A0A2;--faint:#6B6D6A;--glass:#1C1C1E;--edge-t:transparent;--edge:rgba(255,255,255,.10);--fallback:#1C1C1E;--dim:rgba(12,12,13,.72);--accent:#FFBC00;--accent-ink:#141516;--accent-tx:#FFC425;--brand:#FFBC00;--brand-quiet:#E6E6E6;--brand-quiet-tx:#FFBC00;--solid:#ECEAE6;--solid-ink:#18181A;--plate:rgba(32,32,34,.60);--plate2:rgba(32,32,34,.92);--btn:linear-gradient(135deg,#29292B 0%,#202022 60%,#18181A 100%);--btn-ink:#F2F2F0;--btn-line:rgba(255,255,255,.13);--plate-line:rgba(255,255,255,.11);--plate-sh:0 2px 10px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.05);--ok:#5FBF86;--warn:#FF9F43;--err:#FF6B9E;--sh:none;--sh2:0 20px 48px rgba(0,0,0,.30);--shadow:none;--sel-glow:0 0 26px 1px rgba(255,188,0,.16),0 0 70px 12px rgba(255,188,0,.07);--pearl:radial-gradient(ellipse 105% 150% at 50% 50%,#F3F3F3 0%,#EEEEEE 42%,#E2ECF0 72%,#CCDDE3 100%);--pearl-ink:#141516;--pearl-sh:inset 0 1px 0 rgba(255,255,255,.95),inset 0 0 0 1px rgba(255,255,255,.55),inset 0 0 10px 1px rgba(160,198,212,.45),0 0 16px 1px rgba(225,238,243,.16);--pearl-sh-h:inset 0 1px 0 rgba(255,255,255,.95),inset 0 0 0 1px rgba(255,255,255,.55),inset 0 0 10px 1px rgba(160,198,212,.45),0 0 22px 3px rgba(225,238,243,.24)}
.tg[data-theme="light"]{--bg-home:#F4F3EF;--bg:#F1F0EC;--card:#FFFFFF;--card2:#F7F6F2;--line:rgba(22,21,15,.10);--text:#16150F;--muted:#6E6C64;--faint:#9A9890;--glass:#FFFFFF;--edge-t:transparent;--edge:rgba(22,21,15,.10);--fallback:#FFFFFF;--dim:rgba(241,240,236,.84);--accent:#D4EE4A;--accent-ink:#16150F;--accent-tx:#5E6E0A;--solid:#16150F;--solid-ink:#F7F6F2;--plate:rgba(255,255,255,.55);--plate2:rgba(255,255,255,.88);--btn:linear-gradient(135deg,#3B3B34 0%,#1E1D16 55%,#100F0A 100%);--btn-ink:#F7F6F2;--btn-line:rgba(255,255,255,.16);--plate-line:rgba(22,21,15,.12);--plate-sh:0 2px 12px rgba(22,21,15,.10), inset 0 1px 0 rgba(255,255,255,.6);--ok:#2E7D4F;--warn:#95670F;--err:#B84A4A;--sh:0 1px 2px rgba(22,21,15,.06);--sh2:0 20px 50px rgba(22,21,15,.16);--shadow:none}
.tg[data-accent="cyan"]{--accent:#5AD9EC;--accent-ink:#06171A;--accent-tx:#5AD9EC}
.tg[data-theme="light"][data-accent="cyan"]{--accent:#3CD8EE;--accent-tx:#0A6D7D}
.tg[data-accent="coral"]{--accent:#F0A05A;--accent-ink:#1A1006;--accent-tx:#F0A05A}
.tg[data-theme="light"][data-accent="coral"]{--accent:#F0A24E;--accent-tx:#8A5406}
.tg{--pane:rgba(255,255,255,.045);--pane2:rgba(255,255,255,.075);--gb:rgba(255,255,255,.055);--gb-h:rgba(255,255,255,.10);--gb-a:rgba(255,255,255,.08);--gb-line:rgba(255,255,255,.11);--gb-lh:rgba(255,255,255,.20)}
.tg[data-theme="light"]{--pane:rgba(255,255,255,.58);--pane2:rgba(255,255,255,.80);--gb:rgba(255,255,255,.62);--gb-h:rgba(255,255,255,.88);--gb-a:rgba(255,255,255,.74);--gb-line:rgba(22,21,15,.10);--gb-lh:rgba(22,21,15,.18)}
.gb{background:var(--gb);border:1px solid var(--gb-line);backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);transition:background .18s ease,border-color .18s ease,color .18s ease}
.gb:hover{background:var(--gb-h);border-color:var(--gb-lh)}
.gb:active{background:var(--gb-a)}
.gb-btn{background:var(--btn);border-color:var(--btn-line);color:var(--btn-ink)}
.gb-btn:hover{background:var(--btn);border-color:var(--btn-line);filter:brightness(1.07)}
.gb-solid{background:var(--pearl);border-color:transparent;color:var(--pearl-ink);box-shadow:var(--pearl-sh)}
.gb-solid:hover{background:var(--pearl);border-color:transparent;filter:none;box-shadow:var(--pearl-sh-h)}
.tg a{color:var(--accent-tx);text-decoration:none}
.tg a:hover{text-decoration:underline}
.glass{background:var(--plate);border:1px solid var(--plate-line);box-shadow:var(--plate-sh);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}
.glass2{background:var(--plate2);border:1px solid var(--plate-line);box-shadow:var(--plate-sh);backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%)}
.glassx{background:var(--dim);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.glass{background:var(--fallback)}.glass2{background:var(--plate2);border:1px solid var(--plate-line);box-shadow:var(--plate-sh);backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%)}
.glassx{background:var(--dim);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}}
@media (prefers-reduced-transparency:reduce){.glass{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--fallback)}.glassx{backdrop-filter:none;-webkit-backdrop-filter:none}}
@media (prefers-reduced-motion:reduce){.tg *{animation:none!important;transition:none!important}}
@keyframes puls{0%,100%{opacity:.4}50%{opacity:1}}
.b3d{position:relative;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),background .3s,border-color .3s;box-shadow:0 1px 2px rgba(0,0,0,.16),0 2px 5px rgba(0,0,0,.12)}
.b3d::before{content:'';position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(180deg,rgba(255,255,255,.24),rgba(255,255,255,.05) 52%,rgba(255,255,255,0) 100%);transition:background .3s;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.b3d:hover::before{background:linear-gradient(180deg,rgba(255,255,255,.44),rgba(255,255,255,.13) 55%,rgba(255,255,255,.02) 100%)}
.tg[data-theme="light"] .b3d::before{background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(255,255,255,.35) 50%,rgba(255,255,255,0) 100%)}
.tg[data-theme="light"] .b3d:hover::before{background:linear-gradient(180deg,#fff,rgba(255,255,255,.5) 55%,rgba(255,255,255,0) 100%)}
.b3d:hover{transform:translateY(-2px);box-shadow:0 4px 10px rgba(0,0,0,.20),0 10px 22px rgba(0,0,0,.15),0 0 0 1px rgba(255,255,255,.08)}
.b3d:active{transform:translateY(1px) scale(.985);box-shadow:0 1px 2px rgba(0,0,0,.18),inset 0 2px 4px rgba(0,0,0,.22);transition-duration:.1s}
.tg[data-theme="light"] .b3d{box-shadow:0 1px 2px rgba(22,21,15,.10),0 2px 6px rgba(22,21,15,.07)}
.tg[data-theme="light"] .b3d:hover{box-shadow:0 4px 10px rgba(22,21,15,.13),0 10px 22px rgba(22,21,15,.10),0 0 0 1px rgba(22,21,15,.09)}
.vsheet{position:relative;background:var(--plate);backdrop-filter:blur(26px) saturate(180%);-webkit-backdrop-filter:blur(26px) saturate(180%);box-shadow:var(--plate-sh)}
.vsheet::before{content:'';position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(180deg,rgba(255,255,255,.26),rgba(255,255,255,.09) 40%,rgba(255,255,255,.02) 72%,rgba(255,255,255,0) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.tg[data-theme="light"] .vsheet{background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,.48) 58%,rgba(255,255,255,.30) 100%),var(--plate);box-shadow:var(--plate-sh)}
.tg[data-theme="light"] .vsheet::before{background:linear-gradient(180deg,rgba(22,21,15,.20),rgba(22,21,15,.08) 42%,rgba(22,21,15,0) 100%)}
.i3d{transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}
.i3d:focus-within{transform:translateY(-2px);box-shadow:0 3px 8px rgba(0,0,0,.18),0 12px 28px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.09),0 0 0 1px rgba(255,255,255,.11)}
.tg[data-theme="light"] .i3d:focus-within{box-shadow:0 3px 8px rgba(22,21,15,.10),0 12px 28px rgba(22,21,15,.10),inset 0 1px 0 #fff,0 0 0 1px rgba(22,21,15,.10)}
.c3d{position:relative}
.c3d::before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none}
.c3d:hover::before{background:linear-gradient(180deg,rgba(255,255,255,.32),rgba(255,255,255,.07) 50%,rgba(255,255,255,0) 100%)}
.tg[data-theme="light"] .c3d::before{background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,255,255,.25) 50%,rgba(255,255,255,0) 100%)}
.c3d{transition:transform .4s cubic-bezier(.4,0,.2,1),box-shadow .4s cubic-bezier(.4,0,.2,1),border-color .3s}
.c3d:hover{border-color:var(--gb-lh)}
.tg[data-theme="light"] .c3d:hover{border-color:var(--gb-lh)}
.ddi{transition:transform .2s cubic-bezier(.4,0,.2,1),background .2s,box-shadow .2s}
.ddi:hover{transform:translateX(4px)}
@keyframes dd-in{from{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:none}}
.dd{animation:dd-in .2s cubic-bezier(.4,0,.2,1) both}
.anacts{opacity:0;transition:opacity .18s ease}
.anprev:hover .anacts{opacity:1}
@media (max-width:760px){.anacts{opacity:1}}
.hist-list{display:flex;flex-direction:column;gap:10px}
.hist-card{display:flex;align-items:stretch;gap:14px;padding:12px;width:100%;box-sizing:border-box;text-align:left;background:var(--pane);border:1px solid var(--line);border-radius:16px;cursor:pointer}
.hist-card:hover{border-color:var(--gb-line)}
.hist-thumb{position:relative;width:80px;height:140px;flex:none;border-radius:11px;overflow:hidden}
.hist-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:7px;justify-content:center;padding-right:34px}
.hist-author-m{display:none}
.hist-menu{position:absolute;right:8px;top:8px;width:32px;height:32px;z-index:2}
@media (max-width:480px){
.hist-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start}
.hist-card{flex-direction:column;gap:9px;padding:0 0 11px}
.hist-thumb{width:100%;height:auto;aspect-ratio:9/16;border-radius:15px 15px 0 0}
.hist-body{padding:0 11px;gap:6px}
.hist-author-d{display:none}
.hist-author-m{display:flex}
.hist-menu{width:44px;height:44px;right:2px;top:2px}
}
.ancap{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@keyframes vw{0%,100%{height:10px;opacity:.28}25%{height:28px;opacity:.65}50%{height:38px;opacity:.9}75%{height:20px;opacity:.55}}
.vwb{width:2px;border-radius:99px;background:currentColor;flex:none;animation:vw 1.2s ease-in-out infinite reverse}
@keyframes shim{0%{transform:translateX(-100%)}100%{transform:translateX(240%)}}
@keyframes tg-blob1{0%{transform:translate(0,0) scale(1)}33%{transform:translate(14vw,10vh) scale(1.25)}66%{transform:translate(-6vw,16vh) scale(.9)}100%{transform:translate(0,0) scale(1)}}
@keyframes tg-blob2{0%{transform:translate(0,0) scale(1)}33%{transform:translate(-12vw,14vh) scale(1.15)}66%{transform:translate(8vw,-8vh) scale(1.3)}100%{transform:translate(0,0) scale(1)}}
@keyframes tg-blob3{0%{transform:translate(0,0) scale(1)}50%{transform:translate(10vw,-14vh) scale(1.2)}100%{transform:translate(0,0) scale(1)}}
@keyframes tg-blob4{0%{transform:translate(0,0) scale(1)}50%{transform:translate(-14vw,-10vh) scale(.85)}100%{transform:translate(0,0) scale(1)}}
.tg ::placeholder{color:var(--faint)}
.tg input,.tg button{font-family:inherit}
.tg ::-webkit-scrollbar{width:10px;height:10px}
.tg ::-webkit-scrollbar-thumb{background:var(--line);border-radius:99px;border:3px solid transparent;background-clip:content-box}
.barwrap{position:fixed;left:0;right:0;bottom:0;display:flex;justify-content:center;z-index:40;pointer-events:none;padding:0 16px 18px}
.barwrap.lane-ws{padding-left:252px}
.barwrap.lane-focus{padding-left:86px}
.tg[data-theme="light"] .logomark{fill:var(--text)}
.sb-label{display:block}
.sb-dot{display:none}
@media (max-width:1060px){.plate-nav{display:none!important}}
@media (max-width:1060px){.barwrap.lane-ws{padding-left:86px}.tg-sb{width:70px!important;padding:16px 10px!important}.sb-label{display:none}.sb-hide{display:none!important}.sb-dot{display:flex!important}.tg-sbitem{justify-content:center!important;padding:10px 0!important}.tg-sblogo{justify-content:center!important;padding-left:0!important;padding-right:0!important}}
.an-detail{display:grid;grid-template-columns:240px 1fr;gap:28px;align-items:start}
.an-left{position:sticky;top:20px;display:flex;flex-direction:column;gap:12px;max-height:calc(100vh - 214px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-right:2px}
.an-left .an-video{width:100%;max-height:52vh;flex:none}
@media (max-width:760px){.an-detail{grid-template-columns:1fr}.an-left{position:static;max-height:none;overflow:visible}.an-left .an-video{width:100%}.an-actions{position:sticky;bottom:0;background:var(--bg);margin:0 -24px;padding:10px 24px 16px;z-index:20;box-shadow:0 -16px 24px -16px var(--bg)}}