:root{--ping-gap:12px;--ping-pad:16px;--ping-radius:16px;--ping-small:12px;--ping-line:1px solid var(--line);--ping-soft:#fff1f6;--ping-accent:#b41c58}
.ping-button{font-size:var(--ping-small);font-weight:750;min-width:52px}.ping-button:disabled{opacity:.55;cursor:wait}.ping-sent{animation:ping-out .45s ease-out}
.ping-preferences,.ping-assistant{display:grid;gap:var(--ping-gap);min-width:0}.ping-preferences header,.ping-assistant header{display:flex;align-items:center;gap:var(--ping-gap)}
.ping-preferences header>span,.ping-assistant header>span{display:grid;place-items:center;width:48px;height:48px;border-radius:var(--ping-radius);background:var(--ping-soft);color:var(--ping-accent)}
.ping-preferences p,.ping-assistant p{font-size:var(--ping-small);line-height:1.7;white-space:normal;overflow-wrap:anywhere}
.ping-preferences form{display:grid;gap:var(--ping-pad)}.ping-preferences fieldset{display:grid;gap:var(--ping-gap);border:var(--ping-line);padding:var(--ping-pad);border-radius:var(--ping-radius)}.ping-preferences legend{font-weight:700;font-size:14px;padding-inline:6px}
.ping-preferences label{display:grid;gap:6px;font-size:var(--ping-small)}.ping-preferences input:not([type=checkbox]),.ping-preferences select,.ping-preferences textarea{width:100%;min-width:0;max-width:100%;padding:var(--ping-gap);border:var(--ping-line);border-radius:8px;background:var(--surface);color:var(--ink);font:inherit}.ping-preferences .ping-toggle{display:flex;align-items:flex-start;gap:var(--ping-gap);line-height:1.6}.ping-toggle input{margin-top:4px;accent-color:var(--accent)}
.ping-score{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:var(--ping-gap);padding:var(--ping-pad);background:var(--ping-soft);border-radius:var(--ping-radius)}.ping-score>b{font-size:40px;color:var(--ping-accent)}.ping-score>b small{font-size:var(--ping-small)}.ping-score>progress,.ping-score>details{grid-column:1/-1;width:100%;accent-color:var(--accent)}
.ping-score dl>div,.ping-assistant dl>div{display:flex;justify-content:space-between;align-items:baseline;gap:var(--ping-gap);padding-block:8px;border-bottom:var(--ping-line);font-size:var(--ping-small)}.ping-assistant dd{text-align:right;font-weight:700}.ping-assistant-message{padding:var(--ping-pad);border-radius:var(--ping-radius);background:var(--ping-soft)}.ping-assistant-message h3{margin-bottom:var(--ping-gap)}.ping-accepted{color:var(--ping-accent)}
.ping-quick-list{display:grid;gap:var(--ping-gap);margin-block:var(--ping-pad)}.ping-quick-list button{text-align:left;white-space:normal}.ping-message-tools{display:flex;gap:var(--ping-gap);flex-wrap:wrap;padding-block:6px}.ping-message-tools button{font-size:var(--ping-small)}.message-automation{display:block;font-size:10px;line-height:1.5;color:var(--muted);margin-top:6px;white-space:normal}
@keyframes ping-out{50%{box-shadow:0 0 0 10px #ff4f7822;transform:scale(1.05)}100%{box-shadow:0 0 0 18px #ff4f7800;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.ping-sent{animation:none}}