/* CEOroom — «Накопитель», вид 3b (app/nakopitel.js). Эталон — макет ~/pf-private/ceo-home/redesign-apple/nakopitel/03b-kanban/mockup.html,
   панель Фокусника — ../fokus-final/mockup.html. Токены — таблица docs/design-rules.md раздел 7 (свои --nk-*). Тема — <html data-theme>.
   Отступления от design-rules.md по решению Владимира: доска листается вбок (31.10); карточка 80 px с заголовком до 2 строк вместо
   строки 56 px и заголовок экрана 20 px на ноутбуке — «плотнее, как в Todoist» (01.11). */
:root,:root[data-theme="dark"]{
  --nk-bg:#0E1012; --nk-card:#181B1E; --nk-card2:#22262A; --nk-line:rgba(255,255,255,.10); --nk-line-strong:rgba(255,255,255,.28);
  --nk-text:#EDEFF1; --nk-text2:#B4BBC2; --nk-accent:#C6D63F; --nk-fill:#C6D63F; --nk-onfill:#0E1012;
  --nk-attn:#F0A93B; --nk-onattn:#0E1012; --nk-ok:#45C27A; --nk-bad:#FF6B5B;
  --nk-own:#E3B341; --nk-man:#A391F5; --nk-spe:#8AA6D8; --nk-fde:#E3825A;
  --nk-shadow:none; --nk-col:var(--nk-card); --nk-kcard:var(--nk-card2); --nk-seg:var(--nk-card2); --nk-segon:#3A4046;
}
:root[data-theme="warm"]{
  --nk-bg:#D6CFC4; --nk-card:#E9E3D9; --nk-card2:#DDD6CB; --nk-line:rgba(52,42,32,.16); --nk-line-strong:rgba(52,42,32,.40);
  --nk-text:#231E19; --nk-text2:#51473D; --nk-accent:#4D5800; --nk-fill:#4D5800; --nk-onfill:#FFFFFF;
  --nk-attn:#7A4100; --nk-onattn:#FFFFFF; --nk-ok:#175A2F; --nk-bad:#A3291F;
  --nk-own:#8A6208; --nk-man:#5E4BBF; --nk-spe:#4E627E; --nk-fde:#A84B22;
  --nk-shadow:0 1px 2px rgba(60,40,20,.06); --nk-col:var(--nk-card2); --nk-kcard:var(--nk-card); --nk-seg:var(--nk-card2); --nk-segon:#F4EFE7;
}
:root[data-theme="light"]{
  --nk-bg:#F2F4F5; --nk-card:#FFFFFF; --nk-card2:#EBEEF0; --nk-line:rgba(17,20,23,.12); --nk-line-strong:rgba(17,20,23,.36);
  --nk-text:#111417; --nk-text2:#4A545C; --nk-accent:#566300; --nk-fill:#566300; --nk-onfill:#FFFFFF;
  --nk-attn:#995000; --nk-onattn:#FFFFFF; --nk-ok:#18794E; --nk-bad:#C2302A;
  --nk-own:#A87A0E; --nk-man:#6A55D6; --nk-spe:#566C8C; --nk-fde:#C0582C;
  --nk-shadow:0 1px 2px rgba(17,20,23,.06); --nk-col:var(--nk-card2); --nk-kcard:var(--nk-card); --nk-seg:#E3E7EA; --nk-segon:#FFFFFF;
}
.shell.v3s.nks .body,.shell.v3s.nks .main{background:var(--nk-bg)}
.nk{--nk-font:-apple-system,BlinkMacSystemFont,system-ui,"Segoe UI",Roboto,sans-serif;font-family:var(--nk-font);color:var(--nk-text);background:var(--nk-bg);
  font-size:17px;line-height:22px;-webkit-font-smoothing:antialiased;min-height:100%}
