:root{--bg:#090909;--panel:#121212;--text:#f7f7f7;--muted:#a7a7a7;--yellow:#ffd400;--border:#2a2a2a}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 Arial,sans-serif}
.wrap{max-width:1180px;margin:auto;padding:28px 20px 64px}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:end;padding:34px 0 26px;border-bottom:1px solid var(--border)}
.kicker{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--yellow);font-weight:800}h1{font-size:clamp(40px,7vw,76px);line-height:.95;margin:12px 0 18px;letter-spacing:-.04em}h1 span{color:var(--yellow)}
.lead{max-width:760px;font-size:18px;color:#ddd}.note{border-left:3px solid var(--yellow);padding-left:16px;color:#cfcfcf}
.controls{display:grid;grid-template-columns:1fr auto;gap:12px;padding:24px 0 14px;position:sticky;top:0;background:#090909ee;z-index:5}
.search{width:100%;background:var(--panel);color:#fff;border:1px solid var(--border);border-radius:14px;padding:14px 16px;font-size:16px}.search:focus{outline:2px solid var(--yellow);outline-offset:1px}
button{font:inherit}.random{background:var(--yellow);color:#111;border:0;border-radius:14px;padding:0 18px;font-weight:900;cursor:pointer}
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.tab{background:var(--panel);color:#ddd;border:1px solid var(--border);border-radius:999px;padding:9px 13px;cursor:pointer}.tab.active{background:var(--yellow);color:#111;border-color:var(--yellow);font-weight:800}
.meta{display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--muted);margin-bottom:16px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.card{background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:18px;min-width:0}.badge{font-size:12px;color:var(--yellow);font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.card h2{font-size:21px;line-height:1.2;margin:7px 0 6px}.use{color:var(--muted);font-size:14px;margin:0 0 14px}.prompt{white-space:pre-wrap;background:#0d0d0d;border:1px solid #252525;padding:14px;border-radius:13px;color:#ececec;font:14px/1.5 Consolas,monospace;max-height:230px;overflow:auto}
.actions{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.copy,.fav{border:1px solid var(--border);background:#191919;color:white;border-radius:11px;padding:10px 13px;cursor:pointer;font-weight:700}.copy{background:var(--yellow);color:#111;border-color:var(--yellow)}.fav.on{color:var(--yellow);border-color:var(--yellow)}
.empty{grid-column:1/-1;text-align:center;padding:40px;border:1px dashed var(--border);border-radius:18px;color:var(--muted)}
.footer{margin-top:42px;padding-top:28px;border-top:1px solid var(--border);display:grid;grid-template-columns:1fr 1fr;gap:24px}.small{color:var(--muted);font-size:14px}.links{display:flex;gap:10px;flex-wrap:wrap}.link{display:inline-block;text-decoration:none;color:#fff;border:1px solid var(--border);padding:11px 14px;border-radius:12px;background:var(--panel)}.link.primary{background:var(--yellow);color:#111;border-color:var(--yellow);font-weight:900}
@media(max-width:760px){.hero,.footer,.grid{grid-template-columns:1fr}.controls{grid-template-columns:1fr}.random{min-height:48px}}

.sharebar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:22px 0 4px;padding:14px 16px;border:1px solid var(--border);background:var(--panel);border-radius:16px}
.sharebar-title{font-size:14px;color:#c9c9c9}
.share-actions{display:flex;gap:8px;flex-wrap:wrap}
.share-btn{min-height:42px;border:1px solid var(--border);background:#1a1a1a;color:#fff;border-radius:11px;padding:9px 13px;cursor:pointer;font-weight:800;font-size:14px}
.share-btn:hover{border-color:var(--yellow)}
.share-btn.tg{background:var(--yellow);border-color:var(--yellow);color:#111}
.share-btn.done{background:#d9ff69;border-color:#d9ff69;color:#111}


.socials{
  grid-column:1/-1;
  margin-top:18px;
  padding-top:24px;
  border-top:1px solid var(--border);
}
.socials-head{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:16px;
  flex-wrap:wrap;
  margin-bottom:14px;
}
.socials-title{
  font-size:18px;
  font-weight:800;
  margin:0;
  color:#f2f2f2;
}
.socials-subtitle{
  margin:3px 0 0;
  font-size:12px;
  color:#8b8b8b;
}
.socials-links{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.social-card{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
  text-decoration:none;
  border:1px solid var(--border);
  background:linear-gradient(180deg,#171717,#111);
  padding:13px 14px;
  border-radius:14px;
  transition:border-color .2s ease, transform .2s ease, background .2s ease;
}
.social-card:hover{
  border-color:#4a4a4a;
  background:#191919;
  transform:translateY(-1px);
}
.social-icon{
  width:38px;
  height:38px;
  border-radius:11px;
  display:grid;
  place-items:center;
  flex:0 0 38px;
  font-weight:900;
  font-size:18px;
  color:#fff;
}
.social-icon.dzen{
  background:#111;
  border:1px solid #3a3a3a;
}

.social-icon.tenchat{
  background:#ef3340;
}
.social-copy{
  min-width:0;
}
.social-name{
  display:block;
  font-size:14px;
  font-weight:800;
  color:#f0f0f0;
  line-height:1.2;
}
.social-desc{
  display:block;
  margin-top:3px;
  font-size:11px;
  line-height:1.35;
  color:#8d8d8d;
}
.social-arrow{
  margin-left:auto;
  color:#666;
  font-size:16px;
}
.legal{
  grid-column:1/-1;
  margin-top:20px;
  padding-top:14px;
  border-top:1px solid #202020;
  text-align:center;
  color:#666;
  font-size:9px;
  line-height:1.45;
}
.legal p{
  margin:3px auto;
}
.legal strong{
  color:#777;
  font-weight:600;
}
.legal-note{
  max-width:900px;
  margin-left:auto !important;
  margin-right:auto !important;
  font-size:8px;
  line-height:1.35;
  color:#595959;
}
@media(max-width:760px){
  .socials-links{grid-template-columns:1fr}
  .socials-head{align-items:flex-start}
}


















.social-icon.setka{
  width:38px;
  height:38px;
  flex:0 0 38px;
  padding:0;
  border:0;
  border-radius:10px;
  overflow:hidden;
  background:#12081f;
}
.setka-favicon img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

.noscript-note{padding:12px;text-align:center;background:#111;color:#fff;font-size:14px}