.np-warn{border-radius:var(--radius);border:1px solid color-mix(in srgb, var(--spark) 35%, var(--line));background:radial-gradient(70% 140% at 0% 50%, var(--accent-soft), transparent 70%), var(--card);box-shadow:var(--edge);grid-template-columns:auto 1fr auto;align-items:center;gap:12px 16px;padding:14px 16px;display:grid}.np-warn>svg{width:26px;height:26px;color:var(--spark)}.np-warn p{color:var(--ink-2);margin:0;font-size:.92rem}.np-warn strong{color:var(--ink)}.np-warn [data-backup-age]{color:var(--muted)}.np-backup{min-height:42px;font-size:.95rem}.np-app{border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--card);min-height:560px;box-shadow:var(--edge);grid-template-columns:minmax(220px,290px) minmax(0,1fr);display:grid;overflow:hidden}.np-side{border-right:1px solid var(--line);background:color-mix(in srgb, var(--bg-soft) 60%, transparent);flex-direction:column;gap:10px;min-width:0;padding:14px;display:flex}.np-new{width:100%;min-height:42px}.np-search{border-radius:var(--radius-pill);border:1px solid var(--line-strong);background:var(--surface-2);height:42px;color:var(--muted);align-items:center;gap:8px;padding:0 12px;display:flex}.np-search:focus-within{border-color:var(--sky);box-shadow:0 0 0 4px #7cc4ff2e}.np-search input{min-width:0;color:var(--ink);font:inherit;background:0 0;border:0;outline:none;flex:1}.np-count{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.72rem}.np-list{flex:1;align-content:start;gap:4px;max-height:620px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.np-item{border-radius:var(--radius-sm);width:100%;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;gap:2px;padding:10px 12px;display:grid}.np-item:hover{background:var(--primary-soft)}.np-item[aria-current=true]{background:var(--surface-2);border-color:var(--line-strong);box-shadow:inset 3px 0 0 var(--sky)}.np-item:focus-visible{outline:3px solid var(--focus);outline-offset:-3px}.np-item .t{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:8px;font-weight:650;display:flex;overflow:hidden}.np-item .t span{text-overflow:ellipsis;overflow:hidden}.np-item .pin{border-radius:var(--radius-pill);background:var(--primary-soft);color:var(--accent-text);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;flex:none;padding:1px 6px;font-size:.62rem;font-weight:400}.np-item .s{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;overflow:hidden}.np-item .d{font-family:var(--font-mono);color:var(--muted);font-size:.7rem}.np-main{flex-direction:column;min-width:0;display:flex}.np-titlebar{align-items:center;gap:8px;padding:10px 16px 0;display:flex}.np-title{min-width:0;height:46px;color:var(--ink);font-family:var(--font-display);letter-spacing:-.02em;background:0 0;border:0;border-bottom:1px solid #0000;flex:1;padding:0 4px;font-size:1.45rem;font-weight:650}.np-title:focus-visible{border-bottom-color:var(--sky);outline:none}.np-title::placeholder{color:var(--muted)}.np-del:hover{border-color:var(--danger);color:var(--danger)}.np-status{border-top:1px solid var(--line);font-family:var(--font-mono);color:var(--muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:space-between;gap:6px 16px;padding:10px 16px 12px;font-size:.76rem;display:flex}.np-saved:before{content:"";background:var(--success);vertical-align:1px;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.np-saved.is-saving:before{background:var(--sky)}.np-saved.is-error{color:var(--danger)}.np-saved.is-error:before{background:var(--danger)}@media (width<=760px){.np-warn{grid-template-columns:auto 1fr}.np-backup{grid-column:1/-1}.np-app{grid-template-columns:1fr}.np-side{border-right:0;border-bottom:1px solid var(--line)}.np-list{max-height:200px}.np-titlebar{flex-wrap:wrap;padding:10px 12px 0}.np-title{flex-basis:100%;font-size:1.25rem}}.np-toolbar{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:8px 14px;padding:12px 16px;display:flex}.np-group{flex-wrap:wrap;gap:6px;display:flex}.np .chip-btn{cursor:pointer;white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.np .chip-btn svg{flex:none;width:16px;height:16px}.np .chip-btn[aria-pressed=true]{background:var(--primary-soft);border-color:var(--sky)}.np [data-pin] svg{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linejoin:round;stroke-linecap:round}.np [data-pin][aria-pressed=true] svg{fill:currentColor}.np-sq{font-variant-numeric:tabular-nums;justify-content:center;min-width:38px;padding:0 10px!important}.np button:focus-visible,.np summary:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.np-menu{position:relative}.np-menu summary{list-style:none}.np-menu summary::-webkit-details-marker{display:none}.np-menu-list{z-index:20;border-radius:var(--radius);border:1px solid var(--line-strong);background:var(--surface);width:250px;box-shadow:var(--shadow-lg);padding:6px;display:grid;position:absolute;top:calc(100% + 6px);left:0}.np-menu-list button{min-height:38px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:0 12px;font-size:.92rem}.np-menu-list button:hover{background:var(--primary-soft)}.np-menu-note{color:var(--muted);margin:4px 8px 6px;font-size:.78rem}.np-find{border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--bg-soft);flex-wrap:wrap;align-items:center;gap:8px;margin:10px 16px 0;padding:10px;display:flex}.np-find-field{flex:180px;min-width:0;display:flex;position:relative}.np-find input[type=search],.np-find input[type=text]{border-radius:var(--radius-pill);border:1px solid var(--line-strong);background:var(--surface-2);width:100%;height:38px;color:var(--ink);font:inherit;padding:0 84px 0 12px;font-size:.92rem}.np-find input[type=text]{padding-right:12px}.np-find input:focus-visible{border-color:var(--sky);outline:none}.np-find-count{font-family:var(--font-mono);color:var(--muted);pointer-events:none;font-size:.72rem;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.np-editor{border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--line-strong);--np-size:17px;flex:1;min-height:420px;margin:10px 16px 14px;display:grid;position:relative}.np-editor:focus-within{border-color:var(--sky);box-shadow:0 0 0 4px #7cc4ff24}.np-editor textarea,.np-hl{width:100%;height:100%;min-height:420px;font-family:var(--font-body);font-size:var(--np-size);letter-spacing:normal;white-space:pre-wrap;overflow-wrap:break-word;word-break:normal;tab-size:4;scrollbar-gutter:stable;border:0;grid-area:1/1;margin:0;padding:16px 18px;line-height:1.65;overflow-y:auto}.np-editor textarea{z-index:1;resize:none;color:var(--ink);background:0 0;outline:none;position:relative}.np-hl{color:#0000;pointer-events:none;overflow:hidden}.np-hl mark{color:#0000;background:#7cc4ff4d;border-radius:3px}.np-hl mark.now{background:#ff8a2a8c}.np.is-mono .np-editor textarea,.np.is-mono .np-hl{font-family:var(--font-mono);font-size:calc(var(--np-size) * .92)}.np-undo{z-index:85;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));border-radius:var(--radius-pill);border:1px solid var(--line-strong);background:var(--surface);max-width:calc(100vw - 32px);box-shadow:var(--shadow-lg);align-items:center;gap:14px;padding:8px 8px 8px 18px;font-weight:600;display:flex;position:fixed;transform:translate(-50%)}.np-undo span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.np-zen-exit{display:none!important}html.np-zen-open{overflow:hidden}.np.is-zen{z-index:1000;background:radial-gradient(80% 50% at 50% 0%, var(--primary-soft), transparent 70%), var(--bg);padding:0;display:block;position:fixed;inset:0;overflow-y:auto}.np.is-zen .np-warn,.np.is-zen .np-side,.np.is-zen .np-toolbar,.np.is-zen .np-pin-btn,.np.is-zen [data-pin],.np.is-zen [data-delete],.np.is-zen .np-undo{display:none!important}.np.is-zen .np-app{max-width:760px;min-height:100dvh;box-shadow:none;background:0 0;border:0;border-radius:0;margin:0 auto;padding:72px 24px 88px;display:block}.np.is-zen .np-main{display:block}.np.is-zen .np-titlebar{padding:0 0 8px}.np.is-zen .np-title{height:auto;color:var(--ink);padding:0;font-size:clamp(1.6rem,4vw,2.2rem);font-weight:700}.np.is-zen .np-editor{box-shadow:none;background:0 0;border-color:#0000;margin:0}.np.is-zen .np-editor textarea,.np.is-zen .np-hl{min-height:calc(100dvh - 260px);padding:8px 0;font-size:1.15rem;line-height:1.85}.np.is-zen .np-status{border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface);box-shadow:var(--edge);white-space:nowrap;flex-wrap:nowrap;gap:16px;padding:8px 16px;font-size:.82rem;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.np.is-zen .np-zen-exit{z-index:1001;background:var(--surface);min-height:44px;font-size:.9rem;position:fixed;top:16px;right:16px;display:inline-flex!important}@media (width<=760px){.np.is-zen .np-app{padding:72px 18px 96px}.np.is-zen .np-status{border-radius:var(--radius);white-space:normal;text-align:center;flex-wrap:wrap;justify-content:center;gap:2px 12px;width:calc(100% - 24px);font-size:.76rem}.np.is-zen .np-editor textarea,.np.is-zen .np-hl{font-size:1.05rem}}.np-print{display:none}@media print{body.np-printing>:not(.np-print){display:none!important}body.np-printing .np-print{color:#000;display:block}.np-print h1{margin:0 0 12pt;font-size:18pt}.np-print pre{white-space:pre-wrap;overflow-wrap:break-word;font-family:inherit;font-size:11pt;line-height:1.5}}@media (width<=760px){.np-toolbar{padding:10px 12px}.np-editor{min-height:360px;margin:10px 12px 12px}.np-editor textarea,.np-hl{min-height:360px}.np-menu-list{width:min(250px,100vw - 48px)}}.np-editor.is-drop{border-style:dashed;border-color:var(--sky)}