.nk *,.nk-sheet *{box-sizing:border-box}
.nk h1,.nk h2,.nk h3,.nk p,.nk-sheet h2,.nk-sheet h3,.nk-sheet p{margin:0;padding:0}
.nk :where(button,a),.nk-sheet :where(button,a){font:inherit;color:inherit;border:0;background:none;cursor:pointer;text-align:left;letter-spacing:inherit;text-decoration:none}
.nk button:disabled,.nk-sheet button:disabled{opacity:.45;cursor:default}
.nk :focus-visible,.nk-sheet :focus-visible{outline:3px solid var(--nk-accent);outline-offset:2px}
.nk svg.i,.nk-sheet svg.i{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none;display:block}
.nk .ph{display:none !important}
.nk-sp{flex:1}
.nk-num,.nk-cnt,.nk-n{font-variant-numeric:tabular-nums}

/* ── шапка (01.11: плотнее, как Todoist — заголовок 20, кнопки 36, сегменты 32) ── */
.nk-wrap{padding:12px 24px 24px}
.nk-top{display:flex;align-items:center;gap:12px;min-height:44px}
.nk-top h1{font-size:20px;line-height:25px;font-weight:700;letter-spacing:-.01em;white-space:nowrap}
.nk-back{margin-right:-4px}
.nk-seg{display:flex;padding:2px;gap:2px;border-radius:10px;background:var(--nk-seg);flex:none}
.nk-seg button{height:32px;border-radius:8px;padding:0 12px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:15px;line-height:20px;font-weight:600;white-space:nowrap;color:var(--nk-text)}
.nk-seg button.on{background:var(--nk-segon);box-shadow:0 1px 3px rgba(0,0,0,.14)}
.nk-cnt{color:var(--nk-text2);font-weight:500}
.nk-thm button{width:32px;padding:0;color:var(--nk-text2)}
.nk-thm button.on{color:var(--nk-text)}
.nk-thm svg.i{width:16px;height:16px}
.nk-btn{height:36px;padding:0 16px 0 12px;border-radius:18px;display:inline-flex;align-items:center;gap:8px;font-size:15px;line-height:20px;font-weight:600;white-space:nowrap;flex:none}
.nk-btn svg.i{width:18px;height:18px}
.nk-btn.fill{background:var(--nk-fill);color:var(--nk-onfill)}
.nk-btn.fill svg.i{stroke-width:2.2}
.nk-btn.sec{background:var(--nk-seg);color:var(--nk-text)}
.nk-btn.sec svg.i{color:var(--nk-text2)}
.nk-ib{width:36px;height:36px;border-radius:50%;display:grid !important;place-items:center;align-items:center;justify-content:center;flex:none;color:var(--nk-text);background:var(--nk-seg)}
.nk-ib svg.i{width:18px;height:18px}
.nk-ib.fill{background:var(--nk-fill);color:var(--nk-onfill)}
.nk-ib.on{color:var(--nk-accent)}
.nk-dd{position:relative;flex:none}
.nk-menu{position:absolute;top:44px;left:0;z-index:20;min-width:260px;padding:6px;border-radius:14px;background:var(--nk-card);box-shadow:0 8px 28px rgba(0,0,0,.28);border:1px solid var(--nk-line)}
.nk-menu button{width:100%;height:36px;border-radius:8px;padding:0 12px;display:flex;align-items:center;gap:12px;font-size:15px;line-height:20px;font-weight:500}
.nk-menu button span:first-child{flex:1;white-space:nowrap}
.nk-menu button:hover{background:var(--nk-seg)}
.nk-menu svg.i{color:var(--nk-accent);width:16px;height:16px}
.nk-focus{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:15px;line-height:20px;color:var(--nk-text2)}
.nk-focus svg.i{width:16px;height:16px}
.nk-link{color:var(--nk-accent) !important;font-weight:600;min-height:32px;padding:0 4px}
/* красные строки почты / YouTube (mail.js, youtube.js) — внутри Накопителя в его цветах */
.nk .rc-alert,.nk .ml-tile{display:flex;align-items:center;gap:12px;margin-top:8px;padding:6px 12px;border-radius:12px;background:var(--nk-card);color:var(--nk-text);font-size:15px;line-height:20px;width:100%}
.nk .rc-alert svg.i{color:var(--nk-bad)}
.nk .rc-alert .chipbtn{margin-left:auto;height:32px;padding:0 12px;border-radius:16px;background:var(--nk-seg);font-weight:600;white-space:nowrap;flex:none}
.nk .ml-tile .sp{flex:1}

