@font-face{font-family:"Onest";src:url(/static/fonts/onest-cyrillic.woff2) format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Onest";src:url(/static/fonts/onest-latin.woff2) format("woff2");font-weight:100 900;font-display:swap;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+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"SFS";src:url(/static/fonts/sfpro.woff2) format("woff2");font-weight:100 900;font-display:swap}
/* Гид СПб · редакция. Токены и компоненты: тёплая бумага, графитовая шапка, лайм. */
.gid{
  --bg:#F8F6F2;--tile:#EBE9E2;--tile2:#DCDCD3;--card:#FFFFFF;--ink:#272824;--ink2:#62635C;--line:rgba(39,40,36,.13);
  --head:#292C28;--lime:#BEF264;--lime2:#C5EF91;--limeink:#1A3B12;--forest:#303D35;--cream:#F5F5EB;--red:#B93A26;--gold:#F2D14B;
  --disp:"Onest","Onest Fallback",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;
  --body:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;
  position:relative;display:flex;flex-direction:column;background:var(--bg);color:var(--ink);
  font:400 15px/1.45 var(--body);container:gid/inline-size;overflow:hidden;-webkit-font-smoothing:antialiased;text-align:left;
}
.gid.dark{--bg:#1D1E1B;--tile:#2A2B27;--tile2:#3A3B35;--card:#2A2B27;--ink:#F5F5EB;--ink2:#B4B5AC;--line:rgba(245,245,235,.15);--head:#141513;--forest:#34433A}
:where(.gid) *{box-sizing:border-box}
:where(.gid) :where(h1,h2,h3,p){margin:0}
:where(.gid) button{font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;cursor:pointer;text-align:inherit}
:where(.gid) img{display:block;max-width:100%}
:where(.gid) a{color:inherit}
.gid.device{width:100%;height:100vh;height:100dvh}
.gid.tall{width:100%;min-height:100vh;overflow:visible}
.ic{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.ic.s{width:16px;height:16px}.ic.m{width:19px;height:19px}.ic.fill{fill:currentColor;stroke:none}
.scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}
.scroll::-webkit-scrollbar{display:none}
.gid.tall .scroll{overflow:visible;flex:1 0 auto}
.pad{padding:20px 16px 28px}

/* шапка */
.head{flex:none;height:56px;background:var(--head);color:#fff;display:flex;align-items:center;gap:12px;padding:0 13px 0 16px;z-index:5}
.word{display:flex;align-items:center;gap:7px;font:400 22px/1 var(--disp);letter-spacing:.05em;color:#fff}
.word i{font:600 12.5px/1 var(--disp);letter-spacing:0;background:var(--lime);color:var(--limeink);padding:3px 6px 4px;border-radius:6px}
.head-nav{display:none}
.who{margin-left:auto;display:flex;align-items:center;gap:9px}
.who img{width:36px;height:36px;border-radius:50%;object-fit:cover}
.who>span{display:block}
.who b{display:block;font:500 14px/1.2 var(--disp)}
.who span span{display:block;font-size:12px;line-height:1.25;color:rgba(255,255,255,.76)}
.tgbar{flex:none;height:50px;background:var(--head);color:#fff;display:grid;grid-template-columns:96px 1fr 96px;align-items:center;padding:0 14px;z-index:5}
.tgbar b{display:block;text-align:center;font:600 15px/1.15 var(--body)}
.tgbar small{display:block;text-align:center;font-size:11.5px;color:rgba(255,255,255,.72)}
.tgbar .tg-l{display:flex;align-items:center;gap:3px;font-size:15px;color:#fff}
.tgbar .tg-r{justify-self:end;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.14);display:grid;place-items:center;letter-spacing:.06em;font-size:13px;line-height:1}

/* нижнее меню */
.tabs{flex:none;height:62px;background:var(--bg);border-top:1px solid var(--line);display:flex;padding:5px 10px;z-index:5}
.tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:1px;font:500 12px/1.25 var(--disp);color:var(--ink2);position:relative;text-align:center}
.tab .tab-ic{width:48px;height:30px;border-radius:11px;display:flex;align-items:center;justify-content:center}
.tab.on{color:var(--ink);font-weight:600}.tab.on .tab-ic{background:var(--lime);color:#272824}
.tab .cnt{position:absolute;top:0;left:calc(50% + 9px);min-width:17px;height:17px;border-radius:9px;background:var(--ink);color:var(--bg);font-size:10.5px;line-height:17px;text-align:center;padding:0 4px;font-weight:600}
.act{flex:none;display:flex;gap:10px;padding:10px 16px;background:var(--bg);border-top:1px solid var(--line);z-index:5;align-items:center}

/* кнопки */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 22px;border-radius:100px;font:600 15px/1.2 var(--disp);white-space:nowrap;text-align:center}
.btn.lime{background:var(--lime);color:#253024;box-shadow:0 8px 22px rgba(117,154,61,.28)}
.btn.dark{background:var(--ink);color:var(--bg)}
.btn.soft{background:var(--tile);color:var(--ink)}
.btn.sm{min-height:44px;padding:0 18px;font-size:14px;font-weight:500}
.btn.w{width:100%}.btn.grow{flex:1}
.sq{flex:none;width:50px;height:50px;border-radius:14px;background:var(--tile);display:grid;place-items:center;color:var(--ink)}
.pill{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 14px;border-radius:100px;background:var(--tile);font-size:13.5px;color:var(--ink);white-space:nowrap}
.pill.on{background:var(--ink);color:var(--bg)}
.pill em{font-style:normal;opacity:.62}
.seg{display:inline-flex;gap:2px;padding:4px;border-radius:100px;background:var(--tile)}
.seg button{min-height:36px;padding:0 15px;border-radius:100px;font-size:13px;color:var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}
.seg button.on{background:var(--ink);color:var(--bg)}
.row-pills{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:0 16px}
.row-pills::-webkit-scrollbar{display:none}
.link{display:inline-flex;align-items:center;gap:6px;font:500 14px/1.3 var(--disp);border-bottom:2px solid var(--lime);padding-bottom:1px}
.muted{color:var(--ink2)}
.lime-t{color:var(--lime)}

/* лента */
.meta{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--ink2)}
.meta b{color:var(--ink);font-weight:600}
.meta span{display:inline-flex;align-items:center;gap:6px}
.h1{font:600 28px/1.1 var(--disp);letter-spacing:-.035em;margin:12px 0 16px}
.h2{font:600 22px/1.2 var(--disp);letter-spacing:-.03em}
.search{display:flex;align-items:center;gap:10px;border:1px solid var(--tile2);border-radius:14px;padding:5px 5px 5px 14px;color:var(--ink2)}
.search input{flex:1;min-width:0;width:100%;height:32px;border:0;background:transparent;font:400 15px var(--body);color:var(--ink);outline:0}
.search input::placeholder{color:var(--ink2)}
.search-go{flex:none;height:34px;padding:0 16px;border-radius:100px;background:var(--ink);color:var(--bg);font-size:13px;font-weight:500}
.tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
.tile{position:relative;display:block;width:100%;min-height:96px;padding:13px 14px 12px;border-radius:16px;background:var(--tile);color:var(--ink);text-align:left}
.tile h3{font:500 16px/1.25 var(--disp);padding-right:18px}
.tile p{font-size:13px;color:var(--ink2);margin-top:3px}
.tile .arr{position:absolute;top:13px;right:11px;width:17px;height:17px}
.tile .art{position:absolute;right:11px;bottom:9px;width:33px;height:33px;stroke-width:1.05;opacity:.72}
.tile.new{background:var(--lime);color:var(--limeink)}
.tile.new h3{font-weight:600;letter-spacing:.03em;text-transform:uppercase;display:flex;align-items:center;gap:5px}
.tile.new p{color:var(--limeink)}
.tile.hot{background:var(--forest);color:var(--cream)}
.tile.hot p{color:var(--lime2)}
.tile.on{outline:2px solid var(--ink);outline-offset:2px}
.sec-head{display:flex;align-items:center;gap:10px;margin:30px 0 14px}
.sec-head .seg{margin-left:auto}
.seg.ico button{width:46px;padding:0}
.ranks{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.rank{position:relative;overflow:hidden;border-radius:16px;background:var(--tile2);min-width:0}
.rank img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.rank::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,24,18,.34) 0%,rgba(20,24,18,.04) 26%,rgba(20,24,18,.08) 40%,rgba(20,24,18,.62) 66%,rgba(20,24,18,.92) 100%);pointer-events:none;z-index:1}
.rank-hit{position:absolute;inset:0;z-index:2;width:100%;height:100%}
.rank-no{position:absolute;left:13px;top:9px;z-index:3;display:flex;align-items:flex-end;gap:2px;color:#fff;font-family:var(--disp);font-weight:600;line-height:.86;pointer-events:none}
.rank-no i{font-style:normal;font-weight:500}
.rank-no b{font-weight:600;display:inline-block;transform:skewX(-14deg);letter-spacing:-.07em}
.rank-take{position:absolute;top:10px;right:10px;z-index:4;width:36px;height:36px;border-radius:50%;background:rgba(32,38,27,.45);border:1px solid rgba(255,255,255,.55);color:#fff;display:grid;place-items:center}
.rank-take::before{content:"";position:absolute;inset:-5px}
.rank-take.on{background:var(--lime);border-color:var(--lime);color:var(--limeink)}
.rank-cap{position:absolute;left:13px;right:13px;bottom:12px;z-index:3;color:#fff;pointer-events:none}
.rank-kick{font-size:12px;color:rgba(255,255,255,.84)}
.rank-cap h3{font:600 15px/1.16 var(--disp);letter-spacing:-.02em;margin:2px 0 3px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.rank-meta{display:flex;flex-wrap:wrap;gap:0 8px;font-size:12.5px;color:#fff}
.rank-meta .lime-t{font-weight:500}
.p1{grid-column:span 6;height:262px}.p1 .rank-no b{font-size:88px}.p1 .rank-no i{font-size:22px}.p1 .rank-cap h3{font-size:22px}.p1 .rank-cap{left:16px;right:16px;bottom:14px}.p1 .rank-no{left:16px;top:12px}
.p2,.p3{grid-column:span 3;height:220px}.p2 .rank-no b,.p3 .rank-no b{font-size:60px}.p2 .rank-no i,.p3 .rank-no i{font-size:15px}
.p4,.p5,.p6{grid-column:span 2;height:158px}.p4 .rank-no b,.p5 .rank-no b,.p6 .rank-no b{font-size:34px}.p4 .rank-no i,.p5 .rank-no i,.p6 .rank-no i{font-size:10px}
.p4 .rank-cap h3,.p5 .rank-cap h3,.p6 .rank-cap h3{font-size:12.5px;font-weight:500;letter-spacing:-.01em;margin:0;-webkit-line-clamp:4}
.p4 .rank-cap,.p5 .rank-cap,.p6 .rank-cap{left:9px;right:9px;bottom:9px}.p4 .rank-no,.p5 .rank-no,.p6 .rank-no{left:9px;top:8px}
.p4 .rank-kick,.p5 .rank-kick,.p6 .rank-kick,.p4 .rank-meta,.p5 .rank-meta,.p6 .rank-meta{display:none}
.p4 .rank-take,.p5 .rank-take,.p6 .rank-take{top:6px;right:6px;width:30px;height:30px}
.p7,.p8,.p9,.p10{grid-column:span 3;height:190px}.p7 .rank-no b,.p8 .rank-no b,.p9 .rank-no b,.p10 .rank-no b{font-size:44px}.p7 .rank-no i,.p8 .rank-no i,.p9 .rank-no i,.p10 .rank-no i{font-size:12px}
.rows{margin-top:16px;border-top:1px solid var(--line)}
.row{position:relative;display:grid;grid-template-columns:22px 56px minmax(0,1fr) 36px;align-items:center;gap:9px;padding:8px 0;border-bottom:1px solid var(--line)}
.row-hit{position:absolute;inset:0;width:100%;height:100%}
.row-no{font-size:12px;color:var(--ink2);pointer-events:none}
.row-img{width:56px;height:42px;border-radius:7px;object-fit:cover;background:var(--tile2);pointer-events:none}
.row-noimg{width:56px;height:42px;border-radius:7px;background:var(--tile);display:grid;place-items:center;color:var(--ink2);pointer-events:none}
.row-txt{min-width:0;pointer-events:none}
.row-t{font:500 14px/1.25 var(--disp);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.row-s{font-size:12px;color:var(--ink2);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.row-x{display:none}
.row-take{position:relative;z-index:2;width:36px;height:36px;border-radius:50%;background:var(--tile);display:grid;place-items:center;color:var(--ink)}
.row-take.on{background:var(--lime);color:var(--limeink)}
.more{display:flex;justify-content:center;margin-top:20px}
.empty{padding:34px 18px;text-align:center;border-radius:16px;background:var(--tile);color:var(--ink2)}

/* разбор */
.tri{flex:1 1 auto;min-height:0;background:var(--head);color:#fff;display:flex;flex-direction:column;padding:12px 16px 18px}
.gid.tall .tri{min-height:100vh}
.tri-top{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px}
.tri-x{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.12);display:grid;place-items:center;color:#fff}
.tri-count{font:500 14px var(--disp)}
.tri-bar{height:4px;border-radius:2px;background:rgba(255,255,255,.18);margin:8px 0 14px;overflow:hidden}
.tri-bar i{display:block;height:100%;background:var(--lime);border-radius:2px}
.tri-stage{position:relative;flex:1 1 auto;min-height:0}
.tri-card{position:absolute;inset:0;border-radius:18px;overflow:hidden;background:#111;touch-action:none;cursor:grab}
.tri-card.back{transform:scale(.95) translateY(10px);opacity:.5}
.tri-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.tri-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(0,0,0,.88) 100%);pointer-events:none}
.tri-cap{position:absolute;left:16px;right:16px;bottom:16px;z-index:2;pointer-events:none}
.tri-cap h3{font:600 24px/1.12 var(--disp);letter-spacing:-.03em;margin:3px 0 7px}
.tri-cap p{font-size:14px;line-height:1.35;color:rgba(255,255,255,.88)}
.tri-tag{position:absolute;top:14px;z-index:3;padding:6px 12px;border-radius:100px;font:700 15px var(--disp);pointer-events:none}
.tri-tag.yes{left:14px;background:var(--lime);color:var(--limeink)}
.tri-tag.no{right:14px;background:#fff;color:#272824}
.tri-btns{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:16px}
.tri-b{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.12);color:#fff}
.tri-b.small{width:46px;height:46px}
.tri-b.yes{background:var(--lime);color:var(--limeink);width:72px;height:72px}
.tri-done{margin:auto 0;text-align:center}
.tri-done h2{font:600 30px/1.1 var(--disp);letter-spacing:-.035em;margin-bottom:10px}
.tri-done p{color:rgba(255,255,255,.8);margin-bottom:22px}

/* вход */
.login{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;background:var(--head);color:#fff;position:relative;overflow:hidden}
.gid.tall .login{min-height:100vh}
.login-art{position:relative;flex:1 1 auto;min-height:0;background:var(--lime);overflow:hidden;color:var(--limeink)}
.login-word{position:absolute;left:18px;top:18px;display:flex;align-items:center;gap:7px;font:500 22px/1 var(--disp);letter-spacing:.05em;z-index:1}
.login-word i{font:600 12.5px/1 var(--disp);letter-spacing:0;background:var(--limeink);color:var(--lime);padding:3px 6px 4px;border-radius:6px}
.login-big{position:absolute;left:14px;right:8px;top:58px;font:700 84px/.88 var(--disp);letter-spacing:-.06em;z-index:1}
.login-poly{position:absolute;right:-22px;bottom:-34px;width:78%;z-index:2}
.login-body{flex:none;padding:22px 18px 24px}
.login-body h1{font:600 26px/1.12 var(--disp);letter-spacing:-.03em;margin-bottom:8px}
.login-body p{font-size:14.5px;color:rgba(255,255,255,.8)}
.login-body .btn{margin:18px 0 12px}
.login-lock{display:flex;align-items:center;gap:8px;font-size:13px;color:rgba(255,255,255,.72)}
.sheet-bg{position:absolute;inset:0;background:rgba(10,12,9,.55);z-index:20;display:flex;align-items:flex-end}
.sheet{width:100%;background:#17212B;color:#fff;border-radius:18px 18px 0 0;padding:14px 14px 18px}
.sheet-h{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-size:14px;color:rgba(255,255,255,.8)}
.sheet-av{width:34px;height:34px;border-radius:50%;background:var(--lime);color:var(--limeink);display:grid;place-items:center;font:700 13px var(--disp)}
.bub{background:#182533;border-radius:14px;padding:11px 13px;font:400 15px/1.38 var(--body)}
.bub b{font-weight:600}
.bub-btns{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:7px}
.bub-btn{min-height:44px;border-radius:10px;background:#2B5278;color:#fff;font-size:14.5px;font-weight:500;text-align:center;display:flex;align-items:center;justify-content:center}
.bub-btn.ok{background:#2E9E5B}.bub-btn.no{background:#C24A3B}

/* новость */
.crumb{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--ink2);margin-bottom:12px;min-height:30px}
.crumb button{display:inline-flex;align-items:center;gap:4px;min-height:44px;margin:-7px 0;color:var(--ink2)}
.nw{display:flex;flex-direction:column;gap:22px}
.nw-l,.nw-r{display:contents}
.o1{order:1}.o2{order:2}.o3{order:3}.o4{order:4}.o5{order:5}.o6{order:6}.o7{order:7}
.gal{position:relative;border-radius:16px;overflow:hidden;background:var(--tile2);aspect-ratio:1/1}
.gal img{width:100%;height:100%;object-fit:cover}
.gal-n{position:absolute;right:12px;top:12px;padding:5px 11px;border-radius:100px;background:rgba(32,38,27,.62);color:#fff;font-size:13px}
.gal-q{position:absolute;left:12px;top:12px;padding:5px 10px;border-radius:100px;font-size:12.5px;font-weight:500;background:rgba(32,38,27,.62);color:#fff;display:inline-flex;align-items:center;gap:6px}
.dot{width:8px;height:8px;border-radius:50%;flex:none;background:#fff}
.dot.hd{background:var(--lime)}.dot.mid{background:#F2C94C}.dot.low{background:#EF6B57}
.gal-go{position:absolute;top:50%;margin-top:-22px;width:44px;height:44px;border-radius:50%;background:rgba(32,38,27,.45);color:#fff;display:grid;place-items:center}
.gal-go.l{left:10px}.gal-go.r{right:10px}
.gal-none{height:100%;display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;color:var(--ink2);text-align:center;padding:24px}
.thumbs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin-top:8px}
.thumbs::-webkit-scrollbar{display:none}
.thumb{flex:none;width:72px;height:54px;border-radius:9px;overflow:hidden;opacity:.72;background:var(--tile2)}
.thumb img{width:100%;height:100%;object-fit:cover}
.thumb.on{opacity:1;box-shadow:0 0 0 2px var(--ink)}
.kick{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font:600 12px/1.3 var(--disp);letter-spacing:.09em;text-transform:uppercase;color:var(--ink2)}
.kick u{text-decoration:none;border-bottom:2px solid var(--lime);color:var(--ink)}
.nw h1{font:600 28px/1.12 var(--disp);letter-spacing:-.035em;margin:10px 0 8px}
.nw-when{font:500 22px/1.2 var(--disp);letter-spacing:-.025em}
.nw-hook{font-size:14.5px;color:var(--ink2);margin-top:4px}
.cta{display:flex;gap:10px;margin-top:16px}
.cta-note{font-size:13px;color:var(--ink2);margin-top:9px}
.h3{font:600 20px/1.2 var(--disp);letter-spacing:-.025em}
.kv{margin-top:6px}
.kv div{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--line);font-size:14.5px}
.kv .k{color:var(--ink2);flex:none}
.kv .v{font-weight:500;text-align:right;min-width:0}
.facts{margin-top:10px;border-top:1px solid var(--line)}
.fact{position:relative;display:flex;align-items:center;gap:12px;width:100%;min-height:46px;padding:9px 0;border-bottom:1px solid var(--line);font-size:14.5px;line-height:1.32;text-align:left}
.fact span{flex:1;min-width:0}
.fact .ic{color:var(--ink2)}
.sec-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.sec-top .h3{margin-right:auto}
.sec-sub{font-size:13.5px;color:var(--ink2);margin-top:3px}
.phs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:12px}
.ph{position:relative;aspect-ratio:4/5;border-radius:10px;overflow:hidden;background:var(--tile2);display:block;width:100%}
.ph img{width:100%;height:100%;object-fit:cover}
.ph.off img{opacity:.55}
.ph-q{position:absolute;left:5px;bottom:5px;padding:2px 6px 3px;border-radius:7px;background:rgba(20,22,18,.72);color:#fff;font-size:10.5px;display:inline-flex;align-items:center;gap:4px}
.ph-q .dot{width:6px;height:6px}
.ph-c{position:absolute;right:5px;top:5px;width:24px;height:24px;border-radius:50%;background:rgba(20,22,18,.45);border:1.5px solid #fff;color:transparent;display:grid;place-items:center}
.ph.on .ph-c{background:var(--lime);border-color:var(--lime);color:var(--limeink)}
.ph-w{position:absolute;left:5px;top:5px;padding:2px 6px 3px;border-radius:7px;background:rgba(185,58,38,.94);color:#fff;font-size:10.5px}
.ph-f{position:absolute;left:5px;top:5px;padding:2px 6px 3px;border-radius:7px;background:rgba(20,22,18,.72);color:var(--lime);font-size:10.5px;max-width:calc(100% - 38px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ph-acts{display:flex;gap:8px;margin-top:10px}
.ph-acts .btn{flex:1;padding:0 10px;font-size:13.5px}
.note{display:flex;align-items:flex-start;gap:9px;padding:11px 13px;border-radius:12px;background:var(--tile);font-size:13.5px;line-height:1.35;margin-top:10px}
.note .ic{margin-top:1px}
.covers{display:grid;gap:7px;margin-top:10px}
.cover-o{display:flex;align-items:center;gap:10px;width:100%;min-height:46px;padding:9px 13px;border-radius:12px;background:var(--tile);font:500 15px/1.25 var(--disp);text-align:left}
.cover-o span{flex:1}
.cover-o.on{background:var(--ink);color:var(--bg)}
.label{font:600 12px/1.3 var(--disp);letter-spacing:.08em;text-transform:uppercase;color:var(--ink2);margin-top:16px}
.topics{margin-top:8px;border-top:1px solid var(--line)}
.topic{display:grid;grid-template-columns:26px minmax(0,1fr) 24px;gap:9px;align-items:start;width:100%;padding:11px 0;border-bottom:1px solid var(--line);text-align:left}
.topic i{width:24px;height:24px;border-radius:50%;background:var(--tile);display:grid;place-items:center;font:600 12px var(--disp);font-style:normal}
.topic b{display:block;font:600 15px/1.25 var(--disp)}
.topic p{font-size:14px;line-height:1.32;margin-top:2px}
.topic small{display:block;font-size:12.5px;color:var(--ink2);margin-top:3px}
.topic .ic{color:var(--ink2);margin-top:2px}
.mic{margin-top:12px;padding:14px;border-radius:16px;background:var(--forest);color:var(--cream)}
.mic h3{font:600 17px/1.2 var(--disp);letter-spacing:-.02em;margin-bottom:3px}
.mic p{font-size:13.5px;line-height:1.35;color:rgba(245,245,235,.82)}
.mic-q{display:grid;gap:5px;margin:10px 0 12px}
.mic-q .mq{display:block;font-size:13.5px;line-height:1.3;padding:7px 11px;border-radius:10px;background:rgba(255,255,255,.09);color:var(--cream)}
.mic-row{display:flex;align-items:center;gap:10px}
.mic-b{flex:none;width:52px;height:52px;border-radius:50%;background:var(--lime);color:var(--limeink);display:grid;place-items:center}
.mic-b.rec{background:#EF6B57;color:#fff}
.waves{display:flex;align-items:center;gap:3px;height:30px;flex:1}
.waves i{flex:1;max-width:5px;background:var(--lime);border-radius:2px;animation:wv 1s ease-in-out infinite}
.waves i:nth-child(2n){animation-delay:.2s}.waves i:nth-child(3n){animation-delay:.45s}.waves i:nth-child(5n){animation-delay:.7s}
@keyframes wv{0%,100%{height:22%}50%{height:96%}}
.mic-t{font:500 15px var(--disp)}
.mic-heard{padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.1);font-size:14.5px;line-height:1.38;margin:8px 0 10px}
.mic-acts{display:flex;gap:7px;flex-wrap:wrap}
.mic-acts .btn{min-height:44px;font-size:13.5px;padding:0 14px;flex:1}
.mic-acts .ghost{background:rgba(255,255,255,.12);color:var(--cream)}
.post{display:block;width:100%;margin-top:10px;padding:13px 14px;border:1px solid var(--tile2);border-radius:14px;background:var(--card);color:var(--ink);font:400 15.5px/1.42 var(--body);resize:vertical;outline:0}
.post:focus{border-color:var(--ink)}
.post-foot{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px}
.count{font-size:12.5px;color:var(--ink2);margin-right:auto}
.old-link{display:block;margin:4px auto 0;font-size:13px;color:var(--ink2);text-decoration:underline;text-align:center;min-height:44px}

/* сборка */
.bar{flex:none;display:flex;align-items:center;gap:8px;min-height:52px;padding:0 10px 0 6px;border-bottom:1px solid var(--line);background:var(--bg);z-index:5}
.bar-b{width:44px;height:44px;display:grid;place-items:center}
.bar-t{flex:1;min-width:0}
.bar-t b{display:block;font:600 15px/1.2 var(--disp)}
.bar-t small{display:block;font-size:12px;color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bd{display:flex;flex-direction:column;gap:12px;padding:12px 16px 20px}
.bd-l,.bd-r{display:flex;flex-direction:column;gap:12px;min-width:0}
.stage{position:relative;width:100%}
.stage.narrow{max-width:262px;margin:0 auto}
.sl{position:relative;width:100%;aspect-ratio:4/5;border-radius:12px;overflow:hidden;container-type:inline-size;background:var(--tile2);display:block}
.sl.story{aspect-ratio:9/16}
.sl-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.sl-dim{position:absolute;inset:0;background:#000;pointer-events:none}
.sl-tx{position:absolute;left:6%;right:6%;z-index:1;color:#fff;font-family:var(--disp);font-weight:600;line-height:1.1;letter-spacing:-.025em;white-space:pre-wrap;touch-action:none;cursor:grab;user-select:none}
.sl-poly{position:absolute;right:-5%;bottom:-6%;width:60%;z-index:2;pointer-events:none;max-width:none}
.sl.lime{background:var(--lime)}.sl.lime .sl-tx{color:var(--limeink);font-weight:700;letter-spacing:-.05em;line-height:.95}
.sl.dark{background:#292C28}.sl.dark .sl-tx{color:var(--lime);font-weight:700;letter-spacing:-.05em;line-height:.95}
.sl.photo .sl-tx{font-weight:700;letter-spacing:-.045em;line-height:.98}
.sl-mark{position:absolute;left:6%;bottom:4.5%;z-index:1;font:600 3.6cqw/1 var(--disp);color:var(--limeink);pointer-events:none}
.sl.dark .sl-mark,.sl.photo .sl-mark{color:#fff}
.drag-hint{position:absolute;right:8px;top:8px;z-index:3;padding:6px 12px;border-radius:100px;background:rgba(20,22,18,.72);color:#fff;font-size:12.5px;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;pointer-events:none}
.strip{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px}
.strip::-webkit-scrollbar{display:none}
.st-th{position:relative;flex:none;width:52px;display:block}
.st-th .sl{border-radius:7px}
.st-th.on{box-shadow:0 0 0 2px var(--ink);border-radius:8px}
.st-th small{position:absolute;left:3px;top:3px;z-index:3;min-width:16px;height:16px;padding:0 3px;border-radius:5px;background:rgba(20,22,18,.72);color:#fff;font-size:10px;line-height:16px;text-align:center}
.st-add{flex:none;width:52px;height:65px;border-radius:7px;background:var(--tile);display:grid;place-items:center;color:var(--ink2)}
.tool-l{font:600 12px/1.3 var(--disp);letter-spacing:.07em;text-transform:uppercase;color:var(--ink2);margin-bottom:6px}
.chips{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:0 16px 2px}
.chips::-webkit-scrollbar{display:none}
.chip{flex:none;max-width:236px;min-height:44px;padding:6px 12px;border-radius:12px;background:var(--tile);font-size:13px;line-height:1.22;text-align:left;display:flex;align-items:center}
.chip.on{background:var(--ink);color:var(--bg)}
.tx-in{display:block;width:100%;min-height:62px;padding:9px 12px;border:1px solid var(--tile2);border-radius:12px;background:var(--card);color:var(--ink);font:500 15px/1.3 var(--disp);resize:none;outline:0}
.sliders{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sl-c label{display:flex;justify-content:space-between;font-size:12.5px;color:var(--ink2);margin-bottom:2px}
.sl-c input{width:100%;height:30px;accent-color:#272824;margin:0}
.gid.dark .sl-c input{accent-color:#BEF264}
.tools{display:flex;gap:7px;flex-wrap:wrap}
.tools .pill{min-height:44px}
.fmt{margin-left:auto}
.styles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.style-o{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:48px;border-radius:12px;background:var(--tile);font-size:13px;font-weight:500;text-align:center;padding:4px}
.style-o.on{background:var(--ink);color:var(--bg)}

/* готово */
.rd{display:flex;flex-direction:column;gap:16px;padding:18px 16px 24px}
.rd-sl{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:0 16px}
.rd-sl::-webkit-scrollbar{display:none}
.rd-sl .sl{flex:none;width:112px;border-radius:9px}
.rd-steps{display:grid;gap:9px}
.step{display:flex;align-items:center;gap:12px;width:100%;min-height:62px;padding:9px 12px;border-radius:14px;background:var(--tile);text-align:left}
.step i{flex:none;width:34px;height:34px;border-radius:50%;background:var(--ink);color:var(--bg);display:grid;place-items:center;font:600 14px var(--disp);font-style:normal}
.step.done i{background:var(--lime);color:var(--limeink)}
.step b{display:block;font:600 15px/1.2 var(--disp)}
.step .st-t{display:block;min-width:0}
.step .sub{display:block;font-style:normal;font-size:13px;color:var(--ink2);margin-top:1px}
.step.main{background:var(--lime);color:#253024}.step.main .sub{color:#3A4A2C}.step.main i{background:#253024;color:var(--lime)}
.quote{padding:12px 14px;border-radius:14px;border:1px solid var(--tile2);font-size:14px;line-height:1.4;white-space:pre-wrap;max-height:158px;overflow:hidden;position:relative}
.quote::after{content:"";position:absolute;left:0;right:0;bottom:0;height:40px;background:linear-gradient(180deg,transparent,var(--bg))}

/* в работе */
.wk{display:grid;gap:10px;margin-top:6px}
.wk-c{position:relative;display:grid;grid-template-columns:78px minmax(0,1fr);gap:12px;padding:10px;border-radius:16px;background:var(--tile)}
.wk-c img,.wk-noimg{width:78px;height:98px;border-radius:10px;object-fit:cover;background:var(--tile2)}
.wk-hit{position:absolute;inset:0;width:100%;height:100%;z-index:1}
.wk-t{font:600 15px/1.22 var(--disp);letter-spacing:-.015em;margin:5px 0 3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.wk-s{font-size:13px;color:var(--ink2)}
.st-pill{display:inline-block;padding:2px 9px;border-radius:100px;font-size:12px;font-weight:500;background:var(--card)}
.st-pill.draft{background:var(--gold);color:#3D3206}
.st-pill.ready{background:var(--lime);color:var(--limeink)}
.st-pill.done{background:var(--ink);color:var(--bg)}
.gid.dark .st-pill.raw{color:var(--ink)}

/* источники и кабинет */
.src-top{padding:15px;border-radius:16px;background:var(--forest);color:var(--cream)}
.src-top b{display:block;font:600 17px/1.2 var(--disp);letter-spacing:-.02em}
.src-top p{font-size:13.5px;color:rgba(245,245,235,.82);margin:3px 0 12px}
.prog{height:6px;border-radius:3px;background:rgba(255,255,255,.18);overflow:hidden;margin:2px 0 8px}
.prog i{display:block;height:100%;background:var(--lime);border-radius:3px}
.srcs{margin-top:12px;border-top:1px solid var(--line)}
.src{display:flex;align-items:center;gap:11px;min-height:56px;padding:8px 0;border-bottom:1px solid var(--line)}
.src-av{flex:none;width:36px;height:36px;border-radius:50%;background:var(--tile);display:grid;place-items:center;font:600 13px var(--disp);text-transform:uppercase}
.src-t{flex:1;min-width:0}
.src-t b{display:block;font:500 14.5px/1.25 var(--disp)}
.src-t .sub{display:block;font-style:normal;font-size:12.5px;color:var(--ink2)}
.sw{flex:none;position:relative;width:46px;height:28px;border-radius:14px;background:var(--tile2)}
.sw i{position:absolute;left:3px;top:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25)}
.sw.on{background:var(--ink)}.sw.on i{left:21px;background:var(--lime)}
.rule{display:flex;align-items:flex-start;gap:10px;padding:11px 0;border-bottom:1px solid var(--line);font-size:14.5px;line-height:1.35}
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}
.stat{padding:12px 10px;border-radius:14px;background:var(--tile)}
.stat b{display:block;font:600 19px/1.15 var(--disp);letter-spacing:-.025em}
.stat span{display:block;font-size:12px;line-height:1.25;color:var(--ink2);margin-top:3px}
.person{display:flex;align-items:center;gap:11px;padding:10px 0;border-bottom:1px solid var(--line)}
.person img,.person .pav{flex:none;width:42px;height:42px;border-radius:50%;object-fit:cover;background:var(--lime);color:var(--limeink);display:grid;place-items:center;font:700 16px var(--disp)}
.person b{display:block;font:500 15px/1.2 var(--disp)}
.person span{display:block;font-size:12.5px;color:var(--ink2)}
.sect{margin-top:26px}

/* всплывашка */
.toast{position:absolute;left:50%;bottom:76px;transform:translateX(-50%);z-index:30;max-width:calc(100% - 32px);padding:10px 16px;border-radius:100px;background:#272824;color:#fff;font-size:13.5px;line-height:1.25;text-align:center;box-shadow:0 8px 24px rgba(0,0,0,.25);pointer-events:none;width:max-content}
.gid.dark .toast{background:#F5F5EB;color:#272824}

.gid.mini .bar-b{display:none}
.gid.mini .bar{padding-left:16px}
.tile.extra{display:none}
.gid.tall .toast{position:fixed}
.stage{max-width:306px;margin:0 auto}
.more-tiles{margin-top:12px}

/* компьютер */
@container gid (min-width:900px){
  .tile.extra{display:block}
  .more-tiles{display:none}
  .stage{max-width:none}
  .head{padding:0 max(24px,calc((100cqw - 1280px)/2))}
  .head-nav{display:flex;gap:24px;margin-left:auto}
  .head-nav button{position:relative;min-height:44px;font:500 14px/1 var(--disp);color:rgba(255,255,255,.82);display:flex;align-items:center;gap:6px}
  .head-nav button.on{color:#fff}
  .head-nav button.on::after{content:"";position:absolute;left:0;right:0;bottom:6px;height:2px;background:var(--lime)}
  .head-nav em{font-style:normal;font-size:11px;line-height:16px;min-width:16px;padding:0 4px;border-radius:8px;background:var(--lime);color:var(--limeink);text-align:center;font-weight:600}
  .who{margin-left:24px;padding-left:20px;border-left:1px solid rgba(255,255,255,.18)}
  .tabs{display:none}
  .act{justify-content:flex-end;padding:12px max(24px,calc((100cqw - 1280px)/2))}
  .act .btn.grow{flex:none;min-width:280px}
  .pad{max-width:1328px;width:100%;margin:0 auto;padding:28px 24px 56px}
  .h1{font-size:48px;margin:14px 0 20px}
  .search{max-width:576px}
  .tiles{grid-template-columns:repeat(5,minmax(0,1fr))}
  .tile h3{font-size:18px}
  .ranks{grid-template-columns:repeat(12,minmax(0,1fr))}
  .p1{grid-column:span 6;height:290px}.p1 .rank-no b{font-size:104px}.p1 .rank-no i{font-size:25px}
  .p2,.p3{grid-column:span 3;height:290px}.p2 .rank-no b,.p3 .rank-no b{font-size:72px}
  .p4,.p5,.p6,.p7{grid-column:span 3;height:237px}.p4 .rank-no b,.p5 .rank-no b,.p6 .rank-no b,.p7 .rank-no b{font-size:52px}.p4 .rank-no i,.p5 .rank-no i,.p6 .rank-no i,.p7 .rank-no i{font-size:13px}
  .p4 .rank-cap,.p5 .rank-cap,.p6 .rank-cap{left:13px;right:13px;bottom:12px}.p4 .rank-no,.p5 .rank-no,.p6 .rank-no{left:13px;top:9px}
  .p4 .rank-cap h3,.p5 .rank-cap h3,.p6 .rank-cap h3{font-size:15px;font-weight:600;margin:2px 0 3px;-webkit-line-clamp:3}
  .p4 .rank-kick,.p5 .rank-kick,.p6 .rank-kick,.p4 .rank-meta,.p5 .rank-meta,.p6 .rank-meta{display:flex}
  .p4 .rank-take,.p5 .rank-take,.p6 .rank-take{top:10px;right:10px;width:36px;height:36px}
  .p8,.p9,.p10{grid-column:span 4;height:270px}.p8 .rank-no b,.p9 .rank-no b,.p10 .rank-no b{font-size:64px}
  .row{grid-template-columns:30px 62px minmax(0,3fr) minmax(0,1.3fr) 110px 36px;gap:14px;padding:5px 0}
  .row-x{display:block;font-size:13px;color:var(--ink2);pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .row-s{display:none}
  .row-t{-webkit-line-clamp:1}
  .row-img,.row-noimg{width:62px;height:38px}
  .nw{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start}
  .nw-l,.nw-r{display:flex;flex-direction:column;gap:30px;min-width:0}
  .gal{aspect-ratio:4/3}
  .phs{grid-template-columns:repeat(4,minmax(0,1fr))}
  .nw h1{font-size:40px;margin:12px 0 10px}
  .chips,.row-pills,.rd-sl{margin:0;padding:0 0 2px}
  .bd{display:grid;grid-template-columns:minmax(0,430px) minmax(0,1fr);gap:48px;max-width:1120px;width:100%;margin:0 auto;padding:28px 24px 56px;align-items:start}
  .chips{flex-wrap:wrap;overflow:visible}
  .chip{flex:0 1 auto;max-width:320px}
  .rd{max-width:760px;width:100%;margin:0 auto;padding:32px 24px 56px}
  .wk{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gid.tall .tri{align-items:center}
  .tri-top,.tri-bar,.tri-stage{width:100%;max-width:420px}
  .toast{bottom:24px}
}

/* Сашин макет «Вечер»: слайды выглядят как его карусели, лайм остаётся только в интерфейсе */
.sl{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display",Onest,sans-serif}
.sl-img.blur{inset:-3%;width:106%;height:106%;max-width:none;filter:blur(3px) brightness(.55)}
.sl-shade{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.45),rgba(0,0,0,0) 18%,rgba(0,0,0,0) 36%,rgba(0,0,0,.9) 78%)}
.sl.cover .sl-shade{background:linear-gradient(180deg,rgba(0,0,0,.4),rgba(0,0,0,0) 20%,rgba(0,0,0,0) 42%,rgba(0,0,0,.85) 82%)}
.sl.final .sl-shade{background:linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.65))}
.sl.clean .sl-shade{display:none}
.sl-dim{z-index:1}
.sl-brand{position:absolute;top:3.4%;left:5%;z-index:3;color:#fff;font-weight:800;font-size:3.7cqw;letter-spacing:-.02em;line-height:1;text-shadow:0 .15cqw .8cqw rgba(0,0,0,.4);pointer-events:none}
.sl-brand i{display:inline-block;width:1.2cqw;height:1.2cqw;border-radius:50%;background:#E5362B;margin-left:.5cqw;vertical-align:.2cqw}
.sl-block{position:absolute;left:5%;right:5%;z-index:2;color:#fff;touch-action:none;cursor:grab;user-select:none}
.sl-k{font-weight:600;font-size:3.6cqw;line-height:1.2;letter-spacing:-.01em;margin-bottom:1.2cqw;text-shadow:0 .3cqw 2cqw rgba(0,0,0,.55)}
.sl-t{font-weight:800;letter-spacing:-.025em;line-height:.94;text-wrap:balance}
.sl-p{font-weight:500;font-size:3.5cqw;line-height:1.34;letter-spacing:-.01em;margin-top:1.8cqw;color:rgba(255,255,255,.92);text-wrap:pretty}
.sl-pills{display:flex;flex-wrap:wrap;gap:1.4cqw;margin-top:2.4cqw}
.sl-pill{display:inline-flex;align-items:center;gap:1cqw;border:.3cqw solid #fff;border-radius:99px;padding:1cqw 2.2cqw;font-weight:600;font-size:2.8cqw;line-height:1.2;letter-spacing:-.01em;white-space:nowrap}
.sl-pill.on{background:#fff;color:#141414}
.sl-pill.on::before{content:"";width:1.7cqw;height:1.7cqw;border-radius:50%;background:#E5362B;flex:none}
.sl-cta{display:inline-flex;align-items:center;gap:1.6cqw;margin-top:3.4cqw;background:#fff;color:#141414;border-radius:99px;padding:1.8cqw 3.6cqw;font-weight:700;font-size:3.2cqw;line-height:1.2;letter-spacing:-.01em;white-space:nowrap}
.sl-cta i{width:1.6cqw;height:1.6cqw;border-radius:50%;background:#E5362B;flex:none}
.st-th .sl-img{pointer-events:none}
.stage{max-width:280px}
.bd-tabs{flex:none;padding:8px 16px;border-bottom:1px solid var(--line);background:var(--bg);z-index:5}
.bd-tabs .seg{display:flex}
.bd-tabs .seg button{flex:1}
.about{display:flex;align-items:center;gap:8px;width:100%;min-height:44px;padding:6px 12px;border-radius:12px;background:var(--tile);font-size:13px;line-height:1.25;text-align:left}
.about span{flex:1;min-width:0}
.about b{font-weight:600}
.in{display:block;width:100%;height:44px;padding:0 12px;border:1px solid var(--tile2);border-radius:12px;background:var(--card);color:var(--ink);font:600 15px var(--disp);outline:0}
.in:focus,.tx-in:focus{border-color:var(--ink)}
.tx-in.sm{font-weight:400;font-family:var(--body);font-size:14px;line-height:1.35}
.fields{display:grid;gap:7px}
.chip b{display:block;font:600 13px/1.2 var(--disp)}
.chip em{display:block;font-style:normal;font-size:12px;line-height:1.25;opacity:.72;margin-top:1px}
.chip.wide{max-width:262px;align-items:flex-start;flex-direction:column;min-height:58px;justify-content:center}
.pill.tag{min-height:40px}
.own-row{display:flex;gap:8px}
.own-b{position:relative;flex:1;min-width:0;height:88px;border-radius:10px;overflow:hidden;background:var(--tile2)}
.own-b img{width:100%;height:100%;object-fit:cover}
.own-b span{position:absolute;left:5px;bottom:5px;padding:2px 6px 3px;border-radius:7px;background:rgba(20,22,18,.72);color:#fff;font-size:11px}
.own-b.on{box-shadow:0 0 0 2px var(--ink)}
.own-gen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px;background:var(--tile);font-size:11.5px;line-height:1.2;text-align:center;color:var(--ink)}
.bd-text{display:flex;flex-direction:column;gap:12px;padding:14px 16px 24px;max-width:640px;width:100%;margin:0 auto}
.bd-text .mic{margin-top:0}
.bd-text .post{margin-top:0}
.added{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:var(--gold);color:#3D3206;font-size:13.5px;line-height:1.3}
.added span{flex:1;min-width:0}
.added .pill{background:#3D3206;color:#fff;flex:none}

/* подборки в ленте */
.cols{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:0 16px 2px}
.cols::-webkit-scrollbar{display:none}
.col{position:relative;flex:none;display:block;width:254px;padding:12px;border-radius:16px;background:var(--tile);text-align:left}
.col .arr{position:absolute;top:13px;right:11px;width:17px;height:17px}
.col-imgs{display:flex;padding-left:14px;margin-bottom:10px;height:64px}
.col-imgs img{width:64px;height:64px;border-radius:12px;object-fit:cover;border:2px solid var(--tile);margin-left:-14px;background:var(--tile2)}
.col-k{display:block;font-size:12px;color:var(--ink2)}
.col-t{display:block;font:600 16px/1.2 var(--disp);letter-spacing:-.015em;margin:1px 0 3px}
.col-w{display:block;font-size:12.5px;line-height:1.3;color:var(--ink2)}
.col-n{display:block;font:600 12.5px var(--disp);margin-top:6px}

/* в работе */
.wk-h{display:flex;align-items:baseline;gap:8px;margin:20px 0 8px}
.wk-h span{font-size:13px;color:var(--ink2)}
.picks{border-top:1px solid var(--line)}
.pick{position:relative;display:grid;grid-template-columns:34px 56px minmax(0,1fr) 24px;gap:9px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}
.chk{width:30px;height:30px;border-radius:50%;border:1.6px solid var(--ink2);display:grid;place-items:center;color:transparent}
.pick.on .chk{background:var(--lime);border-color:var(--lime);color:var(--limeink)}
.pick img,.pick .no{width:56px;height:56px;border-radius:9px;object-fit:cover;background:var(--tile2)}
.pick-go{display:grid;place-items:center;height:44px;color:var(--ink2)}
.pick-t{font:500 14px/1.25 var(--disp);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pick-s{font-size:12px;color:var(--ink2);margin-top:1px}

/* плюсик: что добавить в пост */
.add{width:100%;max-height:86%;overflow-y:auto;background:var(--bg);color:var(--ink);border-radius:18px 18px 0 0;padding:14px 16px 18px}
.add-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.add-h b{font:600 19px/1.2 var(--disp);letter-spacing:-.02em}
.add-x{width:44px;height:44px;display:grid;place-items:center;margin:-6px -8px -6px 0}
.add .seg{display:flex}
.add .seg button{flex:1}
.add-row{display:grid;grid-template-columns:52px minmax(0,1fr) 36px;gap:10px;align-items:center;width:100%;padding:7px 0;border-bottom:1px solid var(--line);text-align:left}
.add-row img,.add-row .no{width:52px;height:52px;border-radius:9px;object-fit:cover;background:var(--tile2)}
.add-row .row-take{pointer-events:none}
.add-row.off{opacity:.5}
.add-t{font:500 13.5px/1.25 var(--disp);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.add-s{font-size:12px;color:var(--ink2);margin-top:1px}
.add-ph{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:10px}
.add-ph button{position:relative;aspect-ratio:4/5;border-radius:10px;overflow:hidden;background:var(--tile2)}
.add-ph img{width:100%;height:100%;object-fit:cover}
.add-ph span{position:absolute;left:5px;bottom:5px;padding:2px 6px 3px;border-radius:7px;background:rgba(20,22,18,.72);color:#fff;font-size:10.5px;max-width:calc(100% - 10px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

@container gid (min-width:900px){
  .stage{max-width:none}
  .cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible;margin:0;padding:0}
  .col{width:auto}
  .sheet-bg{align-items:center;justify-content:center}
  .add{max-width:560px;border-radius:18px;max-height:80%}
  .wk-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:start}
  .bd-tabs{display:flex;justify-content:center}
  .bd-tabs .seg{min-width:340px}
}

/* плитки: можно выбрать несколько */
.tile h3{padding-right:26px}
.tile-chk{position:absolute;top:10px;right:10px;width:24px;height:24px;border-radius:50%;border:1.5px solid currentColor;display:grid;place-items:center;opacity:.45}
.tile-chk .ic{opacity:0}
.tile.on{outline:0;background:var(--head);color:#fff}
.tile.on p{color:rgba(255,255,255,.72)}
.tile.on .tile-chk{background:var(--lime);border-color:var(--lime);color:var(--limeink);opacity:1}
.tile.on .tile-chk .ic{opacity:1}
.tile.hot.on{background:var(--forest);box-shadow:inset 0 0 0 2px var(--lime)}
.tile.hot.on p{color:var(--lime2)}
.gid.dark .tile.on:not(.hot){background:var(--cream);color:#1D1E1B}
.gid.dark .tile.on:not(.hot) p{color:rgba(29,30,27,.7)}
.tile-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding:7px 7px 7px 14px;border-radius:100px;background:var(--tile);font-size:13.5px;line-height:1.25}
.tile-bar .pill{flex:none;background:var(--ink);color:var(--bg)}
.add-cats{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:8px -16px 4px;padding:0 16px 2px}
.add-cats::-webkit-scrollbar{display:none}
.add-cats .pill{flex:none}

/* слайд: всё лежит слоями и двигается */
.sl.edit{touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none}
.sl.edit:active{cursor:grabbing}
.sl.noshade .sl-shade{display:none}
.sl-block{right:auto;width:max-content}
.sl-block.c{text-align:center}
.sl-block.c .sl-pills{justify-content:center}
.sl-block.r{text-align:right}
.sl-block.r .sl-pills{justify-content:flex-end}
.sl.edit .sl-brand{pointer-events:auto;cursor:grab}
.sl-brand.souz{width:7.4cqw;filter:drop-shadow(0 .15cqw .6cqw rgba(0,0,0,.35))}
.sl-brand.souz svg{display:block;width:100%;height:auto}
.sl-pills.free{position:absolute;z-index:3;margin:0;color:#fff;max-width:90%;width:max-content}
.sl.edit .sl-pills{cursor:grab}
.layer.on,.sl-st.on{outline:1.5px dashed var(--lime);outline-offset:.9cqw;border-radius:1cqw}
.sl-st{position:absolute;z-index:4;filter:drop-shadow(0 .2cqw .7cqw rgba(0,0,0,.42))}
.sl.edit .sl-st{cursor:grab}
.sl-st>svg{display:block;width:100%;height:auto;overflow:visible;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}
.sl-lab{display:inline-block;white-space:nowrap;padding:.32em .72em .36em;border-radius:99px;background:currentColor;line-height:1.1}
.sl-lab b{font-weight:700;letter-spacing:-.01em;color:#141414}
.sl-st.k .sl-lab b,.sl-st.r .sl-lab b{color:#fff}
.st-x{position:absolute;top:-12px;right:-12px;width:24px;height:24px;border-radius:50%;background:#fff;color:#141414;display:none;place-items:center;box-shadow:0 1px 5px rgba(0,0,0,.45)}
.st-x .ic{width:13px;height:13px;stroke-width:2.2}
.sl-st.on .st-x{display:grid}

/* безопасные поля: видны, пока тащишь */
.gd{position:absolute;inset:0;z-index:6;pointer-events:none}
.gd-safe{position:absolute;border:1px dashed var(--lime);box-shadow:0 0 0 999px rgba(0,0,0,.24)}
.gd-safe.out{border-color:#FF6B4A}
.gd-v,.gd-h{position:absolute;background:var(--lime);box-shadow:0 0 6px rgba(190,242,100,.8)}
.gd-v{top:0;bottom:0;width:2px;margin-left:-1px}
.gd-h{left:0;right:0;height:2px;margin-top:-1px}
.gd-h.faint{background:#fff;opacity:.42;height:1px;box-shadow:none}
.gd-tip{position:absolute;left:50%;top:7.5%;transform:translateX(-50%);width:max-content;max-width:88%;padding:5px 10px;border-radius:14px;background:rgba(20,22,18,.84);color:#fff;font-size:11.5px;line-height:1.2;text-align:center}
.gd-tip.out{background:#C8402A}

/* ряд инструментов */
.toolrow{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:3px;padding:3px;border-radius:16px;background:var(--tile)}
.toolrow.td{display:none}
.tl{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:50px;border-radius:13px;font-size:11.5px;line-height:1.1;color:var(--ink2);text-align:center}
.tl .ic{width:20px;height:20px}
.tl.on{background:var(--ink);color:var(--bg)}
.stage.story{max-width:220px}

/* панели инструментов */
.pn{display:flex;flex-direction:column;gap:12px}
.pn .seg{display:flex}
.pn .seg button{flex:1;padding:0 6px}
.pn>.btn,.lp .btn{width:100%}
.pn-hint{font-size:12.5px;line-height:1.35;color:var(--ink2)}
.seg .n{font-style:normal;opacity:.65;margin-left:4px}
.fr-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:-6px;font-size:12.5px;color:var(--ink2)}
.fr-q{display:inline-flex;align-items:center;gap:6px;min-width:0}
.fr-row .pill{flex:none;min-height:34px}
.pk{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.pk-up,.pk-i{position:relative;aspect-ratio:4/5;border-radius:10px;overflow:hidden;background:var(--tile2);display:block}
.pk-up{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:var(--tile);font-size:12.5px;cursor:pointer;color:var(--ink)}
.pk-up input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.pk-gen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:6px;background:var(--tile);font-size:12px;line-height:1.2;text-align:center}
.pk-i img{width:100%;height:100%;object-fit:cover}
.pk-i.on{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--ink);z-index:1}
.pk-q,.pk-f,.pk-w,.pk-tag{position:absolute;left:4px;padding:2px 5px 3px;border-radius:6px;background:rgba(20,22,18,.72);color:#fff;font-size:10.5px;line-height:1.15;max-width:calc(100% - 8px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pk-q{bottom:4px;display:inline-flex;align-items:center;gap:4px}
.pk-q .dot{width:6px;height:6px}
.pk-f{top:4px;color:var(--lime2)}
.pk-w{top:4px;background:#C8402A}
.pk-tag{top:4px;background:var(--lime);color:var(--limeink);font-weight:600}
.pk-run{position:absolute;inset:0;display:grid;place-items:center;background:rgba(20,22,18,.58)}
.spin{display:block;width:20px;height:20px;border-radius:50%;border:2px solid rgba(255,255,255,.3);border-top-color:var(--lime);flex:none;animation:gid-spin 1s linear infinite}
@keyframes gid-spin{to{transform:rotate(360deg)}}
.lp{display:flex;flex-direction:column;gap:6px}
.lp-run{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:var(--forest);color:var(--cream);font-size:13px;line-height:1.3}
.lp-done{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 8px 8px 12px;border-radius:12px;background:var(--lime);color:var(--limeink);font-size:13.5px;line-height:1.25}
.lp-done .pill{flex:none;background:var(--limeink);color:#fff}
.own-pill{display:flex;gap:8px}
.own-pill .in{flex:1;min-width:0;font:400 14px var(--body)}
.own-pill .btn{flex:none;padding:0 14px}
.gl{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.gl-b{aspect-ratio:1;border-radius:10px;background:var(--forest);color:#fff;display:grid;place-items:center;padding:12px}
.gl-b svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.gl.labels{grid-template-columns:repeat(3,minmax(0,1fr))}
.gl.labels .gl-b{aspect-ratio:auto;min-height:44px;padding:6px;font:600 13px/1.1 var(--disp)}
.st-acts{align-items:center}
.col-dot{width:36px;height:36px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--line)}
.col-dot.on{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--ink)}

@container gid (min-width:900px){
  .toolrow.tm{display:none}
  .toolrow.td{display:grid}
  .stage.story{max-width:320px}
  .pk{grid-template-columns:repeat(5,minmax(0,1fr))}
  .gl{grid-template-columns:repeat(8,minmax(0,1fr))}
  .gl.labels{grid-template-columns:repeat(4,minmax(0,1fr))}
  .pn>.btn,.lp .btn{width:auto;align-self:flex-start}
}

/* стиль плашки на выбор */
.pill-rows{border-top:1px solid var(--line)}
.pill-row{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid var(--line)}
.pr-t{flex:1;min-width:0;font-size:13.5px;line-height:1.25}
.pr-st{display:flex;gap:3px;flex:none;padding:3px;border-radius:13px;background:var(--forest)}
.ps{display:grid;place-items:center;width:58px;height:38px;border-radius:10px}
.ps.on{box-shadow:inset 0 0 0 2px var(--lime)}
.ps-s{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;border-radius:99px;border:1.5px solid #fff;color:#fff;font-size:11.5px;font-weight:600;line-height:1}
.ps-s.pd{background:#fff;color:#141414}
.ps-s.pd i{width:6px;height:6px;border-radius:50%;background:#E5362B;flex:none}

/* пустой слайд */
.sl-blank{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1cqw;padding:8cqw;color:rgba(255,255,255,.72);font-size:4cqw;line-height:1.25;text-align:center;pointer-events:none}
.sl-blank b{font-weight:600;font-size:5.6cqw;color:#fff}
.sl.bg-light .sl-blank{color:rgba(20,20,20,.62)}
.sl.bg-light .sl-blank b{color:#141414}
.sl.bg-light .sl-block,.sl.bg-light .sl-brand,.sl.bg-light .sl-pills.free{color:#141414;text-shadow:none}
.sl.bg-light .sl-k{text-shadow:none}
.sl.bg-light .sl-p{color:rgba(20,20,20,.86)}
.sl.bg-light .sl-pill{border-color:#141414}
.sl.bg-light .sl-pill.on{background:#fff;color:#141414}
.sl.bg-light .sl-cta{background:#141414;color:#fff}
.add-blank{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;margin-bottom:12px;border-radius:14px;background:var(--lime);color:var(--limeink);text-align:left}
.add-blank-ic{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--limeink);color:var(--lime)}
.add-blank-t b{display:block;font:600 15px/1.2 var(--disp)}
.add-blank-t em{display:block;font-style:normal;font-size:12.5px;line-height:1.25;margin-top:1px}

/* ряд инструментов теперь прокручивается */
.toolrow{display:flex;overflow-x:auto;scrollbar-width:none}
.toolrow::-webkit-scrollbar{display:none}
.tl{flex:0 0 60px}

/* фото как слой: меньше слайда, несколько на одном слайде */
.sl-pic{position:absolute;z-index:1;display:block;filter:drop-shadow(0 .5cqw 1.4cqw rgba(0,0,0,.32))}
.sl-pic img{display:block;width:100%;height:auto;max-width:none;object-fit:cover;border:0 solid #fff;pointer-events:none}
.sl.edit .sl-pic{cursor:grab}
.sl-pic.on{outline:1.5px dashed var(--lime);outline-offset:.6cqw}
.sl-pic.on .st-x{display:grid}
.st-th .sl-pic{filter:none}
.pic-sel{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:3px}
.pic-sel::-webkit-scrollbar{display:none}
.pic-b{flex:none;width:52px;height:64px;border-radius:9px;overflow:hidden;background:var(--tile2);display:block}
.pic-b img{width:100%;height:100%;object-fit:cover}
.pic-b.on{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--ink)}
.pic-b.add{display:grid;place-items:center;background:var(--tile);color:var(--ink2)}

/* правка фото */
.sl-vig{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at center,rgba(0,0,0,0) 42%,rgba(0,0,0,.9) 100%)}
.sl-grain{position:absolute;inset:0;z-index:1;pointer-events:none;mix-blend-mode:overlay;background-size:42cqw 42cqw;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='1 0 0 0 0 1 0 0 0 0 1 0 0 0 0 0 0 0 0 1'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.fx-row{display:flex;gap:9px;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:4px 16px}
.fx-row::-webkit-scrollbar{display:none}
.fx{flex:none;width:70px;display:block;text-align:center;font-size:11.5px;line-height:1.2;color:var(--ink2)}
.fx img{display:block;width:70px;height:88px;object-fit:cover;border-radius:10px;margin-bottom:5px;background:var(--tile2)}
.fx.on{color:var(--ink);font-weight:600}
.fx.on img{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--ink)}

/* фон: заготовки, мои цвета, круг, пипетка */
.swatches{display:flex;flex-wrap:wrap;gap:9px;padding:2px}
.bg-note{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 7px 7px 12px;border-radius:12px;background:var(--gold);color:#3D3206;font-size:13.5px;line-height:1.25}
.bg-note .pill{flex:none;background:#3D3206;color:#fff}
.cw-wrap{display:grid;grid-template-columns:148px minmax(0,1fr);gap:14px;align-items:center}
.cw{position:relative;aspect-ratio:1;border-radius:50%;touch-action:none;cursor:crosshair;background:radial-gradient(closest-side,#fff,rgba(255,255,255,0)),conic-gradient(from 0deg,#f00,#ff0,#0f0,#0ff,#00f,#f0f,#f00);box-shadow:inset 0 0 0 1px rgba(0,0,0,.14)}
.cw::after{content:"";position:absolute;inset:0;border-radius:50%;background:#000;opacity:var(--cw-dim,0);pointer-events:none}
.cw-dot{position:absolute;z-index:1;width:24px;height:24px;margin:-12px 0 0 -12px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.45),0 2px 6px rgba(0,0,0,.4);pointer-events:none}
.cw-side{display:flex;flex-direction:column;gap:10px;min-width:0}
.cw-side .btn{width:100%;padding:0 10px;font-size:13.5px}
.cw-row{display:flex;align-items:center;gap:8px}
.cw-sw{flex:none;width:38px;height:38px;border-radius:10px;box-shadow:inset 0 0 0 1px var(--line)}
.in.hex{flex:1;min-width:0;height:38px;padding:0 10px;font:500 14px var(--body);letter-spacing:.02em}
.sl-c input.cw-v{-webkit-appearance:none;appearance:none;height:14px;margin:8px 0;border-radius:99px;box-shadow:inset 0 0 0 1px var(--line)}
.cw-v::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;border:2px solid #272824;cursor:pointer}
.cw-v::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid #272824;cursor:pointer}
.sl.eyeing,.sl.eyeing .sl-block,.sl.eyeing .sl-st,.sl.eyeing .sl-pic,.sl.eyeing .sl-brand{cursor:crosshair}
.eye-hint{position:absolute;left:50%;top:7%;transform:translateX(-50%);z-index:7;width:max-content;max-width:88%;padding:5px 10px;border-radius:14px;background:rgba(20,22,18,.84);color:#fff;font-size:11.5px;line-height:1.2;text-align:center;pointer-events:none}
.eye-ring{position:absolute;z-index:7;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.5),0 3px 10px rgba(0,0,0,.5);pointer-events:none}

@container gid (min-width:900px){
  .toolrow.td{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));overflow:visible}
  .tl{flex:initial}
  .cw-wrap{grid-template-columns:200px minmax(0,1fr)}
}
.sl.edit{box-shadow:0 0 0 1px var(--line)}

/* цвет текста, значков и кнопки */
.sl-p,.sl.bg-light .sl-p{color:inherit;opacity:.92}
.sl-pills{color:#fff}
.sl.bg-light .sl-pills{color:#141414}
.col-dot.col-more{background:conic-gradient(from 0deg,#f00,#ff0,#0f0,#0ff,#00f,#f0f,#f00)}
.cp{padding-top:14px;border-top:1px solid var(--line)}
.cp.flat{padding-top:0;border-top:0}
.cp-h{display:flex;align-items:center;justify-content:space-between;gap:10px}
.cp-h b{font:600 15px/1.2 var(--disp);letter-spacing:-.01em}

/* настоящий сайт */
html,body{margin:0;background:#F8F6F2}
.boot{display:grid;place-items:center;height:100vh;height:100dvh;padding:24px;font:500 15px/1.4 "Onest",-apple-system,sans-serif;color:#62635C;text-align:center}
.sl{font-family:"SFS",-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif}
.who-l{flex:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--lime);color:var(--limeink);font:700 15px var(--disp);font-style:normal}
a.bub-btn{display:flex;align-items:center;justify-content:center;text-decoration:none;color:#fff}
.rule-x{margin-left:auto;flex:none;width:32px;height:32px;display:grid;place-items:center;color:var(--ink2)}
.gid{--safe-b:max(env(safe-area-inset-bottom),var(--tg-safe-area-inset-bottom,0px))}
.tabs{height:calc(62px + var(--safe-b));padding-bottom:calc(5px + var(--safe-b))}
.act{padding-bottom:calc(10px + var(--safe-b))}
/* две-три кнопки в ряд на узком телефоне: длинная подпись переносится, а не вылезает за экран */
.act .btn{padding:0 14px;font-size:14px;white-space:normal;line-height:1.1}
.cta{flex-wrap:wrap}.cta .btn{padding:0 14px}
@media (max-width:400px){.act .btn svg:last-child:not(:first-child){display:none}}
@media (max-width:350px){.act .sq{display:none}}
.head{padding-top:env(safe-area-inset-top);box-sizing:content-box}
.gid.mini .head{display:none}
.bd-note{padding:9px 12px;border-radius:12px;background:#FBEAE6;color:#8E2A1A;font-size:13px;line-height:1.35}
/* мини-приложение на весь экран: полоса под часами и кнопками Telegram, вне полного экрана её высота 0 */
.tg-top{display:none}
.gid.mini .tg-top{display:flex;flex:none;align-items:center;justify-content:center;box-sizing:content-box;height:var(--tg-content-safe-area-inset-top,0px);padding-top:var(--tg-safe-area-inset-top,0px);background:var(--head);overflow:hidden}
@media (pointer:coarse){.in,.tx-in,.post,.search input{font-size:16px}}
@container gid (max-width:899px){
  .bd-l{position:sticky;top:0;z-index:4;background:var(--bg);padding:8px 16px 6px;margin:-12px -16px 0}
  .stage{max-width:232px}
  .stage.story{max-width:164px}
  .bd-l{gap:8px}
  .st-add{height:60px}
  .st-th{width:48px}
  .bd-tabs{padding:5px 16px}
  .bd-tabs .seg button{min-height:30px}
  .bd-l{position:sticky;top:0;z-index:4;background:var(--bg);padding:8px 16px 6px;margin:-12px -16px 0}
}
/* выгрузка слайдов в файлы */
.gid.render{height:auto;overflow:visible;background:#000}
.gid.render .scroll{overflow:visible}
.gid.render .bar,.gid.render .quote,.gid.render .rd-steps,.gid.render .btn,.gid.render .toast{display:none}
.gid.render .rd{padding:0;gap:0;display:block}
.gid.render .rd-sl{display:block;overflow:visible;margin:0;padding:0}
.gid.render .rd-sl .sl{width:1080px;flex:none;border-radius:0;margin:0 0 40px;box-shadow:none}