.nf-viewport{background:var(--surface-subtle);place-items:center;min-height:100dvh;padding:40px 16px;display:grid}.nf-slip{background:var(--surface-card);border:var(--bw-hair) solid var(--border-hairline);border-radius:var(--radius-sm);width:100%;max-width:560px;box-shadow:var(--shadow-lg);padding:28px 32px 32px;position:relative;overflow:hidden}.nf-head{border-bottom:var(--bw-hair) dashed var(--border-spec);justify-content:space-between;align-items:center;gap:16px;padding-bottom:16px;display:flex}.nf-logo{align-items:center;gap:8px;display:flex}.nf-logo .orb{width:22px;height:22px;display:block}.nf-logo .wm{height:15px;display:block}.nf-head-eyebrow{font-family:var(--font-mono);font-size:var(--fs-mono-label);letter-spacing:var(--ls-mono);text-transform:uppercase;color:var(--text-tertiary);white-space:nowrap}.nf-display{font-family:var(--font-display);font-weight:var(--fw-regular);font-size:clamp(72px,18vw,128px);line-height:var(--lh-tight);letter-spacing:var(--ls-display);color:var(--kernel-blue);margin:26px 0 0}.nf-title{font-family:var(--font-sans);font-weight:var(--fw-medium);font-size:var(--fs-title);letter-spacing:var(--ls-heading);color:var(--ink);text-wrap:balance;margin:10px 0 0;line-height:1.2}.nf-lede{max-width:46ch;font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--text-secondary);text-wrap:pretty;margin:8px 0 0}.nf-spec{border:var(--bw-hair) dashed var(--border-spec);border-radius:var(--radius-sm);background:var(--gray-100);margin-top:24px;padding:16px 18px}.nf-spec-cap{font-family:var(--font-mono);font-size:var(--fs-mono-label);letter-spacing:var(--ls-mono);text-transform:uppercase;color:var(--text-secondary);margin:0 0 12px}.nf-rows{gap:8px;margin:0;display:grid}.nf-row{font-family:var(--font-mono);font-size:var(--fs-caption);letter-spacing:var(--ls-mono-tight);color:var(--ink);align-items:baseline;gap:10px;display:flex}.nf-row dt{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--ls-mono);white-space:nowrap}.nf-row .lead{border-bottom:var(--bw-hair) dotted var(--border-default);flex:auto;min-width:12px;transform:translateY(-3px)}.nf-row dd{color:var(--ink);white-space:nowrap;margin:0}.nf-row dd.is-void{color:var(--danger)}.nf-actions{flex-wrap:wrap;gap:10px;margin-top:26px;display:flex}.nf-actions .mos-btn{min-height:44px}@media (max-width:480px){.nf-slip{padding:24px 20px 26px}.nf-display{font-size:clamp(64px,24vw,96px)}.nf-actions .mos-btn{justify-content:center;width:100%}}