/* ── навигатор колонок ── */
.nk-colnav{display:flex;align-items:center;gap:4px;margin-top:8px}
.nk-chips{display:flex;gap:2px;flex-wrap:nowrap;min-width:0;overflow:hidden}
.nk-chip{height:32px;border-radius:16px;padding:0 12px;display:flex;align-items:center;gap:6px;font-size:15px;line-height:20px;font-weight:600;white-space:nowrap;color:var(--nk-text2);flex:none}
.nk-chip.on{background:var(--nk-seg);color:var(--nk-text)}
.nk-dot{width:8px;height:8px;border-radius:50%;background:var(--nk-attn);flex:none}
.nk-colnav .nk-ib{width:32px;height:32px;background:none}
.nk-colnav .nk-ib:disabled{opacity:.35}
.nk-dots{display:none}

/* ── доска + справа панель Фокусника. Колонки листаются вбок (как в Todoist), на ноутбуке видно 3 колонки ── */
.nk-main{display:flex;gap:16px;align-items:flex-start;margin-top:8px;min-width:0}
.nk-bw{flex:1;min-width:0;order:1}
.nk-board{--colw:max(320px,calc((100% - 24px) / 3));display:flex;gap:12px;align-items:stretch;padding:0 0 4px;
  overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.nk-board::-webkit-scrollbar{display:none}
.nk-col{flex:none;width:var(--colw);background:var(--nk-col);border-radius:16px;padding:0 6px 6px;scroll-snap-align:start;display:flex;flex-direction:column}
.nk-col.over{outline:2px dashed var(--nk-accent);outline-offset:-2px}
.nk-chd{display:flex;align-items:center;gap:8px;height:40px;padding:0 10px;flex:none}
.nk-chd .nk-nm{font-size:17px;line-height:22px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.nk-chd .nk-n{margin-left:auto;font-size:15px;line-height:20px;color:var(--nk-text2)}
.nk-pav{width:32px;height:32px;border-radius:50%;display:grid !important;place-items:center;flex:none;margin:0 -4px 0 -6px}
.nk-pav>span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--nk-kcard);color:var(--nk-text2)}
.nk-pav svg.i{width:14px;height:14px}
.nk-badge{min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--nk-attn);color:var(--nk-onattn);font-size:13px;line-height:20px;font-weight:700;text-align:center;font-variant-numeric:tabular-nums;flex:none}
.nk-cards{display:flex;flex-direction:column;gap:8px}
.nk-note{font-size:15px;line-height:20px;color:var(--nk-text2);padding:4px 10px 8px}
.nk-note.nk-wide{padding:16px 0}
.nk-more{height:36px;border-radius:10px;display:flex !important;align-items:center;gap:6px;padding:0 10px;font-size:15px;line-height:20px;font-weight:600;color:var(--nk-accent) !important;width:100%;flex:none;margin-top:2px}
.nk-more.t2{color:var(--nk-text2) !important}
.nk-more svg.i{width:16px;height:16px}
.nk-cards+.nk-more{margin-top:6px}

