/* femedia Переговоры: визуальный язык femedia Досок и Карт. Сверху панель, под ней этапы подготовки; на первом этапе — доска со стикерами в три колонки: Мы | категория | Оппонент */
:root{
  --bg:#F4F5F8; --surface:#FFFFFF; --surface2:#F1F2F6; --hover:#EEF0F4;
  --fg:#1F2330; --fg2:#4A4F5E; --muted:#6B7080; --line:#E4E6EC; --line2:#C9CCD6;
  --accent:#4F46E5; --accent-ink:#3730A3; --accent-weak:#ECEBFD; --on-accent:#FFFFFF;
  --danger:#C9343E; --danger-weak:#FBEAEB; --warn:#B45309; --warn-weak:#FDF1E1; --ok:#0E7A6E; --ok-weak:#E3F3F0; --on-ok:#FFFFFF; --go:#2E8B47;
  --shadow:0 1px 2px rgba(31,35,48,.06),0 6px 20px rgba(31,35,48,.09);
  --lift:0 14px 34px rgba(31,35,48,.25),0 2px 6px rgba(31,35,48,.12);
  --board:#ECEEF2; --dot:rgba(31,35,48,.13);
  --ink:#22262F; --ink2:rgba(34,38,47,.62);
  /* бумага стикеров */
  --p-int:#B6EAAE; --p-risk:#FF9F9F; --p-frame:#FFC4A0; --p-res:#FFE48A; --p-alt:#D5C1FF; --p-ppl:#AED4FF;
  /* цвет категории для подписей */
  --c-int:#23803A; --c-risk:#C42B35; --c-frame:#C2541A; --c-res:#946500; --c-alt:#6B47C8; --c-ppl:#1F6FD0;
  --logo-tile:#D9464F; --logo-word:#3B2F7A;
  --font:"Golos Text",system-ui,-apple-system,"Segoe UI",sans-serif;
  --hand:"Caveat","Golos Text",cursive;
}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]){
  --bg:#121419; --surface:#1F232C; --surface2:#232733; --hover:#2A2E3A;
  --fg:#ECEEF3; --fg2:#C3C7D1; --muted:#9398A6; --line:#2B2F3A; --line2:#3D4250;
  --accent:#8C86F7; --accent-ink:#B7B3FA; --accent-weak:#26244A; --on-accent:#15142A;
  --danger:#F07178; --danger-weak:#3A1D22; --warn:#E9A35A; --warn-weak:#3A2A16; --ok:#4CC3B0; --ok-weak:#153230; --on-ok:#0B2522; --go:#5CC97A;
  --shadow:0 1px 2px rgba(0,0,0,.4),0 8px 24px rgba(0,0,0,.45);
  --lift:0 14px 36px rgba(0,0,0,.6),0 2px 6px rgba(0,0,0,.4);
  --board:#171A20; --dot:rgba(255,255,255,.09);
  --p-int:#97D88D; --p-risk:#F28585; --p-frame:#F7A87C; --p-res:#F1D467; --p-alt:#BDA3F5; --p-ppl:#8FC0F5;
  --c-int:#6FD27F; --c-risk:#FF7B83; --c-frame:#FF9F6B; --c-res:#F2C94C; --c-alt:#B79CFF; --c-ppl:#7DB7FF;
  --logo-word:#C4BDF8;
  color-scheme:dark;
}}
:root[data-theme="dark"]{
  --bg:#121419; --surface:#1F232C; --surface2:#232733; --hover:#2A2E3A;
  --fg:#ECEEF3; --fg2:#C3C7D1; --muted:#9398A6; --line:#2B2F3A; --line2:#3D4250;
  --accent:#8C86F7; --accent-ink:#B7B3FA; --accent-weak:#26244A; --on-accent:#15142A;
  --danger:#F07178; --danger-weak:#3A1D22; --warn:#E9A35A; --warn-weak:#3A2A16; --ok:#4CC3B0; --ok-weak:#153230; --on-ok:#0B2522; --go:#5CC97A;
  --shadow:0 1px 2px rgba(0,0,0,.4),0 8px 24px rgba(0,0,0,.45);
  --lift:0 14px 36px rgba(0,0,0,.6),0 2px 6px rgba(0,0,0,.4);
  --board:#171A20; --dot:rgba(255,255,255,.09);
  --p-int:#97D88D; --p-risk:#F28585; --p-frame:#F7A87C; --p-res:#F1D467; --p-alt:#BDA3F5; --p-ppl:#8FC0F5;
  --c-int:#6FD27F; --c-risk:#FF7B83; --c-frame:#FF9F6B; --c-res:#F2C94C; --c-alt:#B79CFF; --c-ppl:#7DB7FF;
  --logo-word:#C4BDF8;
  color-scheme:dark;
}
[hidden]{display:none!important}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font);font-size:14px;-webkit-font-smoothing:antialiased}
button{font:inherit;color:inherit;cursor:pointer}
input,textarea,select{font:inherit;color:inherit}
a{color:var(--accent)}
button:focus-visible,select:focus-visible,textarea:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.boot{padding:40px;text-align:center;color:var(--muted)}
.cat-int{--paper:var(--p-int);--cc:var(--c-int)} .cat-risk{--paper:var(--p-risk);--cc:var(--c-risk)}
.cat-frame{--paper:var(--p-frame);--cc:var(--c-frame)} .cat-res{--paper:var(--p-res);--cc:var(--c-res)}
.cat-alt{--paper:var(--p-alt);--cc:var(--c-alt)} .cat-ppl{--paper:var(--p-ppl);--cc:var(--c-ppl)}

