.nf{--ease-out:cubic-bezier(.23, 1, .32, 1);--gutter:clamp(16px, 5vw, 64px);background:var(--mw-page);min-height:100vh;color:var(--mw-ink);-webkit-font-smoothing:antialiased;flex-direction:column;display:flex}.nf-header{min-height:72px;padding-inline:var(--gutter);align-items:center;display:flex}.nf-main{width:100%;max-width:1080px;padding:16px var(--gutter) 80px;flex:1;align-content:center;align-items:center;gap:40px;margin-inline:auto;display:grid}@media (min-width:880px){.nf-main{grid-template-columns:1fr minmax(360px,420px);gap:72px}}.nf-eyebrow{border:1px solid var(--mw-border);background:var(--mw-surface);color:var(--mw-muted);font-variant-numeric:tabular-nums;border-radius:999px;margin:0 0 16px;padding:4px 12px;font-size:13px;font-weight:600;display:inline-flex}.nf-h1{letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:clamp(34px,5.4vw,56px);font-weight:800;line-height:1.08}.nf-body{max-width:46ch;color:var(--mw-text-2);text-wrap:pretty;margin:20px 0 0;font-size:17px;line-height:1.6}.nf-chat{border:1px solid var(--mw-border);background:var(--mw-surface);box-shadow:var(--mw-shadow-float);border-radius:24px;overflow:hidden}.nf-chat-head{border-bottom:1px solid var(--mw-divider);align-items:center;gap:12px;padding:14px 18px;display:flex}.nf-chat-name{margin:0;font-size:15px;font-weight:700;line-height:1.3}.nf-chat-status{color:var(--mw-muted);align-items:center;gap:6px;margin:0;font-size:13px;display:flex}.nf-dot{background:var(--mw-live);border-radius:50%;width:7px;height:7px}.nf-thread{background:var(--mw-chat-wa-area);direction:ltr;gap:8px;padding:20px 16px 18px;display:grid}.nf-msg{border-radius:16px;max-width:85%;padding:8px 12px 6px;font-size:15px;line-height:1.5}.nf-msg p{margin:0}:root[dir=rtl] .nf-msg p,:root[dir=rtl] .nf-chips{direction:rtl}.nf-out{background:var(--mw-chat-wa-out);border-start-end-radius:4px;justify-self:end}.nf-in{background:var(--mw-surface);box-shadow:var(--mw-shadow-bubble);border-start-start-radius:4px;justify-self:start}.nf-path{background:var(--mw-tag);text-overflow:ellipsis;white-space:nowrap;border-radius:6px;margin-top:4px;padding:2px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;display:block;overflow:hidden}.nf-meta{color:var(--mw-muted);justify-content:flex-end;align-items:center;gap:4px;margin-top:2px;font-size:11px;display:flex}.nf-ticks{width:16px;height:16px;display:inline-block;position:relative}.nf-ticks svg{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;position:absolute;inset:0}.nf-tick-sent{stroke:var(--mw-faint)}.nf-tick-read{stroke:var(--mw-logo-tick)}.nf-slot{display:grid}.nf-slot>*{grid-area:1/1}.nf-typing{border-radius:16px;background:var(--mw-surface);border-start-start-radius:4px;place-self:start;gap:4px;padding:12px 14px;display:inline-flex}.nf-typing i{background:var(--mw-faint);border-radius:50%;width:6px;height:6px;animation:.9s ease-in-out infinite nf-bounce}.nf-typing i:nth-child(2){animation-delay:.15s}.nf-typing i:nth-child(3){animation-delay:.3s}.nf-chips{flex-wrap:wrap;justify-self:start;gap:8px;max-width:85%;margin-top:6px;display:flex}.nf-chip{border:1px solid var(--mw-accent-tint-border);background:var(--mw-surface);min-height:44px;color:var(--mw-accent);transition:background-color .16s var(--ease-out), transform .16s var(--ease-out);border-radius:999px;align-items:center;padding:0 16px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.nf-chip:hover{background:var(--mw-accent-tint)}.nf-chip:active{transform:scale(.97)}.nf-chip:focus-visible{outline:2px solid var(--mw-accent);outline-offset:2px}.nf-chip-primary{border-color:var(--mw-ink);background:var(--mw-ink);color:var(--mw-page)}.nf-chip-primary:hover{background:var(--mw-ink-hover)}@media (prefers-reduced-motion:no-preference){.nf-s1,.nf-s3,.nf-s5,.nf-s6{animation:nf-pop .36s var(--ease-out) both}.nf-s1{animation-delay:.15s}.nf-tick-read{animation:.2s ease-out .8s both nf-fade}.nf-tick-sent{animation:.2s ease-out .8s reverse both nf-fade}.nf-s2{animation:1.2s ease-out 1s both nf-blip}.nf-s3{animation-delay:2.2s}.nf-s4{animation:1.1s ease-out 2.7s both nf-blip}.nf-s5{animation-delay:3.8s}.nf-s6{animation-delay:4.2s}}@media (prefers-reduced-motion:reduce){.nf-typing{display:none}.nf-tick-sent{opacity:0}}@keyframes nf-pop{0%{opacity:0;transform:translateY(8px)scale(.96)}}@keyframes nf-fade{0%{opacity:0}}@keyframes nf-blip{0%,to{opacity:0}12%,88%{opacity:1}}@keyframes nf-bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-3px)}}
