/* вкладки команд и окно результатов */
.tabs{position:sticky;top:0;z-index:20;display:flex;gap:6px;overflow-x:auto;padding:12px 16px;background:rgba(246,244,252,.86);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--line);scrollbar-width:none}
.tabs button{all:unset;cursor:pointer;white-space:nowrap;padding:9px 16px;border-radius:999px;font-size:14px;font-weight:700;color:var(--mute);transition:.2s}
.tabs button:hover{color:var(--ink);background:#fff}
.tabs button.on{background:var(--c);color:#fff;box-shadow:0 8px 20px -10px var(--c)}
.win{max-width:1240px;margin:0 auto;padding:28px 16px 80px;min-height:60vh}
.win .enter{animation:winIn .5s cubic-bezier(.2,.9,.2,1)}
@keyframes winIn{from{opacity:0;transform:translateY(14px)}}
.wh{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.wh .ic{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;font-size:28px;background:var(--soft)}
.wh h2{font-size:30px;font-weight:800;letter-spacing:-.03em;line-height:1.1}
.wh p{color:var(--mute);font-weight:600;max-width:720px;margin-top:6px;line-height:1.5}
.sec{margin-top:36px}
.sec>h3{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);font-weight:800;margin-bottom:14px;display:flex;align-items:center;gap:10px}
.sec>h3:after{content:"";flex:1;height:1px;background:var(--line)}
.stitle{font-size:17px;font-weight:800;margin:22px 0 12px;letter-spacing:-.01em}
.crew{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.mate{background:#fff;border-radius:20px;padding:18px;box-shadow:0 10px 30px -18px rgba(60,40,120,.35);border:2px solid transparent;transition:border-color .3s}
.mate.hl{border-color:var(--c)}
.mate .top{display:flex;align-items:center;gap:12px}
.mate .av{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;color:#fff;font-weight:800;font-size:19px;background:var(--c);flex:none}
.mate b{font-size:16px;display:block}
.mate small{color:var(--mute);font-weight:600;font-size:12.5px}
.mate .tk{margin-top:14px;font-size:13px;font-weight:700}
.mate pre{margin-top:8px;white-space:pre-wrap;font:500 13px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;background:#f6f4fb;border-radius:12px;padding:12px;color:#3a3750}
.mate .cp{all:unset;cursor:pointer;margin-top:10px;font-size:12.5px;font-weight:700;color:var(--c)}
.vids{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}
.vid{background:#111;border-radius:18px;overflow:hidden;box-shadow:0 14px 30px -18px rgba(0,0,0,.6)}
.vid video{width:100%;aspect-ratio:9/16;display:block;object-fit:cover;background:#000}
.vid div{color:#fff;font-size:13px;font-weight:700;padding:10px 12px}
.gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.gal.wide{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}
.gi{all:unset;cursor:zoom-in;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 10px 26px -18px rgba(60,40,120,.4);transition:transform .25s}
.gi:hover{transform:translateY(-3px)}
.gi img{width:100%;display:block;aspect-ratio:4/5;object-fit:cover;background:#eee}
.gal:not(.wide) .gi img{aspect-ratio:16/10}
.gi span{display:block;padding:9px 12px;font-size:13px;font-weight:700}
.frame{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 14px 40px -24px rgba(60,40,120,.45);border:1px solid var(--line)}
.frame .bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 12px;border-bottom:1px solid var(--line);background:#fbfaff}
.frame .bar button{all:unset;cursor:pointer;padding:6px 12px;border-radius:999px;font-size:12.5px;font-weight:700;color:var(--mute)}
.frame .bar button.on{background:var(--c);color:#fff}
.frame .bar a{margin-left:auto;font-size:12.5px;font-weight:700;color:var(--c);text-decoration:none}
.frame iframe{width:100%;border:0;display:block;background:#fff}
.warn{margin-bottom:12px;padding:10px 14px;border-radius:12px;background:#fff6e0;color:#7a5200;font-size:13px;font-weight:600}
.skills{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.skill{background:#fff;border-radius:18px;padding:16px;box-shadow:0 8px 24px -18px rgba(60,40,120,.4)}
.skill code{font:700 11.5px ui-monospace,Menlo,monospace;color:var(--c);background:var(--soft);padding:3px 8px;border-radius:7px}
.skill b{display:block;font-size:16px;margin:10px 0 4px}
.skill p{color:var(--mute);font-size:13px;line-height:1.5;font-weight:500}
.skill i{display:block;margin-top:10px;font-style:normal;font-size:12.5px;font-weight:700}
.links{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.lk{display:block;text-decoration:none;color:inherit;background:#fff;border-radius:18px;padding:16px;box-shadow:0 8px 24px -18px rgba(60,40,120,.4);transition:transform .2s}
.lk:hover{transform:translateY(-3px)}
.lk b{font-size:15px;display:block}
.lk small{display:block;color:var(--mute);font-size:12.5px;margin-top:6px;font-weight:500}
.lk em{display:block;font-style:normal;margin-top:10px;font-size:12px;font-weight:700;color:var(--c)}
.over{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:14px}
.ov{all:unset;cursor:pointer;background:#fff;border-radius:22px;padding:20px;box-shadow:0 12px 30px -20px rgba(60,40,120,.45);transition:transform .25s;display:flex;flex-direction:column;gap:12px}
.ov:hover{transform:translateY(-4px)}
.ov .h{display:flex;align-items:center;gap:12px}
.ov .h em{font-style:normal;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-size:22px;background:var(--soft)}
.ov .h b{font-size:18px}
.ov p{color:var(--mute);font-size:13.5px;line-height:1.5;font-weight:500}
.ov .ppl{display:flex;flex-wrap:wrap;gap:6px}
.ov .ppl span{font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;background:var(--soft)}
.ov .n{font-size:12.5px;font-weight:700;color:var(--c)}
.lb{position:fixed;inset:0;z-index:50;background:rgba(15,12,30,.85);display:none;place-items:center;padding:24px;cursor:zoom-out}
.lb.on{display:grid}
.lb img{max-width:100%;max-height:88vh;border-radius:14px;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.lb span{position:absolute;bottom:18px;left:0;right:0;text-align:center;color:#fff;font-weight:700}
.strips{display:flex;flex-direction:column;gap:14px}
.strip{all:unset;cursor:zoom-in;display:block;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 12px 30px -20px rgba(60,40,120,.45)}
.strip img{width:100%;display:block}
.strip span{display:block;padding:10px 14px;font-size:13.5px;font-weight:700}
.gi .go{color:var(--c);text-decoration:none;margin-left:6px;white-space:nowrap}