/* ── КАРТОЧКА: 80 px (01.11 «как в Todoist»), заголовок 15/20 до 2 строк, под ним ряд значков 20 px, роль справа ── */
.nk-card{height:80px;background:var(--nk-kcard);border-radius:10px;box-shadow:var(--nk-shadow);padding:8px 12px;display:flex;flex-direction:column;gap:4px;cursor:pointer;flex:none;outline-offset:-2px;
  -webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.nk-card[data-drag]{cursor:grab}
.nk-card.dragging{opacity:.35}
.nk-ghost{position:fixed;left:0;top:0;z-index:60;pointer-events:none;cursor:grabbing;box-shadow:0 10px 28px rgba(0,0,0,.35);opacity:.96}
.nk-board.dnd .nk-col[data-drop]{box-shadow:inset 0 0 0 1px var(--nk-line-strong)}
.nk-card.done .nk-tt{color:var(--nk-text2);text-decoration:line-through}
.nk-hd{display:flex;align-items:flex-start;gap:8px;height:40px}
.nk-ck{width:32px;height:32px;margin:-6px -7px 0 -7px;display:grid !important;place-items:center;flex:none;border-radius:50%}
.nk-ck>span{width:18px;height:18px;border-radius:50%;border:2px solid var(--pc);display:grid;place-items:center;color:var(--nk-onfill)}
.nk-ck.on>span{background:var(--pc)}
.nk-ck>span svg.i{width:12px;height:12px;stroke-width:3}
.nk-ck.ro{cursor:inherit}
.nk-ck.p1{--pc:var(--nk-attn)}.nk-ck.p2{--pc:var(--nk-accent)}.nk-ck.p3{--pc:var(--nk-text2)}.nk-ck.p4{--pc:var(--nk-line-strong)}
.nk-tt{flex:1;min-width:0;font-size:15px;line-height:20px;font-weight:500;height:40px;overflow:hidden;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow-wrap:anywhere}
.nk-tt .tt-ic{display:inline-flex;vertical-align:-2px;margin-right:6px;color:var(--nk-text2)}
.nk-tt .tt-ic svg.i{width:15px;height:15px}
.nk-meta{display:flex;align-items:center;gap:12px;height:20px;min-width:0}
.nk-mi{display:inline-flex;align-items:center;gap:6px;height:20px;font-size:15px;line-height:20px;font-weight:500;color:var(--nk-text2);white-space:nowrap;flex:none;min-width:0}
.nk-mi svg.i{width:14px;height:14px}
.nk-mi.late{color:var(--nk-attn)}
.nk-mi.bad{color:var(--nk-bad)}
.nk-mi.ok svg.i{color:var(--nk-ok)}
.nk-mi.go svg.i{color:var(--nk-accent)}
.nk-meta .nk-mi:nth-child(3){flex:0 1 auto;overflow:hidden}
.nk-meta .nk-mi:nth-child(3) .nk-num{min-width:0;overflow:hidden;text-overflow:ellipsis}
.nk-ring{width:14px;height:14px;flex:none;display:block;transform:rotate(-90deg)}
.nk-ring circle{fill:none;stroke-width:3}
.nk-ring .tr{stroke:var(--nk-line-strong)}
.nk-ring .vl{stroke:var(--nk-accent);stroke-linecap:round}
.nk-ri{width:20px;height:20px;border-radius:50%;display:grid !important;place-items:center;flex:none;margin-left:auto;
  background:color-mix(in srgb,var(--rc) 20%,transparent);color:var(--rc)}
.nk-ri svg.i{width:12px;height:12px;stroke-width:2.2}
.nk-ri.sug{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--rc) 55%,transparent)}
.nk-rb{width:32px;height:32px;margin:-6px -6px -6px auto;display:grid !important;place-items:center;flex:none;border-radius:50%}
.nk-rb .nk-ri{margin:0}
.nk-ri.own,.nk-lc.own,.nk-rrg.own{--rc:var(--nk-own)}.nk-ri.man,.nk-lc.man,.nk-rrg.man{--rc:var(--nk-man)}
.nk-ri.spe,.nk-lc.spe,.nk-rrg.spe{--rc:var(--nk-spe)}.nk-ri.fde,.nk-lc.fde,.nk-rrg.fde{--rc:var(--nk-fde)}