/* кнопки и поля */
.btn{height:34px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 13px;border-radius:8px;border:1px solid var(--line);background:var(--surface);font-weight:500;font-size:13px;white-space:nowrap;text-decoration:none;color:var(--fg)}
.btn:hover{background:var(--hover)}
.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.btn.primary:hover{filter:brightness(1.07);background:var(--accent)}
.btn.ghost{border-color:transparent;background:transparent}
.btn.ghost:hover{background:var(--hover)}
.btn.danger{color:var(--danger)}
.btn.danger.solid{background:var(--danger);border-color:var(--danger);color:#fff}
.btn.sm{height:28px;padding:0 9px;font-size:12.5px}
.btn:disabled{opacity:.5;cursor:default}
.iconbtn{width:34px;height:34px;display:grid;place-items:center;border:0;background:transparent;border-radius:8px;color:var(--fg2);flex:none;padding:0}
.iconbtn:hover{background:var(--hover)}
.field{display:flex;flex-direction:column;gap:5px;min-width:0}
.field>span{font-size:12px;font-weight:600;color:var(--fg2)}
.field>small{font-size:11.5px;color:var(--muted)}
.inp,.ta{width:100%;border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:8px 10px;font-size:14px;line-height:1.4;min-width:0}
.inp:focus,.ta:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:transparent}
.ta{resize:vertical;min-height:62px}
.seg{display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--surface)}
.seg button{border:0;background:transparent;padding:6px 12px;font-size:13px;border-right:1px solid var(--line)}
.seg button:last-child{border-right:0}
.seg button[aria-pressed="true"]{background:var(--accent-weak);color:var(--accent-ink);font-weight:600}
.muted{color:var(--muted)}
.chipx{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;padding:2px 8px;border-radius:999px;background:var(--surface2);color:var(--fg2);white-space:nowrap}
.chipx.ok{background:var(--ok-weak);color:var(--ok)} .chipx.warn{background:var(--warn-weak);color:var(--warn)} .chipx.bad{background:var(--danger-weak);color:var(--danger)}

/* вход */
.auth{min-height:100%;display:grid;place-items:center;padding:24px 16px}
.auth-card{width:min(400px,100%);background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:28px 24px;display:flex;flex-direction:column;gap:14px}
.auth-card h1{font-size:21px;margin:0;text-wrap:balance}
.auth-card p{margin:0;color:var(--fg2);line-height:1.5}
.auth-card .code{font-size:24px;letter-spacing:.35em;text-align:center;font-variant-numeric:tabular-nums}
.auth-err{color:var(--danger);font-size:13px}
.auth-dev{font-size:13px;background:var(--warn-weak);color:var(--warn);padding:8px 10px;border-radius:8px}
.notes-row{display:flex;gap:6px;justify-content:center;margin-bottom:4px}
.notes-row i{width:22px;height:22px;border-radius:3px;display:block;box-shadow:0 1px 2px rgba(0,0,0,.12)}

