.notes-root{--n-gap:14px;--n-radius:12px;background:var(--bg);color:var(--text);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.n-boot,.notes-root{min-height:100dvh}.n-login,.n-main{max-width:640px;margin:0 auto;padding:16px 14px 32px}.n-login{display:flex;flex-direction:column;justify-content:center;min-height:100dvh}.n-login-title{margin:0;font-size:26px;font-weight:700}.n-login-sub{margin:4px 0 22px;color:var(--muted);font-size:14px}.n-login-form{gap:var(--n-gap)}.n-field,.n-login-form{display:flex;flex-direction:column}.n-field{gap:6px;font-size:14px}.n-field input{font-size:16px;padding:13px 12px;border:1px solid var(--border);border-radius:var(--n-radius);background:var(--surface);color:var(--text)}.n-field input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.n-top{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:12px}.n-top h1{margin:0;font-size:20px;font-weight:700}.n-linkbtn{background:none;border:0;padding:6px 2px;color:var(--muted);font-size:13px;cursor:pointer}.n-capture{display:flex;flex-direction:column;gap:10px}.n-box{width:100%;min-height:38dvh;padding:14px;font-size:16px;line-height:1.45;font-family:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--n-radius);resize:none}.n-box:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.n-chips,.n-filters{display:flex;flex-wrap:wrap;gap:7px}.n-chip{padding:9px 13px;font-size:14px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text);cursor:pointer}.n-chip.sm{padding:6px 11px;font-size:13px}.n-chip.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-2);font-weight:600}.n-primary{padding:15px 18px;font-size:16px;font-weight:600;color:#fff;background:var(--accent);border:0;border-radius:var(--n-radius);cursor:pointer}.n-primary:disabled{opacity:.45;cursor:default}.n-send{position:-webkit-sticky;position:sticky;bottom:10px}.n-error{margin:0;color:var(--red);font-size:14px}.n-queued{margin:12px 0 0;padding:9px 12px;font-size:13px;background:#fff7e6;border:1px solid var(--amber);border-radius:var(--n-radius)}.n-list{margin-top:26px;display:flex;flex-direction:column;gap:8px}.n-item{display:flex;gap:10px;padding:12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--n-radius)}.n-item.done .n-text{text-decoration:line-through;opacity:.55}.n-check{display:flex;align-items:flex-start;min-width:44px;min-height:44px;margin:-6px 0 -6px -6px;padding:6px;cursor:pointer}.n-check input{width:22px;height:22px;accent-color:var(--green)}.n-blocked{margin:12px 0 0;padding:11px 13px;background:#fdecea;border:1px solid var(--red);border-radius:var(--n-radius)}.n-blocked-head{margin:0 0 6px;font-size:14px;font-weight:600;color:var(--red)}.n-blocked-item{margin:0 0 6px;font-size:13px}.n-blocked-text{display:block;overflow-wrap:anywhere}.n-blocked-why{display:block;margin-top:2px;color:var(--muted);font-size:12px}.n-item-body{min-width:0;flex:1 1}.n-text{margin:0;font-size:15px;line-height:1.4;overflow-wrap:anywhere;white-space:pre-wrap}.n-meta{display:flex;flex-wrap:wrap;gap:8px;margin:7px 0 0;font-size:12px;color:var(--muted)}.n-ref{font-weight:700}.n-cat{padding:1px 7px;background:var(--surface-2);border:1px solid var(--border-2);border-radius:999px}.n-empty{margin:6px 0;color:var(--muted);font-size:14px}.n-toast{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(18px + env(safe-area-inset-bottom));margin:0;padding:11px 18px;font-size:14px;color:#fff;background:#06090f;border-radius:999px;box-shadow:0 6px 20px rgb(0 0 0/.22);z-index:20}@media (prefers-reduced-motion:no-preference){.n-toast{animation:n-toast-in .16s ease-out}@keyframes n-toast-in{0%{opacity:0;transform:translate(-50%,6px)}}}