/* ── панель Фокусника справа (рисунок fokus-final): «Сегодня» — кольца ролей, «Важное» — 3 задачи, «Другую» ── */
.nk-fk{flex:none;order:2;width:clamp(300px,25%,380px);position:sticky;top:8px;background:var(--nk-col);border-radius:16px;padding:12px 16px 16px;display:flex;flex-direction:column;gap:12px}
.nk-fh{display:flex;align-items:center;gap:8px;min-height:25px}
.nk-fh h2{font-size:20px;line-height:25px;font-weight:600}
.nk-sum{margin-left:auto;font-size:15px;line-height:20px;color:var(--nk-text2);font-variant-numeric:tabular-nums;white-space:nowrap}
.nk-fm{color:var(--nk-accent);display:inline-flex}
.nk-fm svg.i{width:20px;height:20px;stroke-width:2}
.nk-rt{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
.nk-rr{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:15px;line-height:20px;color:var(--nk-text2);font-variant-numeric:tabular-nums}
.nk-rrg{position:relative;width:36px;height:36px;flex:none;color:var(--rc)}
.nk-rg{width:36px;height:36px;transform:rotate(-90deg);display:block}
.nk-rg circle{fill:none;stroke-width:3.5}
.nk-rg .tr{stroke:var(--nk-line-strong)}
.nk-rg .vl{stroke:var(--rc);stroke-linecap:round}
.nk-rrg svg.i{position:absolute;left:11px;top:11px;width:14px;height:14px;stroke-width:2.2}
.nk-fsep{height:1px;background:var(--nk-line)}
.nk-f3{display:grid;grid-auto-rows:1fr;gap:8px}
.nk-fr{background:var(--nk-kcard);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--nk-shadow);min-width:0}
.nk-frh{display:flex;align-items:flex-start;gap:8px;min-width:0}
.nk-frh .nk-ri{margin:1px 0 0}
.nk-frt{flex:1;min-width:0;font-size:17px !important;line-height:22px;font-weight:600 !important;overflow:hidden;
  display:-webkit-box !important;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow-wrap:anywhere}
.nk-frt .tt-ic{display:inline-flex;vertical-align:-2px;margin-right:6px;color:var(--nk-text2)}
.nk-frt .tt-ic svg.i{width:16px;height:16px}
.nk-take{height:32px;border-radius:16px;padding:0 12px 0 8px;display:inline-flex !important;align-items:center;gap:6px;background:var(--nk-fill) !important;color:var(--nk-onfill) !important;font-size:15px;line-height:20px;font-weight:600;white-space:nowrap;flex:none}
.nk-take svg.i{width:16px;height:16px;stroke-width:2.2}
.nk-frl{display:flex;align-items:flex-start;gap:8px;font-size:15px;line-height:20px;color:var(--nk-text2);padding-left:28px;min-width:0}
.nk-frl.st{color:var(--nk-text)}
.nk-frl svg.i{width:14px;height:14px;margin-top:3px;flex:none}
.nk-frl span{min-width:0;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow-wrap:anywhere}
.nk-other{width:100%;justify-content:center;padding:0 16px}

/* ── легенда значков — одна строка, все значки одного размера: кружок 24 px со значком 14 px ── */
.nk-legend{display:flex;flex-wrap:nowrap;align-items:center;gap:16px;height:24px;margin-top:16px;font-size:15px;line-height:20px;color:var(--nk-text2);white-space:nowrap}
.nk-lg{display:flex;align-items:center;gap:8px;white-space:nowrap;height:24px;flex:none}
.nk-lc{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;flex:none;background:var(--nk-seg);color:var(--nk-text2)}
.nk-lc svg.i,.nk-lc svg.nk-ring{width:14px;height:14px}
.nk-lc svg.i{stroke-width:2}
.nk-lc.own,.nk-lc.man,.nk-lc.spe,.nk-lc.fde{background:color-mix(in srgb,var(--rc) 20%,transparent);color:var(--rc)}
.nk-lc.late{color:var(--nk-attn)}.nk-lc.ok{color:var(--nk-ok)}
.nk-sep{width:1px;height:20px;background:var(--nk-line-strong);flex:none}

/* ── окна поверх: «Решить», «Восстановление», «Агенты», новая задача ── */
.nk-sheet{position:fixed;z-index:31;left:50%;top:50%;transform:translate(-50%,-50%);width:min(560px,calc(100vw - 32px));max-height:calc(100vh - 64px);
  display:flex;flex-direction:column;border-radius:20px;background:var(--nk-card);color:var(--nk-text);box-shadow:0 12px 40px rgba(0,0,0,.35);
  font-family:-apple-system,BlinkMacSystemFont,system-ui,"Segoe UI",Roboto,sans-serif;font-size:17px;line-height:22px}
