/* Ledgerly Notes (Keep-style). Uses the app tokens from app.css; follows html.dark-theme and the text-size setting (rem). */
.nk{display:flex;flex-direction:column;gap:16px;--pat:rgba(18,32,26,.08)}
html.dark-theme .nk,html.dark-theme .nk-editor,html.dark-theme .nk-pop{--pat:rgba(255,255,255,.08)}
.nk-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 20px}
.nk-head h1{font-size:1.75rem;letter-spacing:-.015em}
.nk-head p{color:var(--muted);margin-top:2px}
.nk-head-tools{display:flex;align-items:center;gap:6px;flex:1;justify-content:flex-end;min-width:240px}
.nk-search{display:flex;align-items:center;gap:8px;flex:1;max-width:420px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:8px 12px;color:var(--muted)}
.nk-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.nk-search input{border:0;background:none;outline:none;flex:1;min-width:0;color:var(--ink)}
.nk-search.sm{padding:6px 10px;margin:4px 6px 6px;border-radius:9px}
.nk-ib{width:2.5rem;height:2.5rem;border-radius:50%;border:0;background:none;display:inline-grid;place-items:center;color:var(--muted);flex:none;transition:background .12s,color .12s}
.nk-ib:hover{background:color-mix(in srgb,var(--ink) 8%,transparent);color:var(--ink)}
.nk-ib:disabled{opacity:.35;cursor:default;background:none}
.nk-ib.sm{width:2.15rem;height:2.15rem}
.nk-ib.xs{width:1.8rem;height:1.8rem}
.nk-ib.solid{background:rgba(0,0,0,.55);color:#fff}
.nk-ib.solid:hover{background:rgba(0,0,0,.75);color:#fff}
.nk-ib[aria-pressed="true"]{background:var(--accent-soft);color:var(--accent)}
.nk-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:10px;padding:8px 14px;font-weight:600;border:1px solid var(--line);background:var(--surface);color:var(--ink);white-space:nowrap}
.nk-btn:hover{border-color:var(--muted)}
.nk-btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.nk-btn.danger{background:var(--bad);border-color:var(--bad);color:#fff}
.nk-link{border:0;background:none;color:var(--accent);font-weight:600;padding:4px 2px}
.nk-link:hover{text-decoration:underline}
.nk-input{width:100%;min-height:2.5rem;border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:8px 10px;color:var(--ink);outline:none}
.nk-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.nk-faint{color:var(--muted);font-size:.85rem}
.nk-err{color:var(--bad);font-weight:600;font-size:.85rem;min-height:1em}
.nk-sp{flex:1}
:where(.nk,.nk-editor,.nk-pop,.nk-dialog,.nk-draw,.nk-light) :focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* chips */
.nk-chips{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 4px;scrollbar-width:none}
.nk-chips::-webkit-scrollbar{display:none}
.nk-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--surface);border-radius:99px;padding:6px 12px;font-weight:600;font-size:.85rem;white-space:nowrap;color:var(--muted)}
.nk-chip:hover{color:var(--ink);border-color:var(--muted)}
.nk-chip[aria-pressed="true"]{background:var(--accent-soft);border-color:transparent;color:var(--accent)}
.nk-chip em{font-style:normal;font-size:.75rem;background:var(--accent);color:var(--accent-ink);border-radius:99px;padding:0 6px}
.nk-chip.ghost{border-style:dashed}
.nk-filters{display:flex;flex-direction:column;gap:10px}
.nk-swatches{display:flex;flex-wrap:wrap;gap:6px}
.nk-sw{width:2rem;height:2rem;border-radius:50%;border:2px solid transparent;background:var(--nc,var(--surface));display:grid;place-items:center;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line);padding:0}
.nk-sw:hover{border-color:var(--muted)}
.nk-sw[aria-pressed="true"]{border-color:var(--accent)}
.nk-bgsw{background-color:var(--surface);background-size:10px 10px}
.nk-filters .nk-link{align-self:flex-start}

