.nnd{position:fixed;inset:0;z-index:9000;display:flex;align-items:center;justify-content:center;padding:40px 24px}.nnd[hidden]{display:none}.nnd-backdrop{position:absolute;inset:0;background:color-mix(in oklch,var(--nn-void, #0b0d10) 86%,transparent);backdrop-filter:blur(2px)}.nnd-panel{position:relative;display:flex;flex-direction:column;width:min(880px,94vw);max-height:min(88vh,900px);background:var(--nn-sheet, #111418);border:1px solid var(--nn-hairline, #2a2f36);box-shadow:0 24px 80px #0000008c;animation:nndIn .28s var(--nn-ease, ease)}@keyframes nndIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.nnd-panel{animation:none}}.nnd-ct{position:absolute;width:14px;height:14px;border-color:var(--nn-accent, #ff9b21);border-style:solid;pointer-events:none}.nnd-ct.tl{top:-1px;left:-1px;border-width:2px 0 0 2px}.nnd-ct.tr{top:-1px;right:-1px;border-width:2px 2px 0 0}.nnd-ct.bl{bottom:-1px;left:-1px;border-width:0 0 2px 2px}.nnd-ct.br{bottom:-1px;right:-1px;border-width:0 2px 2px 0}.nnd-head{flex:none;padding:26px 34px 18px;border-bottom:1px solid var(--nn-hairline, #2a2f36)}.nnd-eyebrow{font-family:var(--nn-mono, monospace);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--nn-accent, #ff9b21);margin:0 0 10px}.nnd-title{font-family:var(--nn-display, sans-serif);font-weight:800;font-size:clamp(20px,2.4vw,28px);line-height:1.1;letter-spacing:-.02em;color:var(--nn-ink, #e8eaed);margin:0 0 6px;padding-right:48px}.nnd-sub{font-size:14px;line-height:1.5;color:var(--nn-text, #b9bec5);margin:0;max-width:62ch}.nnd-close{position:absolute;top:18px;right:18px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:var(--nn-panel, #16191e);border:1px solid var(--nn-hairline, #2a2f36);color:var(--nn-ink-2, #cfd4da);font-family:var(--nn-mono, monospace);font-size:14px;cursor:pointer;transition:.2s}.nnd-close:hover{border-color:var(--nn-coral, #ff6b5e);color:var(--nn-coral, #ff6b5e)}.nnd-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:22px 34px 28px;background:var(--nn-void, #0b0d10)}.nnd-scroll:focus-visible{outline:1px solid var(--nn-accent, #ff9b21);outline-offset:-2px}.nnd-scroll{scrollbar-width:thin;scrollbar-color:var(--nn-ink-3, #838a93) transparent}.nnd-scroll::-webkit-scrollbar{width:10px}.nnd-scroll::-webkit-scrollbar-track{background:transparent}.nnd-scroll::-webkit-scrollbar-thumb{background:var(--nn-hairline, #2a2f36);border:3px solid transparent;background-clip:content-box}.nnd-scroll::-webkit-scrollbar-thumb:hover{background:var(--nn-ink-3, #838a93);background-clip:content-box}.nnd-note{font-family:var(--nn-mono, monospace);font-size:11px;line-height:1.6;color:var(--nn-ink-3, #838a93);border-left:2px solid var(--nn-hairline, #2a2f36);padding-left:12px;margin:0 0 22px}.nnd-sec{margin:0 0 26px}.nnd-sec:last-child{margin-bottom:0}.nnd-h{display:flex;gap:12px;align-items:baseline;margin:0 0 8px}.nnd-n{flex:none;font-family:var(--nn-mono, monospace);font-size:11px;color:var(--nn-accent, #ff9b21)}.nnd-h b{font-family:var(--nn-body, sans-serif);font-size:15px;font-weight:600;color:var(--nn-ink, #e8eaed);letter-spacing:.01em}.nnd-sec p{font-size:14px;line-height:1.65;color:var(--nn-ink-2, #cfd4da);margin:0 0 10px;max-width:74ch}.nnd-sec ul{margin:0 0 10px;padding:0 0 0 18px;max-width:74ch}.nnd-sec li{font-size:14px;line-height:1.6;color:var(--nn-ink-2, #cfd4da);margin:0 0 7px}.nnd-sec li::marker{color:var(--nn-accent, #ff9b21)}.nnd-gloss{display:block;font-family:var(--nn-mono, monospace);font-size:12px;line-height:1.65;color:var(--nn-ink-3, #838a93);border-left:2px solid var(--nn-hairline-2, #23272d);padding-left:12px;margin:10px 0 0;max-width:74ch}.nnd-ph{background:color-mix(in oklch,var(--nn-coral, #ff6b5e) 18%,transparent);color:var(--nn-coral, #ff6b5e);font-family:var(--nn-mono, monospace);font-size:.92em;padding:1px 5px;border:1px dashed var(--nn-coral, #ff6b5e)}.nnd-foot{flex:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 34px;border-top:1px solid var(--nn-hairline, #2a2f36)}.nnd-meta{font-family:var(--nn-mono, monospace);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--nn-ink-3, #838a93)}.nnd-done{font-family:var(--nn-mono, monospace);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--nn-void, #0b0d10);background:var(--nn-accent, #ff9b21);border:0;padding:9px 18px;cursor:pointer}.nnd-done:hover{box-shadow:var(--nn-sodium-glow, 0 0 14px 0 #ff9b21)}.nnd-open{display:inline-flex;align-items:center;gap:8px;margin:0 0 16px;font-family:var(--nn-mono, monospace);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--nn-accent, #ff9b21);background:color-mix(in oklch,var(--nn-accent, #ff9b21) 7%,transparent);border:1px solid var(--nn-accent, #ff9b21);padding:10px 16px;cursor:pointer;transition:box-shadow .2s}.nnd-open:hover{box-shadow:var(--nn-sodium-glow, 0 0 14px 0 #ff9b21)}.nnd-open:focus-visible,.nnd-close:focus-visible,.nnd-done:focus-visible{outline:2px solid var(--nn-accent, #ff9b21);outline-offset:3px}@media (max-width: 620px){.nnd{padding:16px 12px}.nnd-panel{max-height:92vh}.nnd-head{padding:20px 20px 14px}.nnd-scroll{padding:18px 20px 22px}.nnd-foot{padding:12px 20px}.nnd-meta{display:none}}@media (max-height: 820px){.nnd{padding:20px 24px}.nnd-panel{max-height:94vh}.nnd-head{padding:18px 28px 14px}}