.noa-btn{position:fixed;right:20px;bottom:20px;z-index:60;display:flex;align-items:center;gap:.5rem;padding:.8rem 1.1rem;border:0;border-radius:999px;background:var(--ai,#1F5C4A);color:var(--bg,#F4F1EA);font:600 .95rem var(--font-body,system-ui);box-shadow:0 8px 24px rgba(20,32,27,.22);cursor:pointer}
.noa-btn:hover{filter:brightness(1.08)}
.noa-btn svg{width:20px;height:20px}
.noa-panel{position:fixed;right:20px;bottom:84px;z-index:61;width:min(380px,calc(100vw - 24px));height:min(560px,calc(100vh - 110px));display:none;flex-direction:column;background:var(--surface,#FBF9F4);color:var(--ink,#14201B);border:1px solid var(--line,rgba(20,32,27,.12));border-radius:18px;box-shadow:0 18px 48px rgba(20,32,27,.25);overflow:hidden;font-family:var(--font-body,system-ui)}
.noa-panel.open{display:flex}
.noa-head{display:flex;align-items:center;gap:.6rem;padding:.85rem 1rem;background:var(--ai,#1F5C4A);color:var(--bg,#F4F1EA)}
.noa-head b{display:block;font-size:1rem}.noa-head small{opacity:.85;font-size:.78rem}
.noa-dot{width:9px;height:9px;border-radius:50%;background:#7CE0B5;flex:none}
.noa-x{margin-left:auto;background:none;border:0;color:var(--bg,#F4F1EA);font-size:1.4rem;line-height:1;cursor:pointer;padding:.2rem .4rem}
.noa-log{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.55rem}
.noa-m{max-width:85%;padding:.6rem .85rem;border-radius:14px;font-size:.93rem;line-height:1.45;white-space:pre-wrap;word-wrap:break-word}
.noa-m.bot{align-self:flex-start;background:var(--surface-2,#ECE7DC);border-bottom-left-radius:4px}
.noa-m.me{align-self:flex-end;background:var(--ai,#1F5C4A);color:var(--bg,#F4F1EA);border-bottom-right-radius:4px}
.noa-m.typ{color:var(--muted,#59635E);font-style:normal}
.noa-note{align-self:center;font-size:.78rem;color:var(--ai,#1F5C4A);background:var(--ai-soft,rgba(31,92,74,.1));padding:.3rem .7rem;border-radius:999px}
.noa-form{display:flex;gap:.5rem;padding:.7rem;border-top:1px solid var(--line,rgba(20,32,27,.12))}
.noa-form textarea{flex:1;resize:none;border:1px solid var(--line,rgba(20,32,27,.18));border-radius:12px;padding:.6rem .75rem;font:inherit;font-size:.93rem;background:var(--bg,#F4F1EA);color:var(--ink,#14201B);caret-color:var(--ink,#14201B);max-height:110px}
.noa-form textarea::placeholder{color:var(--muted,#59635E);opacity:1}
.noa-form button{border:0;border-radius:12px;background:var(--ai,#1F5C4A);color:var(--bg,#F4F1EA);padding:0 1rem;font:600 .9rem inherit;cursor:pointer}
.noa-form button:disabled{opacity:.5;cursor:default}
.noa-foot{font-size:.7rem;color:var(--faint,#8A918C);text-align:center;padding:0 .7rem .55rem}
.noa-hp{position:absolute;left:-9999px}
@media (max-width:520px){.noa-panel{right:12px;left:12px;width:auto;bottom:80px}.noa-btn{right:12px;bottom:12px}}