/* ID Library living-library overlay styles (backend features). No inline styles anywhere (strict CSP). */
.libsrc{display:inline-block;font:700 10px "Space Grotesk",Inter,sans-serif;letter-spacing:.08em;border-radius:5px;padding:2px 6px;border:1px solid var(--line2);color:var(--mut);text-transform:uppercase;vertical-align:middle}
.libsrc.ap{color:#FF7A9A;border-color:rgba(255,92,122,.4)}
.libsrc.sc{color:var(--sc);border-color:rgba(255,122,26,.45)}
.libsrc.lib{color:var(--cy);border-color:rgba(25,230,255,.45)}
.libnew{font-size:11px;color:var(--gr);margin-left:6px;letter-spacing:.04em}
.libcard .libart{display:block}
.libcard .art{display:block;width:100%;aspect-ratio:1;border-radius:10px;overflow:hidden;background:var(--bg2)}
.libcard .art img,.libcard .art svg{width:100%;height:100%;object-fit:cover;display:block}
.libgrid .empty{grid-column:1/-1;padding:18px 0}
.libmini .art{width:40px;height:40px;border-radius:8px;overflow:hidden;flex:none}
.libmini .art img,.libmini .art svg{width:100%;height:100%;object-fit:cover}
.libhead .art img{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit}
.sc-item .art{width:56px;height:56px;border-radius:8px;overflow:hidden;display:block}
.sc-item .art svg{width:100%;height:100%}
.sc-item .ap-acts{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:6px}
/* community IDs */
#community{padding-top:8px}
.cidgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}
.cid .cdesc{color:#C9D2DB;white-space:pre-line;overflow-wrap:anywhere}
.cid h3,.cid .muted,.cid b{overflow-wrap:anywhere}
.cacts2{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:12.5px}
.cres{font-size:13px;color:var(--gr)}
.know{border-top:1px solid var(--line);padding-top:10px;display:grid;gap:8px}
.sugg{list-style:none;display:grid;gap:6px}
.sugg li{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:8px;align-items:center;font-size:13px}
.sugg .vn{font:700 15px "Space Grotesk",Inter,sans-serif;color:var(--mg);min-width:26px;text-align:center}
.sugg .st2{overflow-wrap:anywhere}
.sugg .vmsg{grid-column:2/-1;font-size:11.5px;color:var(--mut)}
.sugg .vmsg:empty{display:none}
.sugg .vote.is-on{border-color:var(--mg);color:var(--mg)}
.rep{background:none;border:0;color:var(--dim);font-size:11.5px;text-decoration:underline}
.rep:hover{color:var(--rd)}
.sdet summary{cursor:pointer;color:var(--cy);font-size:13px}
.sform{margin-top:8px}
.srow{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.fmsg{font-size:12.5px;color:var(--mut)}.fmsg.ok{color:var(--gr)}.fmsg.err{color:var(--rd)}
.hp{position:absolute!important;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
/* submit page */
.subwrap{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:24px;align-items:start}
.subform .form label.fl{display:grid;gap:5px;font-size:12.5px;color:var(--mut)}
.subform .form label.fl b{color:var(--txt);font-weight:600}
.subform .form .req{color:var(--mg)}
.subform .form input.bad,.subform .form textarea.bad{border-color:var(--rd);box-shadow:0 0 0 1px var(--rd)}
.subform .chk{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;font-size:13.5px;color:#C9D2DB;background:var(--bg2);border:1px solid var(--line2);border-radius:10px;padding:12px}
.subform .chk input{width:18px;height:18px;margin-top:2px;accent-color:var(--mg)}
.subform .chk.bad,.subform .chk input.bad{outline:1px solid var(--rd)}
.subform .chk a{color:var(--cy);text-decoration:underline}
.formmsg{font-size:14px;border-radius:10px;padding:12px 14px;border:1px solid var(--line2);background:var(--bg2)}
.formmsg.ok{border-color:rgba(60,242,154,.5);color:var(--gr)}
.formmsg.err{border-color:rgba(255,92,122,.55);color:#FFB3C1}
.subhint{font-size:12px;color:var(--dim)}
@media (max-width:900px){.subwrap{grid-template-columns:minmax(0,1fr)}}
@media (max-width:600px){.cidgrid{grid-template-columns:minmax(0,1fr)}.sugg li{grid-template-columns:auto minmax(0,1fr) auto}.sugg .rep{grid-column:2}}
/* home: Submit an ID additions (added elements only; existing sections untouched) */
.hero-cta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:16px;max-width:660px}
.hero-cta .hcta{min-height:48px;padding:12px 22px;font-size:15.5px;border-radius:13px}
.hcta-note{color:#B7C1CB;font-size:13.5px}
.nav a.nav-submit{color:var(--mg)}
.nav a.nav-submit:hover,.nav a.nav-submit.on{color:#fff;background:rgba(255,47,209,.12)}
.chfeed{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.chfeed>.empty,.chempty{grid-column:1/-1}
.chempty{background:var(--card);border:1px dashed rgba(255,47,209,.45);border-radius:var(--r);padding:22px;display:grid;gap:10px;justify-items:start}
.chempty h3{font-size:19px}
.chitem{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:14px;display:flex;flex-direction:column;gap:7px;min-width:0}
.chi-h{display:flex;align-items:center;gap:8px;min-width:0}.chi-h b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
.chitem .muted,.chitem b{overflow-wrap:anywhere}
.chdesc{color:#C9D2DB;font-size:13px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.chtop{font-size:13px}.chacts{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}
.cid.hl{border-color:var(--mg);box-shadow:0 0 0 1px var(--mg)}
.fab-submit{display:none}
@media (max-width:820px){
 .fab-submit{display:inline-flex;align-items:center;justify-content:center;position:fixed;right:14px;bottom:calc(80px + env(safe-area-inset-bottom,0px));z-index:59;min-height:52px;padding:0 20px;border-radius:999px;
  background:var(--mg);color:#16031A;font:700 15px "Space Grotesk",Inter,sans-serif;box-shadow:0 8px 28px rgba(255,47,209,.45),0 0 0 1px rgba(255,255,255,.12) inset;transition:opacity .2s,transform .2s}
 .fab-submit.off{opacity:0;transform:translateY(12px);pointer-events:none}
 .fab-submit:focus-visible{outline:2px solid #fff;outline-offset:3px}
}
@media (max-width:600px){.hero-cta .hcta{width:100%}.hcta-note{width:100%}}
@media (prefers-reduced-motion:reduce){.fab-submit{transition:none}}
/* keep header nav items on one line exactly as before now that the nav has one more link (desktop only) */
@media (min-width:1100px){body[data-backend="on"] .nav a{white-space:nowrap}}
@media (min-width:821px) and (max-width:1099px){.nav a.nav-submit{padding-left:7px;padding-right:7px}}
@media (min-width:821px) and (max-width:879px){.nav a.nav-submit{padding-left:2px;padding-right:2px}}
/* /submit polish */
.subsep{margin-top:6px;padding-top:12px;border-top:1px solid var(--line);font:600 13px "Space Grotesk",Inter,sans-serif;color:var(--txt)}
.subsep span{color:var(--dim);font:400 12px Inter,sans-serif;margin-left:6px}
.subform .subsend{min-height:48px;font-size:15px}
.subform .form input,.subform .form textarea{min-height:44px}