.nk-sheet.wide{width:min(720px,calc(100vw - 32px))}
.nk-sh-h{display:flex;align-items:center;gap:12px;padding:16px 16px 8px 24px}
.nk-sh-h h2{flex:1;font-size:20px;line-height:25px;font-weight:600}
.nk-sh-b{padding:8px 24px 24px;overflow-y:auto;-webkit-overflow-scrolling:touch}
.nk-wh{display:flex;gap:16px;flex-wrap:wrap}
.nk-wt{margin-top:12px;font-size:17px;line-height:22px;font-weight:600}
.nk-wx{margin-top:8px;white-space:pre-wrap;overflow-wrap:anywhere}
.nk-acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.nk-form{display:flex;flex-direction:column;gap:12px}
.nk-form input,.nk-form textarea{font:inherit;font-size:17px;line-height:22px;color:var(--nk-text);background:var(--nk-card2);border:1px solid var(--nk-line);border-radius:12px;padding:12px 14px;width:100%}
.nk-form input{height:48px}
.nk-form textarea{resize:vertical;min-height:72px}
.nk-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.nk-chip2{height:44px;min-width:44px;border-radius:22px;padding:0 14px;display:inline-flex !important;align-items:center;justify-content:center;gap:8px;background:var(--nk-seg);font-size:15px;line-height:20px;font-weight:600;white-space:nowrap}
.nk-chip2.on{box-shadow:inset 0 0 0 2px var(--nk-accent)}
.nk-chip2 .nk-ck{width:22px;height:22px;margin:0}
.nk-chip2 .nk-ri{margin:0}
.nk-chip2 svg.i{width:18px;height:18px}

/* ── телефон: панель Фокусника сверху («Сейчас»), под ней одна колонка, свайп, сверху точки ── */
@media (max-width:760px){
  .nk .ph{display:flex !important}.nk .dt{display:none !important}
  .nk-fh h2 .ph{display:inline !important}
  .nk-wrap{padding:8px 16px 24px}
  .nk-top{gap:8px}
  .nk-top h1{flex:1;font-size:28px;line-height:34px}
  .nk-top .nk-sp{display:none}
  .nk-back{margin-right:0}
  .nk-ib{width:44px;height:44px}
  .nk-whose.ph{margin-top:8px;width:100%}
  .nk-whose.ph button{flex:1;height:44px}
  .nk-menu{left:auto;right:-52px;min-width:260px}
  .nk-menu button{height:44px}
  .nk-main{flex-direction:column;align-items:stretch;gap:0}
  .nk-fk{order:0;width:auto;position:static;padding:12px 16px 16px;margin-bottom:4px}
  .nk-take{height:44px;border-radius:22px}
  .nk-frl.st{display:none} /* телефон: как на рисунке — название, «почему эта», «Взять» */
  .nk-other{height:44px;border-radius:22px}
  .nk-bw{margin:0 -16px}
  .nk-dots{display:flex;justify-content:center;align-items:center;gap:8px;height:28px;margin-top:4px}
  .nk-dots i{width:8px;height:8px;border-radius:4px;background:var(--nk-line-strong);display:block;transition:width .15s}
  .nk-dots i.on{width:20px;background:var(--nk-text)}
  .nk-board{--colw:calc(100vw - 16px - 12px - 16px);gap:12px;padding:0 16px 8px;scroll-padding-left:16px;align-items:flex-start}
  .nk-col{background:transparent;padding:0;border-radius:0}
  .nk-chd{padding:0 16px;height:44px}
  .nk-ck{width:44px;height:44px;margin:-12px -13px 0 -13px}
  .nk-rb{width:44px;height:44px;margin:-12px -12px -12px auto}
  .nk-pav{width:44px;height:44px;margin:0 -10px 0 -12px}
  .nk-more{height:44px;padding:0 16px}
  .nk-note.nk-wide{padding:16px}
  .nk-sheet{left:0;right:0;top:auto;bottom:0;transform:none;width:100%;max-height:88vh;border-radius:20px 20px 0 0;padding-bottom:env(safe-area-inset-bottom)}
  .nk-sheet.wide{width:100%}
  .nk-sh-b{padding:8px 16px 24px}
}
@media (prefers-reduced-motion:reduce){.nk-dots i{transition:none}.nk-board{scroll-behavior:auto}}