/* верхняя панель */
.top{min-height:56px;flex:none;display:flex;align-items:center;gap:10px;padding:0 16px;padding-top:env(safe-area-inset-top,0px);background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.appname{font-weight:600;font-size:15px;white-space:nowrap}
.logo{display:flex;align-items:center;gap:3px;flex:none;user-select:none}
.logo .tile{width:28px;height:28px;border-radius:7px;background:var(--logo-tile);color:#fff;font-weight:700;font-size:16px;display:grid;place-items:center;transform:rotate(-6deg)}
.logo .word{font-weight:700;font-size:19px;color:var(--logo-word);letter-spacing:-.01em}
.logolink{text-decoration:none;border-radius:8px}
.vsep{width:1px;height:24px;background:var(--line);flex:none}
.auth-card .logo{align-self:flex-start;margin-bottom:2px}
.title-inp{border:1px solid transparent;background:transparent;border-radius:8px;padding:6px 8px;font-weight:600;font-size:15px;min-width:0;flex:1 1 200px;max-width:420px}
.title-inp:hover{border-color:var(--line)}
.spacer{flex:1}
.people{display:flex;align-items:center}
.av{width:30px;height:30px;border-radius:50%;border:2px solid var(--surface);margin-left:-8px;display:grid;place-items:center;color:#fff;font-size:11px;font-weight:600;flex:none}
.people .av:first-child{margin-left:0}
.livechip{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--fg2);padding:4px 10px;border-radius:999px;background:var(--surface2);white-space:nowrap}
.livechip i{width:7px;height:7px;border-radius:50%;background:var(--ok)}
.livechip.off i{background:var(--warn)}

/* этапы */
.stages{display:flex;align-items:center;gap:4px;padding:8px 16px;background:var(--surface);border-bottom:1px solid var(--line);overflow-x:auto;position:sticky;top:56px;z-index:19;scrollbar-width:none}
.stages::-webkit-scrollbar{display:none}
.stage{display:flex;align-items:center;gap:8px;border:0;background:transparent;padding:7px 12px;border-radius:8px;font-weight:500;color:var(--fg2);white-space:nowrap}
.stage b{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:11px;background:var(--surface2);color:var(--muted)}
.stage:hover{background:var(--hover)}
.stage[aria-current="true"]{background:var(--accent-weak);color:var(--accent-ink)}
.stage[aria-current="true"] b{background:var(--accent);color:var(--on-accent)}
.ready-pill{margin-left:auto;display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:4px 12px 4px 6px;font-size:12.5px;white-space:nowrap}
.ready-pill .ring{width:24px;height:24px;border-radius:50%;background:conic-gradient(var(--rc) calc(var(--v)*1%),var(--surface2) 0);display:grid;place-items:center}
.ready-pill .ring::after{content:"";width:16px;height:16px;border-radius:50%;background:var(--surface)}

main.wrap{padding:20px 16px 60px;max-width:1500px;margin:0 auto}
.section-h{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:0 0 12px}
.section-h h2{font-size:18px;margin:0;text-wrap:balance}
.section-h p{margin:0;color:var(--muted);font-size:13px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px}
.card h3{font-size:15px;margin:0 0 4px}
.card .sub{color:var(--muted);font-size:12.5px;margin:0 0 12px;line-height:1.45}

/* вкладки верхнего уровня */
.trbtn{gap:6px}
.toptabs{display:flex;gap:4px;margin-left:12px}
.toptabs a{padding:7px 12px;border-radius:8px;color:var(--fg2);text-decoration:none;font-weight:500;font-size:14px}
.toptabs a:hover{background:var(--hover)}
.toptabs a[aria-current="true"]{background:var(--accent-weak);color:var(--accent-ink)}

/* тренажёр */
.tr-scen{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.tr-sc{display:grid;grid-template-columns:28px minmax(0,1fr);grid-template-rows:auto auto;gap:2px 10px;text-align:left;align-items:start;background:var(--surface);border:2px solid var(--line);border-radius:12px;padding:12px 14px}
.tr-sc b{grid-row:1/3;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--surface2);font-size:13px}
.tr-sc[aria-current="true"]{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-weak)}
.tr-sc[aria-current="true"] b{background:var(--accent);color:var(--on-accent)}
.tr-sc.soon{opacity:.6;cursor:default}
.tr-sct{font-weight:600;font-size:14px;line-height:1.3}
.tr-scs{font-size:12px;color:var(--muted)}
.tr-hero{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:22px 24px}
.tr-hero h1{font-size:24px;margin:4px 0 10px;text-wrap:balance}
.tr-hero p{margin:0 0 12px;line-height:1.55;color:var(--fg2);max-width:75ch}
.tr-steps{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px;line-height:1.5;font-size:14px}
.tr-roles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.tr-role{display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left;background:var(--surface);border:2px solid var(--line);border-radius:14px;padding:16px 18px}
.tr-role:hover{border-color:var(--tone)}
.tr-role.on{border-color:var(--tone);box-shadow:0 0 0 3px color-mix(in srgb,var(--tone) 18%,transparent)}
.tr-rk{font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--tone)}
.tr-rn{font-size:19px;font-weight:700}
.tr-rs{font-size:13px;color:var(--muted)}
.tr-rl{margin-top:6px;font-size:12px;font-weight:600;background:var(--surface2);padding:2px 9px;border-radius:999px}
.tr-warn{background:var(--warn-weak);color:var(--warn);border-radius:10px;padding:10px 14px;font-size:13.5px;font-weight:600}
.tr-sheet{background:var(--surface);border:1px solid var(--line);border-top:5px solid var(--tone);border-radius:14px;padding:16px 18px;display:flex;flex-direction:column;gap:12px}
.tr-sh-h{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.tr-sh-h h3{margin:0;font-size:18px}
.tr-badge{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:var(--tone);padding:3px 9px;border-radius:999px}
.tr-video{width:100%;aspect-ratio:16/9;max-width:100%;border-radius:10px;background:#000}
.tr-text{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.tr-text-h{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 8px 8px 14px;background:var(--bg);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.tr-part{border-top:1px solid var(--line)}
.tr-part summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:10px;padding:11px 14px;font-weight:600;font-size:14.5px;line-height:1.35}
.tr-part summary::-webkit-details-marker{display:none}
.tr-part summary::after{content:"";margin-left:auto;flex:none;width:8px;height:8px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);transition:transform .15s}
.tr-part[open] summary::after{transform:rotate(-135deg)}
.tr-part summary:hover{background:var(--bg)}
.tr-part summary:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.tr-pn{flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--tone);color:#fff;font-size:12px;font-weight:700}
.tr-part p{margin:0;padding:0 14px 14px 46px;line-height:1.6;font-size:14.5px;max-width:75ch;color:var(--fg2)}
.consent{display:flex;gap:9px;align-items:flex-start;font-size:13px;line-height:1.45;color:var(--fg2);cursor:pointer}
.consent input{flex:none;width:17px;height:17px;margin:1px 0 0;accent-color:var(--accent)}
.adm{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:12px;margin-top:4px}
.adm>div{flex:1 1 200px}
.tr-actions{display:flex;gap:8px;flex-wrap:wrap}
.tr-debrief{border-top:1px solid var(--line);padding-top:14px}
.tr-dl{margin:6px 0 0;padding-left:18px;display:flex;flex-direction:column;gap:6px;line-height:1.5;font-size:14px}
.tr-tip{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-top:12px;flex-wrap:wrap}
.tr-tip h3{margin:0 0 4px}
.tr-tip p{margin:0;font-size:14px;color:var(--fg2)}
.tr-ribbon{background:var(--accent-weak);color:var(--accent-ink);border-radius:10px;padding:10px 14px;font-size:13.5px;margin-bottom:12px}
.tr-ribbon a{font-weight:600}

/* главная */
.home{max-width:960px;margin:0 auto;padding:24px 16px 60px;display:flex;flex-direction:column;gap:18px}
.home-h{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.home-h h1{font-size:22px;margin:0;margin-right:auto}
.blist{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.bitem{display:flex;flex-direction:column;gap:8px;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px 16px;color:var(--fg);text-decoration:none;min-width:0}
.bitem:hover{border-color:var(--line2);box-shadow:var(--shadow)}
.bitem .t{font-weight:600;font-size:15px;overflow-wrap:anywhere}
.bitem .s{color:var(--muted);font-size:12.5px;display:flex;gap:10px;flex-wrap:wrap}
.strip{display:flex;gap:3px}
.strip i{height:5px;flex:1;border-radius:3px;background:var(--paper)}
.empty{padding:30px;text-align:center;color:var(--muted);border:1.5px dashed var(--line2);border-radius:12px}
.profile{display:flex;gap:10px;align-items:end;flex-wrap:wrap}
.profile .field{flex:1 1 220px}

/* вступление о модели ДАО */
.dao{display:grid;grid-template-columns:auto minmax(0,1fr);gap:22px;align-items:start;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:20px 22px}
.dao-glyph{font-family:"Songti SC","STSong","Noto Serif CJK SC","SimSun",serif;font-size:76px;line-height:1;color:var(--logo-tile);opacity:.9;padding-top:2px}
.dao.closed .dao-glyph{font-size:40px}
.dao-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.dao-eye{font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.dao h2{margin:2px 0 0;font-size:21px;text-wrap:balance}
.dao-cols{display:flex;flex-direction:column;gap:12px;margin-top:14px}
.dao-cols>div{display:grid;grid-template-columns:190px minmax(0,1fr);gap:14px;align-items:baseline}
.dao-cols h3{margin:0;font-size:14px}
.dao-cols p{margin:0;font-size:13.5px;line-height:1.55;color:var(--fg2);max-width:75ch}
.dao-verdict{margin:14px 0 0;padding-top:12px;border-top:1px solid var(--line);font-size:13.5px;line-height:1.55;color:var(--fg)}

/* карточка переговоров */
.meta{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px 12px;margin-bottom:16px}
.meta .w2{grid-column:span 2} .meta .w3{grid-column:span 3}
.meta-toggle{display:flex;align-items:center;gap:6px 10px;margin-bottom:10px;flex-wrap:wrap}

/* предупреждение о глубинных вопросах */
.deepwarn{background:var(--warn-weak);border:1px solid color-mix(in srgb,var(--warn) 35%,transparent);border-left:5px solid var(--warn);border-radius:12px;padding:14px 16px;margin-bottom:14px}
.deepwarn.closed{padding:10px 16px}
.dw-top{display:flex;align-items:center;gap:10px}
.dw-mark{width:24px;height:24px;border-radius:50%;background:var(--warn);color:var(--warn-weak);display:grid;place-items:center;font-weight:800;font-size:14px;flex:none}
.dw-title{font-weight:700;font-size:15px;flex:1;color:var(--fg);text-wrap:balance}
.dw-list{margin:10px 0 0;padding-left:56px;display:flex;flex-direction:column;gap:4px;font-size:15px;font-weight:600;line-height:1.4;color:var(--fg)}
.dw-list li::marker{color:var(--warn);font-weight:700}
.dw-why{margin:10px 0 0 34px;font-size:13.5px;line-height:1.55;color:var(--fg2);max-width:80ch}

/* доска */
.board{--bd-bg:var(--board);--bd-img:radial-gradient(var(--dot) 1px,transparent 1.2px);--bd-size:18px 18px;--bd-fg:var(--fg);--bd-cell:11%;background-color:var(--bd-bg);background-image:var(--bd-img);background-size:var(--bd-size);border:1px solid var(--line);border-radius:14px;padding:12px;overflow:hidden;color:var(--bd-fg)}
.brow{display:grid;grid-template-columns:minmax(0,1fr) 170px minmax(0,1fr);gap:10px}
.brow+.brow{margin-top:10px}
.bhead .side{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:6px 4px}
.bhead .side h3{margin:0;font-size:15px;color:var(--bd-fg)}
.bhead .side.them{justify-content:flex-end}
.pads{display:flex;gap:6px;flex-wrap:wrap}
.pad{width:30px;height:30px;border:0;border-radius:3px;background:var(--paper);box-shadow:0 1px 0 rgba(0,0,0,.08),2px 2px 0 -1px rgba(0,0,0,.06),3px 3px 0 -1px var(--paper),4px 4px 1px -1px rgba(0,0,0,.12);touch-action:none;position:relative;transition:transform .12s}
.pad:hover{transform:translateY(-2px) rotate(-3deg)}
.pad span{position:absolute;inset:0;display:grid;place-items:center;font-size:12px;font-weight:700;color:var(--ink2)}
.spine{display:flex;flex-direction:column;justify-content:center;gap:4px;padding:10px 12px;border-radius:10px;background:var(--surface);border:1px solid var(--line);border-left:5px solid var(--cc);min-width:0}
.spine .q{font-weight:600;font-size:15px;line-height:1.35;color:var(--cc);text-wrap:balance}
.spine .cnt{font-size:11.5px;color:var(--fg2);font-variant-numeric:tabular-nums}
.bhead .spine{border-left-width:1px;text-align:center;align-items:center;background:transparent;border:0}
.bhead .spine .muted{color:var(--bd-fg)!important;opacity:.7}
.cell{min-height:132px;border-radius:10px;border:1.5px dashed transparent;padding:40px 8px 10px;display:flex;flex-wrap:wrap;align-content:flex-start;gap:10px;position:relative;background:color-mix(in srgb,var(--paper) var(--bd-cell),transparent)}
.cell.drop{border-color:var(--cc);background:color-mix(in srgb,var(--paper) 30%,transparent)}
.cell .helpbtn{position:absolute;top:6px;right:6px;z-index:2}
.cell.them .helpbtn{right:auto;left:6px}
.cell-lbl{position:absolute;top:9px;left:10px;font-weight:700;font-size:14px;color:var(--cc);letter-spacing:.01em}
.cell.them .cell-lbl{left:auto;right:10px}
.helpbtn{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px 0 5px;border-radius:999px;border:0;background:var(--surface);color:var(--cc);font-size:12.5px;font-weight:600;box-shadow:0 0 0 1px color-mix(in srgb,var(--cc) 22%,transparent),0 2px 6px -2px rgba(0,0,0,.18);transition:transform .15s,box-shadow .15s,background .15s}
.helpbtn .ic{position:relative;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--paper) 55%,transparent)}
.helpbtn .ic svg{width:14px;height:14px;position:relative;z-index:1}
.helpbtn .glass{fill:transparent;transition:fill .2s}
.helpbtn:hover,.helpbtn:focus-visible{transform:translateY(-1px);background:color-mix(in srgb,var(--paper) 30%,var(--surface));box-shadow:0 0 0 1px color-mix(in srgb,var(--cc) 40%,transparent),0 6px 14px -6px rgba(0,0,0,.35)}
.helpbtn:hover .glass,.helpbtn:focus-visible .glass{fill:#FFD84D}
.helpbtn:hover .ic{background:color-mix(in srgb,#FFD84D 35%,transparent)}
.helpbtn.invite .ic::before{content:"";position:absolute;inset:-3px;border-radius:50%;background:var(--paper);opacity:0;animation:halo 2.6s ease-out infinite}
@keyframes halo{0%{transform:scale(.7);opacity:.75}70%,100%{transform:scale(1.6);opacity:0}}
.note.pop{animation:pop 1.2s ease-out}
@keyframes pop{0%{transform:scale(.6) rotate(-8deg);opacity:0}35%{transform:scale(1.06) rotate(1deg);opacity:1;box-shadow:0 0 0 4px var(--accent),0 12px 20px -8px rgba(0,0,0,.4)}100%{transform:rotate(var(--rot,0deg))}}
.help-stuck kbd{font-family:var(--font);font-size:11px;border:1px solid var(--line);border-bottom-width:2px;border-radius:4px;padding:0 4px;background:var(--surface)}
.cell.them{justify-content:flex-end}

/* пустой стикер с плюсом */
.note-add{width:184px;min-height:120px;border:2px dashed color-mix(in srgb,var(--cc) 55%,transparent);border-radius:4px;background:color-mix(in srgb,var(--paper) 14%,transparent);color:var(--cc);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px;transition:background .15s,border-color .15s,transform .15s}
.note-add b{font-size:34px;font-weight:400;line-height:1}
.note-add span{font-size:12px;font-weight:600;text-align:center;line-height:1.3;opacity:.85}
.note-add:hover,.note-add:focus-visible{background:color-mix(in srgb,var(--paper) 45%,transparent);border-style:solid;transform:translateY(-1px)}

/* стикер */
.note{width:184px;min-height:120px;background:var(--paper);color:var(--ink);border-radius:2px 2px 6px 2px;box-shadow:0 1px 1px rgba(0,0,0,.1),0 6px 12px -6px rgba(0,0,0,.35);position:relative;display:flex;flex-direction:column;transform:rotate(var(--rot,0deg));transition:box-shadow .15s,transform .15s}
.note:hover,.note:focus-within{transform:rotate(0) translateY(-1px);box-shadow:0 2px 2px rgba(0,0,0,.1),0 12px 20px -8px rgba(0,0,0,.4);z-index:3}
.note.guess{background-image:repeating-linear-gradient(-45deg,transparent 0 9px,rgba(255,255,255,.22) 9px 11px)}
.note.dragging{opacity:.35}
.note .grip{height:16px;cursor:grab;touch-action:none;display:flex;justify-content:center;align-items:center;flex:none}
.note .grip::before{content:"";width:46px;height:12px;background:rgba(255,255,255,.45);border-radius:1px;margin-top:-4px;box-shadow:0 1px 1px rgba(0,0,0,.06)}
.note textarea{flex:1 0 auto;border:0;background:transparent;resize:none;padding:0 10px 4px;font-family:var(--hand);font-size:20px;line-height:1.15;color:var(--ink);min-height:62px;overflow:hidden}
.note textarea::placeholder{color:var(--ink2)}
.note textarea:focus{outline:0}
.note .del{position:absolute;top:0;right:0;width:24px;height:22px;border:0;background:transparent;color:var(--ink2);font-size:16px;line-height:1;opacity:0;border-radius:0 2px 0 6px}
.note:hover .del,.note:focus-within .del{opacity:1}
.note .del:hover{color:var(--ink);background:rgba(0,0,0,.08)}
.nfoot{display:flex;flex-wrap:wrap;gap:4px 6px;padding:4px 8px 7px;align-items:center}
.nchip{border:0;background:rgba(255,255,255,.5);color:var(--ink);font-size:11px;font-weight:600;padding:2px 7px;border-radius:999px;line-height:1.5}
.nchip:hover{background:rgba(255,255,255,.75)}
.nchip.g{background:transparent;border:1px dashed rgba(34,38,47,.45)}
.dots{display:inline-flex;align-items:center;gap:2px;font-size:10.5px;color:var(--ink2);font-weight:600}
.dots button{width:13px;height:13px;border-radius:50%;border:1.5px solid rgba(34,38,47,.5);background:transparent;padding:0}
.dots button.on{background:var(--ink);border-color:var(--ink)}
.dots .lbl{margin-right:3px;min-width:52px}
.note .who{position:absolute;bottom:-9px;right:6px;font-size:10px;font-weight:600;color:#fff;padding:1px 6px;border-radius:999px}
.note.peer{outline:2px solid var(--pc);outline-offset:2px}
.dragghost{position:fixed;z-index:100;pointer-events:none;transform:rotate(-3deg);box-shadow:var(--lift)!important;opacity:.95}
.dragghost.padg{width:120px;height:90px;border-radius:2px;background:var(--paper)}

/* помощь */
.scrim{position:fixed;inset:0;background:rgba(15,17,24,.42);z-index:60;display:grid;place-items:center;padding:16px}
.dlg{background:var(--surface);border-radius:14px;box-shadow:var(--lift);width:min(560px,100%);max-height:calc(100% - 32px);overflow:auto;display:flex;flex-direction:column}
.dlg-h{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line)}
.dlg-h h3{margin:0;font-size:16px;flex:1;min-width:0}
.dlg-b{padding:16px;display:flex;flex-direction:column;gap:12px}
.dlg-f{display:flex;gap:8px;justify-content:flex-end;padding:12px 16px;border-top:1px solid var(--line);flex-wrap:wrap}
.help-tag{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--cc)}
.help-tag i{width:14px;height:14px;border-radius:2px;background:var(--paper)}
.help-q{font-size:19px;font-weight:600;line-height:1.35;text-wrap:balance;min-height:52px}
.help-dots{display:flex;gap:5px;align-items:center}
.help-dots button{width:22px;height:22px;border-radius:50%;border:1.5px solid var(--line2);background:var(--surface);font-size:11px;font-weight:600;color:var(--muted);padding:0}
.help-dots button.done{background:var(--paper);border-color:var(--cc);color:var(--ink)}
.help-dots button.cur{outline:2px solid var(--accent);outline-offset:1px}
.help-ans{background:var(--paper);color:var(--ink);border:0;border-radius:3px;font-family:var(--hand);font-size:22px;line-height:1.2;padding:12px;min-height:110px;resize:vertical;box-shadow:0 4px 10px -6px rgba(0,0,0,.35)}
.help-ans::placeholder{color:var(--ink2)}
.help-ans:focus{outline:2px solid var(--accent);outline-offset:2px}
.help-stuck{font-size:12.5px;color:var(--muted)}

/* сопоставление */
.match{display:grid;grid-template-columns:250px minmax(0,1fr);gap:16px;align-items:start}
.pairs{display:flex;flex-direction:column;gap:4px;position:sticky;top:120px}
.pairbtn{display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px;text-align:left;border:1px solid transparent;background:transparent;border-radius:10px;padding:8px 10px;align-items:start}
.pairbtn:hover{background:var(--hover)}
.pairbtn[aria-current="true"]{background:var(--surface);border-color:var(--line);box-shadow:var(--shadow)}
.pairbtn b{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--surface2);font-size:12px;color:var(--fg2)}
.pairbtn[aria-current="true"] b{background:var(--accent);color:var(--on-accent)}
.pairbtn .pt{font-size:13.5px;font-weight:600;line-height:1.3;text-wrap:balance}
.pairbtn .ps{font-size:11.5px;color:var(--muted);margin-top:2px;display:flex;gap:8px}
.pairbtn .ps .bad{color:var(--warn)}
.mcols{display:grid;grid-template-columns:minmax(0,1fr) 90px minmax(0,1fr);position:relative}
.mcol{display:flex;flex-direction:column;gap:8px;min-width:0}
.mcol h4{margin:0 0 4px;font-size:13px;display:flex;gap:6px;align-items:center;color:var(--cc)}
.mcol h4 i{width:12px;height:12px;border-radius:2px;background:var(--paper)}
.mnote{background:var(--paper);color:var(--ink);border:0;border-radius:3px;padding:9px 12px;text-align:left;font-family:var(--hand);font-size:19px;line-height:1.15;box-shadow:0 3px 8px -5px rgba(0,0,0,.4);position:relative;min-height:44px;outline:2px solid transparent;outline-offset:2px}
.mnote:hover{outline-color:var(--line2)}
.mnote.sel{outline:3px solid var(--accent)}
.mnote.linked::after{content:"";position:absolute;top:50%;width:9px;height:9px;border-radius:50%;background:var(--accent);transform:translateY(-50%)}
.mcol.a .mnote.linked::after{right:-14px} .mcol.b .mnote.linked::after{left:-14px}
.mnote .meta-s{display:block;font-family:var(--font);font-size:11px;color:var(--ink2);margin-top:3px}
.mlines{position:absolute;inset:0;pointer-events:none;overflow:visible}
.mlines path{fill:none;stroke:var(--accent);stroke-width:2;opacity:.7}
.mempty{font-size:12.5px;color:var(--muted);padding:12px;border:1.5px dashed var(--line2);border-radius:10px}
.mhint{background:var(--accent-weak);color:var(--accent-ink);border-radius:10px;padding:9px 12px;font-size:13px;margin:12px 0}
.links,.gaps{display:flex;flex-direction:column;gap:8px}
.lrow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:start;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px 12px}
.lrow .pairtxt{font-size:12px;color:var(--muted);margin-bottom:5px;display:flex;flex-wrap:wrap;gap:4px;align-items:center}
.lrow .pairtxt mark{background:var(--paper);color:var(--ink);padding:0 5px;border-radius:3px}
.grow{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--warn);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:8px}
.grow.res{border-left-color:var(--ok)}
.grow.skip{border-left-color:var(--line2);opacity:.75}
.grow .src{font-size:12px;color:var(--muted)}
.grow .src mark{background:var(--paper);color:var(--ink);padding:0 5px;border-radius:3px}
.grow .acts{display:flex;gap:6px;flex-wrap:wrap}
.grow .acts .btn[aria-pressed="true"]{background:var(--accent-weak);border-color:var(--accent);color:var(--accent-ink)}

.pair-h{margin:0 0 12px}
.pair-k{font-size:12.5px;color:var(--muted);font-weight:600;margin-bottom:4px}
.pair-h h2{font-size:24px;line-height:1.25;margin:0;text-wrap:balance}

/* защита */
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.stack{display:flex;flex-direction:column;gap:12px}
.redline,.opora{border:2px solid var(--ok);background:var(--ok-weak)}
.redline h3,.opora h3{color:var(--ok)}
.ladder{display:flex;flex-direction:column;gap:6px}
.lstep{display:grid;grid-template-columns:28px minmax(0,1fr) minmax(0,1fr) auto;gap:8px;align-items:center}
.lstep .num{width:26px;height:26px;border-radius:50%;background:var(--surface2);display:grid;place-items:center;font-size:12px;font-weight:600}
.lend{font-size:13px;padding:8px 12px;border-radius:8px;background:var(--surface2)}
.lend.top{background:var(--ok-weak);color:var(--ok)} .lend.bottom{background:var(--danger-weak);color:var(--danger)}
.lend b{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}
.orow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) auto;gap:8px;align-items:start}
.sugg{display:flex;gap:6px;flex-wrap:wrap}
.trow{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;padding:10px 0;border-top:1px solid var(--line)}
.trow:first-child{border-top:0}
.trow .tn{font-weight:600;font-size:13.5px}
.trow .td{font-size:12.5px;color:var(--muted);margin:2px 0 6px}
.trow input[type=checkbox]{width:18px;height:18px;margin-top:2px;accent-color:var(--accent)}

