.qa-btn{z-index:50;font:inherit;font-size:var(--type-caption-size);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;color:var(--color-bg-page);background:var(--color-text-primary);transition:background .3s,color .3s;transition:background .3s, color .3s, transform .5s var(--ease-out), opacity .4s;border:0;align-items:center;gap:10px;padding:12px 18px;display:inline-flex;position:fixed;bottom:16px;right:16px;box-shadow:0 16px 40px -16px #000000e6}.qa-btn.is-tucked{opacity:0;pointer-events:none;transform:translateY(24px)}.qa-btn:hover{background:var(--color-text-accent);color:var(--color-text-primary)}.qa-btn-ico{display:inline-flex}.qa-btn-ico svg{width:20px;height:20px}.qa-ideas{margin:var(--space-12) 0 0;gap:var(--space-8);justify-items:start;padding:0;list-style:none;display:grid}.qa-idea{font:inherit;font-size:var(--type-caption-size);text-align:left;padding:var(--space-8) var(--space-12);color:var(--color-text-primary);border:var(--stroke-hairline) solid var(--color-border-default);cursor:pointer;background:0 0;transition:border-color .3s}.qa-idea:hover{border-color:var(--color-text-accent)}.qa-empty p{margin:0}.qa-dot{background:var(--color-text-accent);min-width:20px;height:20px;color:var(--color-text-primary);letter-spacing:0;border-radius:10px;place-items:center;padding:0 6px;font-size:11px;display:inline-grid}.qa-dot[hidden]{display:none}.qa-panel{border:0;border-left:var(--stroke-hairline) solid var(--color-border-strong);background:var(--color-bg-page);width:min(480px,100vw);max-width:none;height:100dvh;max-height:none;color:var(--color-text-primary);grid-template-rows:auto 1fr auto auto;margin:0;padding:0;display:none;position:fixed;inset:0 0 0 auto}.qa-panel[open]{display:grid}.qa-panel::backdrop{background:#0000008c}@media (prefers-reduced-motion:no-preference){.qa-panel[open]{animation:qa-in .45s var(--ease-out) both}}@keyframes qa-in{0%{opacity:0;transform:translate(40px)}}.qa-head{justify-content:space-between;align-items:start;gap:var(--space-16);padding:var(--space-24);border-bottom:var(--stroke-hairline) solid var(--color-border-default);display:flex}.qa-head p{margin:0}.qa-head .accent{color:var(--color-text-accent)}.qa-title{font-family:var(--font-serif);margin:6px 0 8px;font-size:30px;font-weight:400;line-height:1.1}.qa-x{font:inherit;font-size:var(--type-caption-size);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);border:var(--stroke-hairline) solid var(--color-border-default);padding:var(--space-8) var(--space-12);cursor:pointer;background:0 0}.qa-list{padding:var(--space-16) var(--space-24);align-content:start;gap:var(--space-16);margin:0;list-style:none;display:grid;overflow-y:auto}.qa-empty{padding:0 var(--space-24) var(--space-24);margin:0}.qa-empty[hidden]{display:none}.qa-item{padding:var(--space-16);border:var(--stroke-hairline) solid var(--color-border-default);background:var(--color-bg-surface);gap:6px;display:grid}.qa-item.is-follow{margin-left:var(--space-24)}.qa-item p{margin:0}.qa-about{color:var(--color-text-accent);text-decoration:none}a.qa-about:hover{text-decoration:underline}.qa-msg{white-space:pre-wrap;line-height:1.5}.qa-reply{padding-left:var(--space-12);border-left:2px solid var(--color-text-accent);gap:4px;margin-top:6px;display:grid}.qa-reply .qa-meta{color:var(--color-text-accent)}.qa-wait{font-style:italic}.qa-acts{gap:var(--space-8);display:grid}.qa-link{font:inherit;font-size:var(--type-caption-size);color:var(--color-text-muted);cursor:pointer;border:0;border-bottom:var(--stroke-hairline) solid var(--color-border-default);background:0 0;justify-self:start;padding:4px 0}.qa-link:hover{color:var(--color-text-primary)}.qa-form{gap:var(--space-8);padding:var(--space-16) var(--space-24) var(--space-24);border-top:var(--stroke-hairline) solid var(--color-border-default);background:var(--color-bg-surface);display:grid}.qa-form textarea,.qa-answer textarea{width:100%;font:inherit;padding:var(--space-12);background:var(--color-bg-page);color:var(--color-text-primary);border:var(--stroke-hairline) solid var(--color-border-default);resize:vertical;line-height:1.5}.qa-form textarea:focus,.qa-answer textarea:focus{outline:1px solid var(--color-text-accent)}.qa-re{gap:var(--space-12);color:var(--color-text-accent);margin:0;display:flex}.qa-re[hidden]{display:none}.qa-re button{font:inherit;color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;text-decoration:underline}.qa-row{justify-content:space-between;align-items:center;gap:var(--space-12);display:flex}.qa-answer{gap:var(--space-8);display:grid}.qa-send{font:inherit;font-size:var(--type-caption-size);letter-spacing:.06em;text-transform:uppercase;padding:var(--space-12) var(--space-20,20px);cursor:pointer;background:var(--color-text-primary);color:var(--color-bg-page);border:0}.qa-send:hover{background:var(--color-text-accent);color:var(--color-text-primary)}.is-busy .qa-send{opacity:.5;pointer-events:none}.qa-toast{z-index:70;width:max-content;max-width:calc(100vw - 32px);padding:var(--space-12) var(--space-20,20px);background:var(--color-bg-surface);border:var(--stroke-hairline) solid var(--room-ok,#7fbf7f);color:var(--room-ok,#7fbf7f);text-align:center;position:fixed;bottom:80px;left:50%;transform:translate(-50%)}.qa-toast.err{border-color:var(--color-text-accent);color:var(--color-text-accent)}.qa-toast[hidden]{display:none}.qa-sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=640px){.qa-btn{padding:12px 16px;bottom:12px;right:12px}.qa-panel{border-left:0;width:100vw}.qa-head{padding:var(--space-16)}.qa-list{padding:var(--space-12) var(--space-16)}.qa-form{padding:var(--space-12) var(--space-16) calc(var(--space-16) + env(safe-area-inset-bottom))}}@media print{.qa{display:none}}