:root[data-design="shtab"]:not(.cap-mob) #page-focus > .sec-hdr{display:none!important}
:root[data-design="shtab"]:not(.cap-mob):not([data-_a]):not([data-_b]):not([data-_c]) body[data-page="focus"] #app-sheet{background-color:#202022!important;background-image:none!important;color-scheme:dark;
  --bg:#1a1a1c;--bg2:#262628;--bg3:#2c2c2f;--bg4:#323235;--bg5:#38383b;--border:rgba(255,255,255,.07);--border2:rgba(255,255,255,.09);--border3:rgba(255,255,255,.14);
  --text:#f4f4f2;--text2:#b4b4b8;--text3:#8d8d92;--text4:#6d6d72;--accent:#fff;--on-accent:#111;--ink-rgb:255,255,255;color:#f4f4f2}
#fa{--spr:cubic-bezier(.2,.85,.2,1);--csh:0 34px 60px -28px rgba(0,0,0,.75),0 14px 26px -14px rgba(0,0,0,.45);--mono:'Geist Mono',ui-monospace,SFMono-Regular,monospace;
  font-family:var(--font-ui,Geist,-apple-system,system-ui,sans-serif);color:#f4f4f2;padding:6px 6px 40px;max-width:1240px;margin:0 auto}
#fa *{box-sizing:border-box}
#fa button{font:inherit;color:inherit;border:0;background:none;cursor:pointer;padding:0}
#fa .fa-top{display:flex;align-items:center;gap:14px}
#fa .fa-top h3{font-size:26px;font-weight:600;margin:0;letter-spacing:-.01em}
#fa .fa-sub{font:500 13px var(--font-ui,'Geist',system-ui,sans-serif);color:#8d8d92;margin-top:4px}
#fa .sp{flex:1}
#fa .fa-seg{display:flex;background:rgba(255,255,255,.05);border-radius:13px;padding:3px}
#fa .fa-seg button{height:32px;padding:0 13px;border-radius:10px;font-size:13px;font-weight:600;color:#8d8d92;transition:background .2s,color .2s}
#fa .fa-seg button.on{background:#3a3a3d;color:#f4f4f2}
#fa .fa-plus{width:40px;height:40px;border-radius:14px;background:linear-gradient(180deg,#f4f4f2,#d8d8d4);color:#161618;display:grid;place-items:center;font-size:21px;box-shadow:0 10px 16px -10px rgba(0,0,0,.8);transition:transform .14s var(--spr)}
#fa .fa-plus:active,#fa .fa-acts button:active,#fa .fa-go:active,#fa .fa-pm:active,#fa .fa-c:active,#fa .fa-ul button:active{transform:translateY(1px) scale(.97)}
#fa .fa-grid{display:grid;grid-template-columns:minmax(360px,420px) 1fr;gap:26px;margin-top:26px;align-items:start}
@media (max-width:1000px){#fa .fa-grid{grid-template-columns:1fr}}
#fa .lab{font:600 10.5px var(--mono);letter-spacing:.07em;text-transform:uppercase;color:#8d8d92;display:flex;justify-content:space-between;gap:8px;white-space:nowrap}
#fa .lab span:first-child{overflow:hidden;text-overflow:ellipsis}
/* голубая карточка */
#fa .fa-peri{background:linear-gradient(180deg,#8c97e8,#818de3);color:#fff;border-radius:30px;padding:22px 24px;box-shadow:var(--csh),inset 0 1px 0 rgba(255,255,255,.18);position:sticky;top:8px}
#fa .fa-peri .lab{color:rgba(255,255,255,.8)}
#fa .fa-big{font:600 64px/1 var(--mono);letter-spacing:-.03em;margin-top:10px;transition:opacity .3s}
#fa .fa-big.over{font:600 34px/1.1 var(--font-ui,inherit);letter-spacing:-.01em;margin-top:14px}
#fa .fa-big.paused{opacity:.6}
#fa .fa-rg{position:relative;width:min(216px,100%);aspect-ratio:1;margin:12px auto 0;display:grid;place-items:center}
#fa .fa-rg svg{position:absolute;inset:0;transform:rotate(-90deg)}
#fa .fa-rg circle{fill:none;stroke:rgba(255,255,255,.22);stroke-width:7}
#fa .fa-rg circle.v{stroke:#fff;stroke-linecap:round;stroke-dasharray:100;transition:stroke-dashoffset 1s linear}
#fa .fa-rg.paused circle.v{opacity:.6}
#fa .fa-rg .fa-big{margin:0;font-size:50px;position:relative}
#fa .fa-rg .fa-big.lg{font-size:36px}
#fa .fa-peri{overflow:clip}
#fa .sh-wave{position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 50% 35%,#fff,transparent 70%);pointer-events:none}
#fa .fa-mut{font-size:13px;color:rgba(255,255,255,.82);margin-top:6px;line-height:1.45}
#fa .fa-dots{display:flex;gap:6px;margin-top:14px}
#fa .fa-dots i{flex:1;height:8px;border-radius:4px;background:rgba(255,255,255,.3);transition:background .3s}
#fa .fa-dots i.on{background:#fff}
#fa .fa-dots.ed i{cursor:pointer;height:10px}
#fa .fa-acts{display:flex;gap:8px;margin-top:14px}
#fa .fa-acts button{flex:1;height:40px;border-radius:13px;background:rgba(255,255,255,.18);font-size:13px;font-weight:600;transition:background .15s,transform .14s var(--spr)}
#fa .fa-acts button:hover{background:rgba(255,255,255,.28)}
#fa .fa-acts .w{background:#fff;color:#4a54b5}
#fa .fa-acts .w:hover{background:#fff}
#fa .fa-acts .warn{background:rgba(40,20,90,.35)}
#fa .fa-acts button:disabled,#fa .fa-go:disabled{opacity:.6}
#fa .fa-psub{font:600 10px var(--mono);letter-spacing:.07em;text-transform:uppercase;color:rgba(255,255,255,.75);margin-top:16px}
#fa .fa-pt{display:flex;align-items:center;gap:11px;padding:6px 0;font-size:14.5px;line-height:1.35}
#fa .fa-pt>span{flex:1;min-width:0;word-break:break-word;transition:opacity .25s}
#fa .fa-pc{width:20px;height:20px;border-radius:50%;border:1.6px solid rgba(255,255,255,.7)!important;flex:none;position:relative;transition:background .15s}
#fa .fa-pc:hover{background:rgba(255,255,255,.15)}
#fa .fa-pt.dn .fa-pc{background:#fff;border-color:#fff!important}
#fa .fa-pt.dn .fa-pc::after{content:"";position:absolute;left:5px;top:5px;width:7px;height:4px;border:solid #4a54b5;border-width:0 0 2px 2px;transform:rotate(-45deg)}
#fa .fa-pt.dn>span{opacity:.6;text-decoration:line-through}
#fa .fa-px{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;font-size:11px;opacity:0;transition:opacity .15s,background .15s;flex:none}
#fa .fa-pt:hover .fa-px{opacity:.75}
#fa .fa-px:hover{background:rgba(255,255,255,.18);opacity:1}
#fa .fa-in{width:100%;height:36px;border:0;border-radius:11px;padding:0 12px;margin-top:6px;background:rgba(255,255,255,.16);color:#fff;font:500 13.5px var(--font-ui,inherit);outline:none;caret-color:#fff;transition:background .15s}
#fa .fa-in::placeholder{color:rgba(255,255,255,.72)}
#fa .fa-in:focus{background:rgba(255,255,255,.24)}
#fa .fa-ch{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
#fa .fa-ch.sc{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-right:-24px;padding-right:24px}
#fa .fa-ch.sc::-webkit-scrollbar{display:none}
#fa .fa-c{height:30px;padding:0 11px;border-radius:10px;font-size:12.5px;font-weight:500;background:rgba(255,255,255,.16);color:#fff;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;flex:none;max-width:100%;transition:background .15s,color .15s,transform .14s var(--spr)}
#fa .fa-c:hover{background:rgba(255,255,255,.26)}
#fa .fa-c i{width:7px;height:7px;border-radius:50%;box-shadow:0 0 0 1.5px rgba(255,255,255,.6);flex:none}
#fa .fa-c.on{background:#fff;color:#4a54b5}
#fa .fa-c span{overflow:hidden;text-overflow:ellipsis}
#fa .fa-ta{display:flex;align-items:center;gap:10px;margin-top:8px}
#fa .fa-ta .fa-big{flex:1;margin-top:0}
#fa .fa-pm{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.18);font-size:21px;font-weight:500;flex:none;transition:background .15s,transform .14s var(--spr)}
#fa .fa-pm:hover{background:rgba(255,255,255,.28)}
#fa .fa-hint{font-size:12px;color:rgba(255,255,255,.75);margin-top:8px}
#fa .fa-go{margin-top:16px;width:100%;height:46px;border-radius:15px;background:#fff;color:#4a54b5;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 10px 18px -10px rgba(40,40,110,.7);transition:transform .14s var(--spr)}
#fa .fa-go svg{width:17px;height:17px}
#fa .fa-links{display:flex;gap:16px;justify-content:center;margin-top:12px;font-size:12.5px;color:rgba(255,255,255,.85)}
#fa .fa-links button:hover{text-decoration:underline}
/* правая колонка */
#fa .fa-dl{position:relative;height:44px;border-radius:14px;background:rgba(255,255,255,.04);margin-top:12px;overflow:hidden}
#fa .fa-dl i{position:absolute;top:8px;bottom:8px;border-radius:8px;min-width:6px}
#fa .fa-dl .d{background:#55555a}#fa .fa-dl .c{background:#8c97e8}#fa .fa-dl .f{box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.25)}
#fa .fa-dl .now{top:2px;bottom:2px;width:2px;min-width:0;background:#fff;border-radius:1px}
#fa .fa-hrs{display:flex;justify-content:space-between;font:500 10px var(--mono);color:#6d6d72;margin-top:6px;padding:0 2px}
#fa .fa-card{background:#2c2c2f;border-radius:26px;box-shadow:var(--csh),inset 0 1px 0 rgba(255,255,255,.05);padding:18px 20px;margin-top:20px}
#fa .fa-bars{display:flex;align-items:flex-end;gap:9px;height:96px;margin-top:14px}
#fa .fa-bars div{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px;font:500 10.5px var(--mono);color:#8d8d92;height:100%}
#fa .fa-bars i{width:100%;border-radius:7px;background:#3a3a3d;min-height:4px;transition:height .5s var(--spr)}
#fa .fa-bars .t i{background:#8c97e8}
#fa .fa-bars div b{font:500 10px var(--mono);color:#6d6d72;font-weight:500;min-height:12px}
#fa .fa-grp{font:600 10.5px var(--mono);letter-spacing:.07em;text-transform:uppercase;color:#8d8d92;padding:18px 12px 6px;display:flex;align-items:center;gap:8px;width:100%;text-align:left}
#fa button.fa-grp:hover{color:#b4b4b8}
#fa .fa-grp .ch{margin-left:auto;width:14px;height:14px;transition:transform .3s var(--spr)}
#fa .fa-grp.op .ch{transform:rotate(90deg)}
#fa .fa-row{display:flex;align-items:center;gap:14px;padding:11px 12px;border-radius:18px;cursor:pointer;transition:background .2s}
#fa .fa-row:hover{background:rgba(255,255,255,.03)}
#fa .fa-ring{width:24px;height:24px;border-radius:50%;flex:none;position:relative;background:conic-gradient(var(--c,#8c97e8) calc(var(--p,1)*1turn),#3a3a3d 0)}
#fa .fa-ring::after{content:"";position:absolute;inset:2.5px;border-radius:50%;background:#202022}
#fa .fa-ring.ok::before{content:"";position:absolute;left:8px;top:8.5px;width:7px;height:4px;border:solid var(--c,#8c97e8);border-width:0 0 2px 2px;transform:rotate(-45deg);z-index:1}
#fa .fa-tt{flex:1;min-width:0}
#fa .fa-tp{font:600 12px var(--font-ui,inherit);color:#8d8d92;display:flex;gap:7px;align-items:center}
#fa .fa-tp b{width:6px;height:6px;border-radius:50%;flex:none}
#fa .fa-tn{font-size:15.5px;font-weight:600;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#fa .fa-meta{font:500 12px var(--mono);color:#8d8d92;white-space:nowrap}
#fa .fa-bl{display:flex;gap:4px}
#fa .fa-bl i{width:20px;height:8px;border-radius:4px;background:#3a3a3d}
#fa .fa-bl i.on{background:#8c97e8}
#fa .fa-open{border-radius:24px;margin:6px 0 12px;background:#2c2c2f;box-shadow:0 26px 30px -18px rgba(0,0,0,.6);overflow:hidden;animation:faIn .45s var(--spr)}
#fa .fa-open .fa-row{border-radius:0;cursor:pointer;padding:14px 16px}
#fa .fa-open .fa-ring::after{background:#2c2c2f}
#fa .fa-body{padding:0 16px 10px}
#fa .fa-blk{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid rgba(255,255,255,.06);font-size:14px}
#fa .fa-num{width:26px;height:26px;border-radius:9px;background:rgba(255,255,255,.06);display:grid;place-items:center;font:600 12px var(--mono);color:#8d8d92;flex:none}
#fa .fa-blk.cur .fa-num{background:#8c97e8;color:#fff}
#fa .fa-blk.dn .fa-num{background:#b9f36c;color:#161618}
#fa .fa-blk .nm{flex:1;font-weight:600;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#fa .fa-blk .mm{font:500 12px var(--mono);color:#8d8d92;white-space:nowrap}
#fa .fa-kp{height:28px;padding:0 10px;border-radius:9px;font-size:12.5px;font-weight:500;background:rgba(255,255,255,.06);display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
#fa .fa-kp b{width:7px;height:7px;border-radius:50%}
#fa .fa-bt{font-size:12.5px;color:#8d8d92;padding:0 0 8px 38px;line-height:1.5}
#fa .fa-ul{background:linear-gradient(180deg,#f4f4f2,#e4e4e0);color:#161618;height:48px;display:flex;align-items:center;gap:4px;padding:0 10px;font-size:12.5px;font-weight:600}
#fa .fa-ul button{height:32px;padding:0 11px;border-radius:10px;color:#161618;transition:background .15s,transform .14s var(--spr)}
#fa .fa-ul button:hover{background:rgba(0,0,0,.07)}
#fa .fa-ul button.go{background:linear-gradient(180deg,#2c2c2f,#161618);color:#f4f4f2}
#fa .fa-ul button.red{color:#8a1c14}
#fa .fa-empty{font-size:13.5px;color:#6d6d72;padding:14px 12px}
#fa .fa-tpl{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:22px;background:#2c2c2f;margin-top:10px;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
#fa .fa-tpl .fa-acts{margin:0;flex:none}
#fa .fa-tpl .fa-acts button{flex:none;height:34px;padding:0 13px;background:rgba(255,255,255,.07);font-size:12.5px}
#fa .fa-tpl .fa-acts button.w{background:#f4f4f2;color:#161618}
/* быстрое создание (04.10, вариант A макета iam-focus-create-3.html): голубая карточка «время + блоки + Начать»,
   под ней белая подложка с 5 иконками (длительность, блоки, проект, задачи, когда) — поднимается с вариантами */
#fa .fq{width:100%;max-width:420px;color:#fff;position:sticky;top:8px}
/* попап вылезает из кнопки «+» (без затемнения); клик мимо / Esc — закрыть */
#fa .fa-top{position:relative;z-index:30}
#fa .fq-catch{position:fixed;inset:0;z-index:40}
#fa .fq-pop{position:absolute;right:0;top:54px;width:420px;max-width:calc(100vw - 48px);z-index:41;transform-origin:calc(100% - 20px) -10px;animation:fqPop .45s var(--spr)}
#fa .fq-pop .fq{position:relative;top:auto;max-width:none}
#fa .fq-pop .fq-card{box-shadow:0 44px 70px -26px rgba(0,0,0,.85),0 16px 30px -14px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.18)}
#fa .fq-pop .fq-un{box-shadow:0 40px 60px -24px rgba(0,0,0,.8)}
#fa .fa-plus{transition:transform .35s var(--spr)}
#fa .fa-plus.on{transform:rotate(45deg)}
#fa .fa-grid.one{grid-template-columns:1fr}
@keyframes fqPop{from{opacity:0;transform:translateY(-12px) scale(.82)}}
#fa .fq-card{background:linear-gradient(180deg,#8c97e8,#818de3);border-radius:30px;padding:22px 24px 20px;position:relative;z-index:2;box-shadow:var(--csh),inset 0 1px 0 rgba(255,255,255,.18);transition:padding .45s var(--spr)}
#fa .fq-card .lab{color:rgba(255,255,255,.8)}
#fa .fq-row{display:flex;align-items:center;gap:12px;margin-top:10px}
#fa .fq-row .fa-big{flex:1;margin-top:0;cursor:ew-resize;user-select:none;-webkit-user-select:none;touch-action:none;transition:font-size .45s var(--spr)}
#fa .fq-go{width:auto;margin:0;padding:0 22px;flex:none}
#fa .fq-card .fa-dots,#fa .fq-sum{transition:opacity .25s,max-height .45s var(--spr),margin .45s var(--spr);max-height:40px;overflow:hidden}
#fa .fq-sum{font-size:12.5px;color:rgba(255,255,255,.85);margin-top:10px;white-space:nowrap;text-overflow:ellipsis}
#fa .fq-sum i{display:inline-block;width:7px;height:7px;border-radius:50%;margin:0 4px 0 2px;box-shadow:0 0 0 1.5px rgba(255,255,255,.6);vertical-align:1px}
#fa .fq-un{background:linear-gradient(180deg,#f6f6f3,#e3e3df);color:#161618;border-radius:0 0 30px 30px;margin-top:-30px;padding:30px 10px 0;position:relative;z-index:1;box-shadow:0 30px 50px -26px rgba(0,0,0,.7);overflow:hidden}
#fa .fq-ics{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 6px}
#fa .fq-ic{width:46px;height:38px;border-radius:12px;display:grid;place-items:center;position:relative;color:#161618;transition:background .15s,transform .14s var(--spr)}
#fa .fq-ic:hover{background:rgba(0,0,0,.07)}
#fa .fq-ic.on{background:#161618;color:#f4f4f2}
#fa .fq-ic svg{width:19px;height:19px}
#fa .fq-ic b{position:absolute;right:8px;top:6px;width:6px;height:6px;border-radius:50%;background:#161618}
#fa .fq-ic.on b{background:#f4f4f2}
#fa .fq-ic:active,#fa .fq-o:active{transform:translateY(1px) scale(.97)}
#fa .fq-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s var(--spr)}
#fa .fq.up .fq-panel{grid-template-rows:1fr}
#fa .fq-panel>div{min-height:0;overflow:hidden}
#fa .fq-pin{padding:4px 8px 14px}
#fa .fq-pt{font-size:13.5px;font-weight:600;margin-bottom:9px;display:flex;align-items:center;gap:8px}
#fa .fq-pt .sp{flex:1}
#fa .fq-ops{display:flex;gap:6px;flex-wrap:wrap}
#fa .fq-o{height:32px;padding:0 12px;border-radius:10px;font-size:13px;font-weight:500;color:#161618;background:rgba(255,255,255,.7);box-shadow:inset 0 0 0 1px rgba(0,0,0,.06);display:inline-flex;align-items:center;gap:7px;max-width:100%;transition:background .15s,color .15s,transform .14s var(--spr)}
#fa .fq-o:hover{background:#fff}
#fa .fq-o.on{background:#161618;color:#f4f4f2;box-shadow:none}
#fa .fq-o i{width:7px;height:7px;border-radius:50%;flex:none}
#fa .fq-o.m{font-family:var(--mono);font-size:12.5px}
#fa .fq-o span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#fa .fq-bsel{display:inline-flex;background:rgba(0,0,0,.07);border-radius:10px;padding:2px}
#fa .fq-bsel button{height:26px;min-width:28px;padding:0 8px;border-radius:8px;font:600 12px var(--mono);color:#55555a;display:inline-flex;align-items:center;gap:5px}
#fa .fq-bsel button.on{background:#161618;color:#f4f4f2}
#fa .fq-bsel button i{width:6px;height:6px;border-radius:50%}
#fa .fq-in{width:100%;height:34px;border:0;border-radius:10px;padding:0 12px;margin-bottom:8px;background:rgba(255,255,255,.75);box-shadow:inset 0 0 0 1px rgba(0,0,0,.06);color:#161618;font:500 13.5px var(--font-ui,inherit);outline:none}
#fa .fq-in::placeholder{color:#8d8d92}
#fa .fq-dt{height:32px;border:0;border-radius:10px;padding:0 10px;background:rgba(255,255,255,.75);box-shadow:inset 0 0 0 1px rgba(0,0,0,.06);color:#161618;font:500 12.5px var(--mono);outline:none;color-scheme:light}
#fa .fq.up .fq-card{padding-bottom:16px}
#fa .fq.up .fq-row .fa-big{font-size:44px}
#fa .fq.up .fq-card .fa-dots,#fa .fq.up .fq-sum{opacity:0;max-height:0;margin-top:0}
/* конструктор фокуса / шаблона (04.10) — вместо старого мастера */
#fa .fb-scrim{position:fixed;inset:0;z-index:1200;background:rgba(0,0,0,.5);display:grid;place-items:center;padding:24px;animation:fbFade .2s}
#fa .fb{width:min(640px,100%);max-height:calc(100vh - 48px);overflow:auto;scrollbar-width:none;background:#2c2c2f;border-radius:32px;padding:24px 24px 20px;box-shadow:0 50px 90px -30px rgba(0,0,0,.85),inset 0 1px 0 rgba(255,255,255,.07);animation:fbPop .4s var(--spr)}
#fa .fb::-webkit-scrollbar{display:none}
#fa .fb-h{display:flex;align-items:center;gap:12px}
#fa .fb-h .lab{flex:1}
#fa .fb-x{width:32px;height:32px;border-radius:11px;display:grid;place-items:center;background:rgba(255,255,255,.06);color:#b4b4b8;font-size:13px;flex:none;transition:background .15s,transform .14s var(--spr)}
#fa .fb-x:hover{background:rgba(255,255,255,.12);color:#fff}
#fa .fb-title{width:100%;border:0;background:none;outline:none;color:#f4f4f2;font:600 24px var(--font-ui,inherit);letter-spacing:-.01em;margin-top:10px;caret-color:#8c97e8}
#fa .fb-title::placeholder{color:#6d6d72}
#fa .fb-pre{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px}
#fa .fb-c{height:30px;padding:0 11px;border-radius:10px;font-size:12.5px;font-weight:500;background:rgba(255,255,255,.06);color:#f4f4f2;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;transition:background .15s,color .15s,transform .14s var(--spr)}
#fa .fb-c:hover{background:rgba(255,255,255,.11)}
#fa .fb-c.on{background:#f4f4f2;color:#161618}
#fa .fb-c i{width:7px;height:7px;border-radius:50%;flex:none}
#fa .fb-c:active,#fa .fb-st button:active,#fa .fb-x:active,#fa .fb-btn:active,#fa .fb-addb:active,#fa .ft-card button:active{transform:translateY(1px) scale(.97)}
#fa .fb-sec{font:600 10.5px var(--mono);letter-spacing:.07em;text-transform:uppercase;color:#8d8d92;margin-top:20px;display:flex;justify-content:space-between}
#fa .fb-blk{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid rgba(255,255,255,.06)}
#fa .fb-blk:first-of-type{border-top:0}
#fa .fb-pj{cursor:pointer;max-width:190px;overflow:hidden;transition:background .15s}
#fa .fb-pj:hover{background:rgba(255,255,255,.12)}
#fa .fb-pj span{overflow:hidden;text-overflow:ellipsis}
#fa .fb-st{display:inline-flex;align-items:center;height:34px;border-radius:11px;background:rgba(255,255,255,.05);flex:none}
#fa .fb-st button{width:30px;height:34px;display:grid;place-items:center;font-size:16px;color:#b4b4b8;border-radius:11px;transition:background .15s,transform .14s var(--spr)}
#fa .fb-st button:hover{background:rgba(255,255,255,.08);color:#fff}
#fa .fb-st em{font:600 12.5px var(--mono);font-style:normal;min-width:62px;text-align:center;white-space:nowrap}
#fa .fb-st.br em{min-width:88px;color:#8d8d92;font-weight:500}
#fa .fb-st.ghost{visibility:hidden;width:148px}
#fa .fb-pick{display:flex;gap:6px;flex-wrap:wrap;padding:2px 0 12px 36px;animation:faIn .35s var(--spr)}
#fa .fb-addb{margin-top:8px;height:38px;width:100%;border-radius:13px;box-shadow:inset 0 0 0 1.5px #3f3f43;color:#8d8d92;font-size:13px;transition:color .2s,box-shadow .2s,transform .14s var(--spr)}
#fa .fb-addb:hover{color:#f4f4f2;box-shadow:inset 0 0 0 1.5px #5d5d62}
#fa .fb-when{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px}
#fa .fb-dt{height:32px;border:0;border-radius:10px;padding:0 10px;background:rgba(255,255,255,.06);color:#f4f4f2;font:500 13px var(--mono);outline:none;color-scheme:dark}
#fa .fb-sum{margin-top:18px;border-radius:18px;padding:14px 16px;background:linear-gradient(180deg,#8c97e8,#818de3);color:#fff;display:flex;align-items:center;gap:14px}
#fa .fb-sum b{font:600 26px var(--mono);letter-spacing:-.03em}
#fa .fb-sum span{font-size:12.5px;color:rgba(255,255,255,.85);line-height:1.4}
#fa .fb-sum .fa-dots{flex:1;margin:0}
#fa .fb-ft{display:flex;align-items:center;gap:8px;margin-top:18px}
#fa .fb-btn{height:42px;padding:0 16px;border-radius:14px;font-size:13.5px;font-weight:600;background:rgba(255,255,255,.07);color:#f4f4f2;transition:background .15s,transform .14s var(--spr)}
#fa .fb-btn:hover{background:rgba(255,255,255,.12)}
#fa .fb-btn.w{background:linear-gradient(180deg,#f4f4f2,#d8d8d4);color:#161618}
#fa .fb-btn.red{color:#ff8a80}
#fa .fb-btn:disabled{opacity:.6}
/* шаблоны — карточки */
#fa .ft-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-top:22px}
#fa .ft-card{background:#2c2c2f;border-radius:26px;padding:18px 18px 14px;box-shadow:var(--csh),inset 0 1px 0 rgba(255,255,255,.05);display:flex;flex-direction:column;min-height:190px}
#fa .ft-card h4{font-size:17px;font-weight:600;margin:6px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#fa .ft-bl{display:flex;gap:4px;margin-top:14px;align-items:flex-end;height:34px}
#fa .ft-bl i{flex:var(--f,1);min-width:10px;border-radius:7px;background:linear-gradient(180deg,#8c97e8,#818de3);height:100%;display:grid;place-items:center;font:600 10.5px var(--mono);font-style:normal;color:#fff}
#fa .ft-bl u{flex:var(--f,.2);min-width:3px;height:40%;border-radius:4px;box-shadow:inset 0 0 0 1.5px #4a4a4f;text-decoration:none;align-self:center}
#fa .ft-card .sp{flex:1;min-height:12px}
#fa .ft-act{display:flex;gap:6px}
#fa .ft-act button{height:34px;padding:0 12px;border-radius:11px;font-size:12.5px;font-weight:600;background:rgba(255,255,255,.07);transition:background .15s,transform .14s var(--spr)}
#fa .ft-act button:hover{background:rgba(255,255,255,.12)}
#fa .ft-act button.w{background:linear-gradient(180deg,#f4f4f2,#d8d8d4);color:#161618;flex:1}
#fa .ft-new{border-radius:26px;min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#8d8d92;font-size:13.5px;box-shadow:inset 0 0 0 1.5px #3a3a3d;transition:color .2s,box-shadow .2s,transform .14s var(--spr);width:100%}
#fa .ft-new:hover{color:#f4f4f2;box-shadow:inset 0 0 0 1.5px #5d5d62}
#fa .ft-new b{font-size:24px;font-weight:400}
@keyframes fbFade{from{opacity:0}}
@keyframes fbPop{from{opacity:0;transform:translateY(14px) scale(.97)}}
@keyframes faIn{from{opacity:0;transform:translateY(8px)}}
@keyframes faChip{from{opacity:0;transform:translateX(12px)}}
@keyframes faNew{0%{background-color:rgba(255,255,255,.32);transform:translateY(-6px);opacity:0}20%{opacity:1;transform:none}100%{background-color:transparent}}
@keyframes faPop{0%{transform:scale(.7)}55%{transform:scale(1.16)}100%{transform:scale(1)}}
#fa .an-in{animation:faIn .45s var(--spr) var(--ad,0ms) backwards!important}
#fa .an-chip{animation:faChip .35s var(--spr) var(--ad,0ms) backwards!important}
#fa .an-new{animation:faNew 1.4s var(--spr) backwards!important;border-radius:10px}
#fa .fa-pc.pop{animation:faPop .4s var(--spr)!important}