/* composer */
.nk-composer{display:flex;align-items:center;gap:2px;max-width:600px;width:100%;margin:0 auto;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:4px 6px 4px 4px;box-shadow:var(--shadow)}
.nk-take{flex:1;text-align:left;border:0;background:none;padding:12px 14px;color:var(--muted);font-weight:600;font-size:.95rem;border-radius:10px}
.nk-take:hover{color:var(--ink)}
.nk-banner{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;justify-content:center;color:var(--muted);font-style:italic;font-size:.9rem}
.nk-banner.in{justify-content:flex-start;font-style:normal;background:color-mix(in srgb,var(--ink) 6%,transparent);border-radius:10px;padding:8px 12px;margin-bottom:10px}

/* grid */
.nk-sections{display:flex;flex-direction:column;gap:8px}
.nk-sec{font-family:var(--body);font-size:.72rem;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);font-weight:700;margin:6px 4px 2px}
.nk-grid.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));grid-auto-rows:4px;column-gap:14px;align-items:start}
.nk-grid.list{display:flex;flex-direction:column;gap:12px;max-width:600px;width:100%;margin:0 auto}
.nk-grid.grid .nk-card{margin-bottom:14px}

/* card */
.nk-card{--nc:var(--surface);position:relative;background:var(--nc);border:1px solid var(--line);border-radius:12px;cursor:default;transition:box-shadow .15s,border-color .15s;outline:none;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none}
.nk-card:hover{box-shadow:0 1px 3px rgba(0,0,0,.12),0 4px 14px rgba(0,0,0,.08)}
.nk-card:focus-visible,.nk-card.focus:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}
.nk-card.sel{border-color:var(--ink);box-shadow:0 0 0 2px var(--ink)}
.nk-card.dragging{opacity:.55;box-shadow:0 10px 30px rgba(0,0,0,.25);z-index:2}
body.nk-dragging,body.nk-dragging *{cursor:grabbing!important}
.nk-card:not(.c-default){border-color:transparent}
.nk-in{padding:12px 14px 6px;display:flex;flex-direction:column;gap:6px}
.nk-card h3{font-family:var(--body);font-size:1rem;font-weight:600;line-height:1.35;padding-right:24px;overflow-wrap:anywhere;white-space:pre-wrap}
.nk-body{font-size:.9rem;line-height:1.45;max-height:22rem;overflow:hidden;overflow-wrap:anywhere;-webkit-mask-image:linear-gradient(#000 80%,transparent);mask-image:linear-gradient(#000 80%,transparent)}
.nk-body h1,.nk-ed-body h1{font-size:1.35rem;font-family:var(--display);margin:2px 0}
.nk-body h2,.nk-ed-body h2{font-size:1.12rem;font-family:var(--display);margin:2px 0}
.nk-body a,.nk-ed-body a{color:var(--accent);text-decoration:underline;user-select:text}
.nk-mini{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;font-size:.9rem}
.nk-mini li{display:flex;align-items:flex-start;gap:4px;overflow-wrap:anywhere}
.nk-mini li.ind{padding-left:22px}
.nk-mini li span{padding-top:1px}
.nk-tick{border:0;background:none;padding:2px;color:var(--muted);display:grid;place-items:center;flex:none;border-radius:4px}
.nk-tick:hover{color:var(--ink)}
.nk-more-items{display:flex;align-items:center;gap:4px;color:var(--muted);font-size:.82rem}
.nk-pills{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.nk-pills:empty{display:none}
.nk-pill{display:inline-flex;align-items:center;gap:5px;font-size:.75rem;font-weight:600;padding:3px 9px;border-radius:99px;background:color-mix(in srgb,var(--ink) 9%,transparent);color:var(--ink);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}
.nk-pill.past{text-decoration:line-through;color:var(--muted)}
.nk-pill button{border:0;background:none;padding:0;margin:0 -3px 0 1px;color:inherit;display:grid;place-items:center;border-radius:50%}
.nk-pill button:hover{background:color-mix(in srgb,var(--ink) 15%,transparent)}
.nk-people{display:inline-flex;border:0;background:none;padding:0}
.nk-av{width:1.6rem;height:1.6rem;border-radius:50%;display:inline-grid;place-items:center;font-size:.65rem;font-weight:700;background:var(--accent);color:var(--accent-ink);border:2px solid var(--nc,var(--surface));margin-left:-6px;overflow:hidden;flex:none}
.nk-av:first-child{margin-left:0}
.nk-av img{width:100%;height:100%;object-fit:cover}
.nk-av.lg{width:2.4rem;height:2.4rem;font-size:.8rem;margin:0}
.nk-av.ghost{background:none;color:var(--muted);border:1px dashed var(--muted)}
.nk-av.more{background:var(--surface-2);color:var(--muted)}
.nk-faint{margin:0}
.nk-pin{position:absolute;top:6px;right:6px;z-index:1;width:2.15rem;height:2.15rem;border-radius:50%;border:0;background:none;display:grid;place-items:center;color:var(--muted);opacity:0;transition:opacity .12s}
.nk-pin.on{opacity:1;color:var(--ink)}
.nk-pin:hover{background:color-mix(in srgb,var(--ink) 8%,transparent);color:var(--ink)}
.nk-selbtn{position:absolute;top:-8px;left:-8px;z-index:2;width:1.6rem;height:1.6rem;border-radius:50%;border:0;background:var(--ink);color:var(--surface);display:grid;place-items:center;opacity:0;transform:scale(.8);transition:opacity .12s,transform .12s;padding:0}
.nk-card .nk-selbtn{top:-9px;left:-9px;box-shadow:0 0 0 2px var(--bg)}
.nk-card.sel .nk-selbtn{opacity:1;transform:none}
.nk-tools{display:flex;justify-content:space-between;padding:0 4px 4px;opacity:0;transition:opacity .12s}
.nk-card:hover .nk-tools,.nk-card:focus-within .nk-tools,.nk-card:hover .nk-pin,.nk-card:focus-within .nk-pin,.nk-card:hover .nk-selbtn,.nk-card:focus-within .nk-selbtn{opacity:1;transform:none}
.nk-imgs{display:grid;gap:2px;background:var(--nc);border-radius:11px 11px 0 0;overflow:hidden}
.nk-imgs.n2{grid-template-columns:1fr 1fr}
.nk-imgs.n3{grid-template-columns:1fr 1fr 1fr}
.nk-imgs img{width:100%;max-height:18rem;object-fit:cover;display:block;background:color-mix(in srgb,var(--ink) 6%,transparent);min-height:4rem}
.nk-imgs.n2 img,.nk-imgs.n3 img{height:7rem;max-height:none;aspect-ratio:auto!important}
.nk-img-missing{opacity:.4}
.nk-empty{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;color:var(--muted);padding:64px 16px}
.nk-empty svg{color:color-mix(in srgb,var(--muted) 45%,transparent)}
.nk-empty b{color:var(--ink);font-size:1.05rem}

/* selection bar */
.nk-selbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:6px 8px;box-shadow:var(--shadow)}
.nk-selbar b{font-size:1rem}

/* colours (Keep palette) */
.c-coral{--nc:#FAAFA8}.c-peach{--nc:#F39F76}.c-sand{--nc:#FFF8B8}.c-mint{--nc:#E2F6D3}.c-sage{--nc:#B4DDD3}.c-fog{--nc:#D4E4ED}
.c-storm{--nc:#AECCDC}.c-dusk{--nc:#D3BFDB}.c-blossom{--nc:#F6E2DD}.c-clay{--nc:#E9E3D4}.c-chalk{--nc:#EFEFF1}
html.dark-theme .c-coral{--nc:#77172E}html.dark-theme .c-peach{--nc:#692B17}html.dark-theme .c-sand{--nc:#7C4A03}html.dark-theme .c-mint{--nc:#264D3B}
html.dark-theme .c-sage{--nc:#0C625D}html.dark-theme .c-fog{--nc:#256377}html.dark-theme .c-storm{--nc:#284255}html.dark-theme .c-dusk{--nc:#472E5B}
html.dark-theme .c-blossom{--nc:#6C394F}html.dark-theme .c-clay{--nc:#4B443A}html.dark-theme .c-chalk{--nc:#232427}
.nk-sw.c-default{--nc:var(--surface)}
/* backgrounds: light patterns drawn over the colour */
.bg-dots{background-image:radial-gradient(var(--pat) 1.3px,transparent 1.4px);background-size:14px 14px}
.bg-grid{background-image:linear-gradient(var(--pat) 1px,transparent 1px),linear-gradient(90deg,var(--pat) 1px,transparent 1px);background-size:18px 18px}
.bg-lines{background-image:linear-gradient(transparent 23px,var(--pat) 24px);background-size:100% 24px}
.bg-waves{background-image:radial-gradient(circle at 50% 120%,transparent 10px,var(--pat) 11px,var(--pat) 12px,transparent 13px);background-size:24px 14px}
.bg-confetti{background-image:radial-gradient(var(--pat) 2px,transparent 2.5px),radial-gradient(var(--pat) 1.5px,transparent 2px);background-size:30px 30px,22px 22px;background-position:0 0,11px 15px}
.bg-leaves{background-image:radial-gradient(ellipse 6px 3px at 50% 50%,var(--pat) 98%,transparent),radial-gradient(ellipse 3px 6px at 50% 50%,var(--pat) 98%,transparent);background-size:28px 28px,28px 28px;background-position:0 0,14px 14px}
.nk-bgsw.bg-none{background-image:none}

/* popovers & dialogs */
.nk-pop{position:fixed;z-index:90;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.18);padding:6px;min-width:13rem;max-width:calc(100vw - 16px);max-height:calc(100vh - 16px);overflow:auto;font-family:var(--body);font-size:.875rem}
.nk-pop-sec{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:700;padding:8px 10px 4px}
.nk-mi{display:flex;align-items:center;gap:10px;width:100%;border:0;background:none;padding:8px 10px;border-radius:8px;text-align:left;color:var(--ink)}
.nk-mi:hover,.nk-mi:focus-visible{background:var(--surface-2)}
.nk-mi em{margin-left:auto;font-style:normal;color:var(--muted);font-size:.8rem}
.nk-mi.danger{color:var(--bad)}
.nk-palette{padding:8px 10px 10px}
.nk-palette .nk-swatches{max-width:17rem}
.nk-remind{width:17rem}
.nk-pick{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:4px 6px 8px}
.nk-pick select{grid-column:1/-1}
.nk-pick .nk-btn{grid-column:1/-1}
.nk-labels{width:16rem}
.nk-label-list{max-height:14rem;overflow:auto}
.nk-layer{position:fixed;inset:0;z-index:80;background:var(--scrim);display:flex;align-items:flex-start;justify-content:center;padding:6vh 16px 16px;overflow:auto;font-family:var(--body);font-size:.875rem;color:var(--ink)}
.nk-dlg-layer{z-index:85;align-items:center;padding:16px}
html.nk-locked,html.nk-locked body{overflow:hidden}
.nk-dialog{background:var(--surface);border-radius:16px;width:min(28rem,100%);padding:20px;display:flex;flex-direction:column;gap:12px;box-shadow:0 30px 80px rgba(0,0,0,.3)}
.nk-dialog h2{font-size:1.15rem}
.nk-dialog p{color:var(--muted)}
.nk-dlg-acts{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:4px}
.nk-people-list{display:flex;flex-direction:column;gap:10px;max-height:16rem;overflow:auto}
.nk-person{display:flex;align-items:center;gap:10px}
.nk-person>div{flex:1;min-width:0}
.nk-person b{display:block;overflow-wrap:anywhere}
.nk-person span{font-size:.8rem;color:var(--muted);overflow-wrap:anywhere}
.nk-person em{font-style:normal;color:var(--muted);font-size:.8rem}
.nk-share-add,.nk-label-new{display:flex;gap:8px;align-items:center}
.nk-label-edit{display:flex;flex-direction:column;gap:6px;max-height:18rem;overflow:auto}
.nk-lrow{display:flex;align-items:center;gap:8px;color:var(--muted)}
.nk-keys{display:grid;gap:8px}
.nk-keys div{display:flex;gap:12px;align-items:center;justify-content:space-between}
.nk-keys kbd{font-family:ui-monospace,Consolas,monospace;font-size:.78rem;background:var(--surface-2);border:1px solid var(--line);border-bottom-width:2px;border-radius:6px;padding:2px 7px;white-space:nowrap}
.nk-keys span{color:var(--muted);text-align:right}

/* editor */
.nk-editor{--nc:var(--surface);background:var(--nc);border-radius:14px;width:min(38rem,100%);max-height:calc(100dvh - 12vh);display:flex;flex-direction:column;box-shadow:0 24px 70px rgba(0,0,0,.35);overflow:hidden;border:1px solid var(--line)}
.nk-ed-scroll{overflow:auto;padding:0 0 4px;flex:1;min-height:0}
.nk-ed-imgs{display:grid;gap:2px}
.nk-ed-imgs:empty{display:none}
.nk-ed-imgs.n2{grid-template-columns:1fr 1fr}.nk-ed-imgs.n3{grid-template-columns:1fr 1fr 1fr}
.nk-ed-imgs figure{margin:0;position:relative}
.nk-imgbtn{display:block;width:100%;border:0;padding:0;background:color-mix(in srgb,var(--ink) 6%,transparent);cursor:zoom-in}
.nk-imgbtn img{width:100%;display:block;max-height:24rem;object-fit:cover;min-height:4rem}
.nk-ed-imgs.n2 img,.nk-ed-imgs.n3 img{height:9rem;max-height:none;aspect-ratio:auto!important}
.nk-img-acts{position:absolute;right:6px;bottom:6px;display:flex;gap:4px;opacity:0;transition:opacity .12s}
.nk-ed-imgs figure:hover .nk-img-acts,.nk-ed-imgs figure:focus-within .nk-img-acts{opacity:1}
.nk-ed-top{display:flex;align-items:flex-start;gap:4px;padding:12px 8px 0 16px}
.nk-ed-top .nk-pin{position:static;opacity:1}
.nk-ed-title{flex:1;border:0;background:none;resize:none;outline:none;font-family:var(--body);font-size:1.25rem;font-weight:600;line-height:1.35;padding:6px 0;color:var(--ink);overflow:hidden}
.nk-ed-title::placeholder,.nk-add textarea::placeholder{color:var(--muted)}
.nk-fmt{display:flex;flex-wrap:wrap;align-items:center;gap:2px;margin:4px 12px 0;padding:4px;border-radius:10px;background:color-mix(in srgb,var(--ink) 6%,transparent)}
.nk-fmt button{border:0;background:none;border-radius:8px;min-width:2rem;height:2rem;display:grid;place-items:center;font-weight:700;color:var(--ink);padding:0 6px}
.nk-fmt button:hover{background:color-mix(in srgb,var(--ink) 10%,transparent)}
.nk-fmt span{width:1px;height:20px;background:var(--line);margin:0 4px}
.nk-ed-body{min-height:5rem;padding:8px 16px 12px;outline:none;font-size:.95rem;line-height:1.5;overflow-wrap:anywhere;white-space:pre-wrap}
.nk-ed-body:empty::before{content:attr(data-placeholder);color:var(--muted);pointer-events:none}
.nk-items{display:flex;flex-direction:column}
.nk-item,.nk-add{display:flex;align-items:flex-start;gap:2px;padding:1px 8px 1px 4px;border-top:1px solid transparent;border-bottom:1px solid transparent}
.nk-item:focus-within{border-color:color-mix(in srgb,var(--ink) 12%,transparent)}
.nk-item.ind{padding-left:28px}
.nk-item textarea,.nk-add textarea{flex:1;border:0;background:none;resize:none;outline:none;padding:6px 2px;line-height:1.4;font-size:.95rem;color:var(--ink);overflow:hidden;min-width:0}
.nk-item.done textarea{text-decoration:line-through;color:var(--muted)}
.nk-item .nk-ib.xs{opacity:0}
.nk-item:hover .nk-ib.xs,.nk-item:focus-within .nk-ib.xs{opacity:1}
.nk-handle{width:20px;height:2rem;display:grid;place-items:center;color:var(--muted);cursor:grab;opacity:0;flex:none;touch-action:none}
.nk-item:hover .nk-handle{opacity:1}
.nk-handle-gap{width:20px;flex:none}
.nk-item.dragging{background:color-mix(in srgb,var(--ink) 8%,transparent);box-shadow:0 4px 12px rgba(0,0,0,.15)}
.nk-add{color:var(--muted);align-items:center}
.nk-add>svg{margin:0 4px 0 2px}
.nk-done-sec{border-top:1px solid color-mix(in srgb,var(--ink) 12%,transparent);margin-top:6px;padding-top:4px}
.nk-done-toggle{display:flex;align-items:center;gap:6px;border:0;background:none;color:var(--muted);font-weight:600;padding:6px 14px}
.nk-ed-meta{padding:4px 16px}
.nk-edited{text-align:right;color:var(--muted);font-size:.78rem;padding:4px 16px 2px}
.nk-ed-bar{display:flex;align-items:center;gap:0;padding:4px 8px 8px;flex-wrap:wrap}
.nk-saving{color:var(--muted);font-size:.78rem;margin-right:8px}

/* drawing */
.nk-draw{background:#202124;padding:0;flex-direction:column;align-items:stretch;z-index:95}
.nk-draw-bar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:8px 10px;padding-top:calc(8px + env(safe-area-inset-top,0px));background:var(--surface)}
.nk-draw-tools{display:flex;align-items:center;gap:2px;padding:0 6px;border-left:1px solid var(--line)}
.nk-ink{width:1.6rem;height:1.6rem;border-radius:50%;border:2px solid var(--line);background:var(--ink-c,var(--ink));padding:0;margin:0 1px}
.nk-ink{background:var(--ink)}
.nk-ink[style]{background:var(--ink)}
.nk-ink[aria-pressed="true"]{outline:2px solid var(--accent);outline-offset:2px}
.nk-dot{display:block;width:var(--s);height:var(--s);border-radius:50%;background:currentColor}
.nk-draw-stage{flex:1;min-height:0;display:grid;place-items:center;padding:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}
.nk-draw canvas{max-width:100%;max-height:100%;background:#fff;border-radius:6px;touch-action:none;cursor:crosshair;box-shadow:0 10px 40px rgba(0,0,0,.4)}

/* image viewer */
.nk-light{background:rgba(0,0,0,.9);align-items:center;padding:56px 16px}
.nk-light img{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px}
.nk-ib.light{position:fixed;color:#fff;background:rgba(255,255,255,.12)}
.nk-ib.light:hover{background:rgba(255,255,255,.24);color:#fff}
.nk-ib.light.x{top:calc(12px + env(safe-area-inset-top,0px));right:12px}
.nk-ib.light.prev{left:12px;top:50%;transform:translateY(-50%) rotate(180deg)}
.nk-ib.light.next{right:12px;top:50%;transform:translateY(-50%)}

/* phones and touch screens */
@media (hover:none){
  .nk-tools,.nk-selbtn{display:none}
  .nk-card .nk-pin:not(.on){display:none}
  .nk-card.sel .nk-selbtn{display:grid}
  .nk-item .nk-ib.xs,.nk-handle{opacity:1}
  .nk-img-acts{opacity:1}
  .hide-touch{display:none}
}
@media (max-width:640px){
  .nk-head h1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .nk-head p{display:none}
  .nk-head-tools{min-width:0;flex:1 1 100%}
  .nk-search{max-width:none}
  .nk-grid.grid{grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));column-gap:10px}
  .nk-grid.grid .nk-card{margin-bottom:10px}
  .nk-in{padding:10px 12px 8px}
  .nk-body{max-height:14rem;font-size:.85rem}
  .nk-layer.nk-ed-layer{padding:0;align-items:stretch}
  .nk-editor{width:100%;max-height:none;height:100%;border-radius:0;border:0}
  .nk-ed-top{padding-top:calc(12px + env(safe-area-inset-top,0px))}
  .nk-ed-bar{padding-bottom:calc(8px + env(safe-area-inset-bottom,0px));border-top:1px solid color-mix(in srgb,var(--ink) 10%,transparent)}
  .nk-ed-bar .nk-ib.sm{width:2.3rem;height:2.3rem}
  .nk-draw-tools{border-left:0;padding:0}
}
@media (prefers-reduced-motion:reduce){.nk *,.nk-editor *{transition:none!important}}