:root{--brand:#c026d3;--brand2:#f43f5e}
.bigin{width:100%;padding:14px 16px;font-size:18px;border:2px solid var(--brand);border-radius:14px;background:var(--bg);color:var(--text)}
.calcbox textarea{font-size:16px}
.cgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;margin:12px 0}
.cgrid.sym{grid-template-columns:repeat(auto-fill,minmax(52px,1fr))}
.citem{display:flex;flex-direction:column;gap:4px;align-items:flex-start;text-align:left;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--text);cursor:pointer;transition:border-color .15s,transform .1s;min-width:0}
.citem:hover{border-color:var(--brand)}.citem:active{transform:scale(.98)}
.citem.ok{border-color:#22c55e;background:color-mix(in srgb,#22c55e 12%,var(--card))}
.citem .cv{font-size:19px;line-height:1.35;word-break:break-word;overflow-wrap:anywhere;max-width:100%}
.citem small{font-size:11px;color:var(--muted)}
.cgrid.sym .citem{align-items:center;padding:10px 4px}.cgrid.sym .cv{font-size:22px}
.zalgo .citem{overflow:hidden;padding:26px 12px}
.symcats h3{margin:16px 0 4px;font-size:15px}
.copied{position:sticky;bottom:8px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:8px 12px;margin-top:10px}
.copied .pick{font-size:20px;flex:1;min-width:60px;word-break:break-all}.copied .btn{width:auto}
.row2{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin:10px 0}
.btnrow{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.btnrow .btn{width:auto;flex:1 1 auto}
.rng{width:100%;accent-color:var(--brand)}