/* о программе */
.about{max-width:860px;margin:0 auto;display:flex;flex-direction:column;gap:30px}
.about h2{font-size:22px;margin:0 0 10px;text-wrap:balance}
.about p{margin:0 0 10px;line-height:1.6;font-size:14.5px;max-width:70ch}
.about .lead{font-size:16px;color:var(--fg)}
.fields{display:flex;flex-direction:column;gap:8px;margin:14px 0 16px}
.fcard{display:grid;grid-template-columns:170px minmax(0,1fr);gap:14px;align-items:baseline;background:var(--surface);border:1px solid var(--line);border-left:6px solid var(--paper);border-radius:10px;padding:12px 16px}
.fcard .fh{display:flex;align-items:center;gap:7px;font-weight:700;font-size:15px;color:var(--cc)}
.fcard .fh i{width:14px;height:14px;border-radius:2px;background:var(--paper)}
.fcard p{font-size:13.5px;line-height:1.5;margin:0;color:var(--fg2)}
.howto{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.howto li{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px 16px}
.howto .hh{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.howto .hh b{width:26px;height:26px;border-radius:50%;background:var(--accent);color:var(--on-accent);display:grid;place-items:center;font-size:13px;flex:none}
.howto .hh h3{margin:0;font-size:16px;flex:1}
.howto p{font-size:14px;margin:0 0 6px}
.tips{margin-top:12px}
.about-go{display:flex;justify-content:center;margin-top:22px}
.btn.green{background:var(--go);border-color:var(--go);color:var(--on-ok);height:40px;padding:0 34px;font-size:14px;font-weight:600;border-radius:999px}
.btn.go{background:var(--go);border-color:var(--go);color:var(--on-ok);font-weight:600}
.btn.go:hover{background:var(--go);filter:brightness(1.08)}
.btn.green:hover{background:var(--go);filter:brightness(1.08)}
.tips ul{margin:6px 0 0;padding-left:18px;display:flex;flex-direction:column;gap:6px;line-height:1.5}

/* шпаргалка */
.sheet{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:14px}
.sheet-h{display:flex;gap:12px;align-items:flex-start;flex-wrap:wrap}
.sheet-h h2{margin:0;font-size:22px;flex:1;min-width:220px;text-wrap:balance}
.sheet-h .s{color:var(--muted);font-size:13px;margin-top:4px}
.gauge{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:center}
.gauge .big{width:92px;height:92px;border-radius:50%;background:conic-gradient(var(--rc) calc(var(--v)*1%),var(--surface2) 0);display:grid;place-items:center}
.gauge .big span{width:72px;height:72px;border-radius:50%;background:var(--surface);display:grid;place-items:center;font-size:22px;font-weight:700;font-variant-numeric:tabular-nums}
.gauge .lvl{font-size:17px;font-weight:700;color:var(--rc)}
.todo{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:5px}
.todo li{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:8px;font-size:13px;align-items:start}
.todo li .ic{font-weight:700}
.todo li.ok .ic{color:var(--ok)} .todo li.no .ic{color:var(--danger)} .todo li.warn .ic{color:var(--warn)}
.todo li.ok{color:var(--muted)}
.todo .go{border:0;background:transparent;color:var(--accent);font-size:12px;padding:0}
.rsec h3{display:flex;align-items:center;gap:8px}
.rsec h3 .n{font-size:12px;color:var(--muted);font-weight:500}
.rlist{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column}
.rlist li{padding:8px 0;border-top:1px solid var(--line);font-size:13.5px;line-height:1.45;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start}
.rlist li:first-child{border-top:0}
.rlist .src{display:block;font-size:12px;color:var(--muted)}
.qstate{border:1px solid var(--line);background:var(--surface);border-radius:999px;font-size:11.5px;padding:3px 9px;white-space:nowrap;font-weight:600;color:var(--muted)}
.qstate.s1{background:var(--warn-weak);color:var(--warn);border-color:transparent}
.qstate.s2{background:var(--ok-weak);color:var(--ok);border-color:transparent}
.kv{display:grid;grid-template-columns:170px minmax(0,1fr);gap:6px 14px;font-size:13.5px;line-height:1.45}
.kv dt{color:var(--muted)} .kv dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.ppl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ppl h4{margin:0 0 6px;font-size:12.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
.dash{color:var(--muted);font-size:13px}

/* после встречи */
.verify{display:flex;flex-direction:column;gap:6px}
.vrow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 10px;border-radius:8px;background:var(--surface2)}
.vrow mark{background:var(--paper);color:var(--ink);padding:1px 6px;border-radius:3px;font-family:var(--hand);font-size:18px}

/* меню, тосты */
.menu{position:fixed;z-index:70;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:var(--lift);padding:5px;min-width:220px;display:flex;flex-direction:column}
.menu button{border:0;background:transparent;text-align:left;padding:8px 10px;border-radius:7px;font-size:13.5px}
.menu button:hover{background:var(--hover)}
.menu button.danger{color:var(--danger)}
.menu hr{border:0;border-top:1px solid var(--line);margin:4px 0}
#toasts{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:90;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}
.toast{background:var(--fg);color:var(--bg);padding:9px 14px;border-radius:9px;font-size:13px;box-shadow:var(--lift);pointer-events:auto;display:flex;gap:12px;align-items:center;max-width:calc(100vw - 32px)}
.toast button{border:0;background:transparent;color:var(--accent-weak);font-weight:600;padding:0}
.mrow{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:10px;align-items:center;padding:6px 0}
.mrow .e{font-size:12px;color:var(--muted);overflow-wrap:anywhere}
.linkbox{display:flex;gap:6px}
.linkbox input{flex:1}

@media (max-width:1100px){
  .meta{grid-template-columns:repeat(2,minmax(0,1fr))} .meta .w2,.meta .w3{grid-column:span 2}
  .match{grid-template-columns:minmax(0,1fr)}
  .pairs{position:static;flex-direction:row;overflow-x:auto;padding-bottom:4px}
  .pairbtn{min-width:220px}
}
@media (max-width:820px){
  .brow{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
  .brow .spine{grid-column:1/-1;order:-1;flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding:8px 10px}
  .spine .q{font-size:14px}
  .helpbtn .hl{display:none}
  .helpbtn{width:30px;height:30px;justify-content:center;padding:0}
  .cell-lbl{font-size:12.5px}
  .cell.them .cell-lbl{left:10px;right:auto}
  .bhead .spine{display:none}
  .bhead .side.them{justify-content:flex-start}
  .cell.them{justify-content:flex-start}
  .cell.them .helpbtn{left:auto;right:6px}
  .note,.note-add{width:100%}
  .note-add{min-height:76px}
  .note textarea{font-size:18px;padding:0 8px 4px}
  .dots .lbl{min-width:0;width:100%}
  .nfoot{padding:4px 6px 7px}
  .grid2,.ppl,.tr-roles,.tr-scen{grid-template-columns:minmax(0,1fr)}
  .toptabs{margin-left:0}
  .top .appname,.top .vsep{display:none}
  .dao-cols>div{grid-template-columns:minmax(0,1fr);gap:4px}
  .fcard{grid-template-columns:minmax(0,1fr);gap:4px}
  .dao{grid-template-columns:minmax(0,1fr);gap:8px;padding:16px}
  .dw-list{padding-left:22px}
  .dw-why{margin-left:0}
  .dao-glyph{font-size:44px}
  .mcols{grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr)}
  .mnote{font-size:17px;padding:8px}
  .orow{grid-template-columns:minmax(0,1fr)}
  .lstep{grid-template-columns:26px minmax(0,1fr) auto}
  .lstep .get{grid-column:2/3}
  .kv{grid-template-columns:minmax(0,1fr)}
  .kv dt{margin-top:6px}
  .hide-sm{display:none!important}
  .ready-pill .txt{display:none}
  .top .logo .word{display:none}
}
@media (max-width:480px){
  .meta{grid-template-columns:minmax(0,1fr)} .meta .w2,.meta .w3{grid-column:auto}
  .top{gap:6px;padding:0 10px}
  .title-inp{font-size:14px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* печать и PDF */
#print{display:none}
@media print{
  @page{size:A4;margin:14mm 12mm}
  html,body{height:auto;background:#fff}
  body>*:not(#print){display:none!important}
  #print{display:block;
    --bg:#fff;--surface:#fff;--surface2:#F1F2F6;--fg:#1F2330;--fg2:#4A4F5E;--muted:#6B7080;--line:#E4E6EC;--line2:#C9CCD6;
    --accent:#4F46E5;--danger:#C9343E;--danger-weak:#FBEAEB;--warn:#B45309;--warn-weak:#FDF1E1;--ok:#0E7A6E;--ok-weak:#E3F3F0;
    --p-int:#B6EAAE;--p-risk:#FF9F9F;--p-frame:#FFC4A0;--p-res:#FFE48A;--p-alt:#D5C1FF;--p-ppl:#AED4FF;
    --c-int:#23803A;--c-risk:#C42B35;--c-frame:#C2541A;--c-res:#946500;--c-alt:#6B47C8;--c-ppl:#1F6FD0;--logo-word:#3B2F7A;
    color:#1F2330;font-size:11pt;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  #print .pr-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #E4E6EC;padding-bottom:8px;margin-bottom:10px}
  #print .pr-meta{font-size:9pt;color:#6B7080}
  #print .sheet{max-width:none;gap:8px}
  #print .btn,#print .go{display:none!important}
  #print .card{border:1px solid #E4E6EC;border-radius:8px;padding:10px 12px;break-inside:avoid}
  #print .rsec{break-inside:auto}
  #print .rlist li{break-inside:avoid;padding:5px 0}
  #print .qstate{border:1px solid #C9CCD6;background:#fff!important;color:#4A4F5E!important}
  #print .gauge .big{width:64px;height:64px} #print .gauge .big span{width:50px;height:50px;font-size:15pt}
  #print .pr-board{break-before:page}
  #print .pr-sheet h2{font-size:18pt;margin:0 0 2px}
  #print .pr-sheet p{font-size:11.5pt;line-height:1.55;margin:0 0 8pt}
  #print .pr-board h2{font-size:16pt;margin:0 0 8px}
  #print table{width:100%;border-collapse:collapse;font-size:10pt}
  #print th,#print td{border:1px solid #E4E6EC;padding:6px 8px;vertical-align:top;text-align:left}
  #print thead th{background:#F1F2F6}
  #print tbody th{width:22%;color:var(--cc);white-space:nowrap}
  #print tbody th i{display:inline-block;width:10px;height:10px;border-radius:2px;background:var(--paper);margin-right:6px}
  #print tbody tr{break-inside:avoid}
  #print td ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
  #print td li{background:var(--paper);border-radius:3px;padding:4px 6px}
  #print .pn{display:block} #print .pt2{display:block;font-size:8.5pt;color:rgba(34,38,47,.65)}
}