/* ===== Ideenbox ===== */
.idtop{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:14px}
.idsort{display:inline-flex;gap:6px;padding:5px;border:1px solid var(--line2);border-radius:999px;background:rgba(6,14,11,.6)}
.idsort button{border:0;background:none;color:var(--m);font:700 13px var(--bf);padding:9px 16px;border-radius:999px;cursor:pointer;transition:.2s}
.idsort button:hover{color:var(--t)}
.idsort button.on{background:var(--g);color:#04130b}
.idhint{color:var(--m);font-size:14px;margin:0 0 26px;max-width:760px}
.idgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px}
.idgrid>.empty{grid-column:1/-1}
.idcard{display:flex;flex-direction:column;gap:12px;padding:22px}
.idcard.isdone{border-color:rgba(43,255,136,.45)}
.idhead{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.idhead h3{margin:0;font:800 19px/1.25 var(--hf);color:var(--t)}
.idbadge{flex:none;font-size:11px;font-weight:800;padding:4px 10px;border-radius:999px;background:rgba(43,255,136,.15);color:var(--g);border:1px solid var(--line)}
.idtext{margin:0;color:#c6d6cf;font-size:14.5px;line-height:1.6;white-space:pre-line;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}
.idmeta{color:var(--m);font-size:12.5px}
.idmeta b{color:var(--t);font-weight:700}
.idbar{height:6px;border-radius:999px;background:rgba(255,77,94,.35);overflow:hidden;margin-top:auto}
.idbar i{display:block;height:100%;background:linear-gradient(90deg,var(--g2),var(--g));border-radius:999px;transition:width .4s}
.idvote{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.idb{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 12px;border-radius:12px;border:1px solid var(--line2);background:rgba(255,255,255,.03);color:var(--t);font:700 14px var(--bf);cursor:pointer;transition:.2s}
.idb span{font-size:16px}
.idb b{min-width:22px;padding:2px 8px;border-radius:999px;background:rgba(255,255,255,.08);font-size:12.5px}
.idb.up:hover,.idb.up.on{border-color:var(--g);background:rgba(43,255,136,.12);color:var(--g)}
.idb.down:hover,.idb.down.on{border-color:#ff4d5e;background:rgba(255,77,94,.12);color:#ff8a95}
.idb:disabled{opacity:.55;cursor:default}
.idb:disabled:hover{border-color:var(--line2);background:rgba(255,255,255,.03);color:var(--t)}
.iderr{margin-top:16px;color:#ff8a95;font-weight:700}
@media (max-width:560px){.idgrid{grid-template-columns:1fr}.idtop .btn{width:100%;justify-content:center}.idsort{width:100%;justify-content:space-between}.idsort button{flex:1;padding:9px 8px}}