:root{--ccd-ink:#0B0C0E;--ccd-text:#E8EAE6;--ccd-grey:#8A8F98;--ccd-mute:#5B6068;--ccd-sun:#D97706;--ccd-panel:#121417;--ccd-line:#2E3238}
#ccd{position:fixed;right:max(16px,env(safe-area-inset-right,0px));bottom:calc(84px + env(safe-area-inset-bottom,0px));z-index:9000;font-family:"Geist Mono",ui-monospace,Menlo,monospace;display:flex;flex-direction:column;align-items:flex-end;gap:10px;pointer-events:none}
#ccd > *{pointer-events:auto}
.ccd-cat{width:92px;height:104px;border:0;padding:0;background:transparent;cursor:pointer;position:relative}
.ccd-cat img{width:100%;height:100%;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 6px 10px rgba(0,0,0,.35))}
.ccd-cat .zz{position:absolute;top:2px;left:4px;font-size:12px;color:var(--ccd-grey);letter-spacing:.1em}
.ccd-cat:focus-visible{outline:2px solid var(--ccd-sun);outline-offset:3px;border-radius:50%}
.ccd-bub{width:min(340px,calc(100vw - 32px));background:var(--ccd-text);color:var(--ccd-ink);border-radius:20px 20px 4px 20px;padding:16px 18px;box-shadow:0 12px 32px rgba(0,0,0,.35);font-size:14px;line-height:1.55}
.ccd-bub[hidden]{display:none!important}
.ccd-who{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ccd-mute);margin-bottom:6px;display:flex;justify-content:space-between;gap:8px}
.ccd-say{margin:0}
.ccd-say a{color:var(--ccd-ink);text-decoration:underline}
.ccd-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.ccd-btn{font:400 11px/1 "Geist Mono",ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--ccd-ink);background:transparent;color:var(--ccd-ink);border-radius:999px;padding:10px 13px;cursor:pointer}
.ccd-btn.main{background:var(--ccd-ink);color:var(--ccd-text)}
.ccd-btn.sun{background:var(--ccd-sun);border-color:var(--ccd-sun);color:var(--ccd-ink)}
.ccd-btn:focus-visible{outline:2px solid var(--ccd-sun);outline-offset:2px}
.ccd-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.ccd-chip{font:400 12px/1.3 "Geist Mono",ui-monospace,monospace;border:1px solid rgba(11,12,14,.25);background:transparent;color:var(--ccd-ink);border-radius:14px;padding:7px 10px;cursor:pointer;text-align:left}
.ccd-form{display:flex;gap:6px;margin-top:12px}
.ccd-form input{flex:1;min-width:0;font:400 14px/1.4 "Geist Mono",ui-monospace,monospace;border:1px solid rgba(11,12,14,.3);background:#fff;color:var(--ccd-ink);border-radius:14px;padding:9px 12px}
.ccd-form input:focus{outline:2px solid var(--ccd-sun);outline-offset:1px}
.ccd-spot{outline:3px solid var(--ccd-sun)!important;outline-offset:4px!important;transition:outline-color .3s}
.ccd-mini{font:400 11px/1 "Geist Mono",ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;border:0;background:var(--ccd-panel);color:var(--ccd-text);border-radius:999px;padding:10px 14px;cursor:pointer;box-shadow:0 6px 16px rgba(0,0,0,.35)}
@media (max-width:600px){ .ccd-cat{width:72px;height:82px} #ccd{bottom:calc(76px + env(safe-area-inset-bottom,0px))} }
@media (prefers-reduced-motion:reduce){ .ccd-spot{transition:none} }