:root{
  --bg:#0b0b0d;--panel:#17171b;--panel2:#1e1e24;--text:#f4f4f6;--muted:#9c9ca8;
  --line:#2c2c35;--accent:#ff5656;--accent2:#ff8a5b;--ok:#76e4a6;--bad:#ff7d7d;
}
*{box-sizing:border-box}
body{
  margin:0;background:
    radial-gradient(circle at 15% 5%,rgba(255,86,86,.11),transparent 25%),
    radial-gradient(circle at 90% 0%,rgba(255,138,91,.07),transparent 22%),
    var(--bg);
  color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}
a{color:inherit}
.wrap{max-width:1000px;margin:auto;padding:22px}
.top{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px 0}
.logo{font-weight:1000;letter-spacing:-.04em;font-size:22px;text-decoration:none}
.nav{display:flex;gap:10px;flex-wrap:wrap}
.nav a,.btn,.btn2{border:1px solid var(--line);border-radius:12px;padding:10px 14px;text-decoration:none;background:#151519}
.hero{text-align:center;padding:54px 0 28px}
.hero h1{font-size:clamp(44px,9vw,86px);line-height:.95;margin:8px 0 16px;letter-spacing:-.055em}
.hero p{max-width:700px;margin:auto;color:#c9c9d0;font-size:18px;line-height:1.55}
.counter{max-width:620px;margin:28px auto 0;padding:17px;border:1px solid var(--line);background:rgba(23,23,27,.93);border-radius:17px}
.counter-row{display:flex;justify-content:space-between;gap:12px;font-weight:800}
.counter-row span:last-child{color:var(--muted);font-weight:500}
.bar{height:9px;background:#26262d;border-radius:99px;margin-top:11px;overflow:hidden}
.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2))}
.cta{display:inline-block;margin-top:20px;border:0;border-radius:14px;padding:14px 20px;font-weight:900;text-decoration:none;background:linear-gradient(135deg,var(--accent),var(--accent2));color:white;cursor:pointer}
h2{letter-spacing:-.03em}
.feed{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.card{border:1px solid var(--line);background:linear-gradient(180deg,var(--panel2),var(--panel));border-radius:18px;padding:18px;min-height:150px;display:flex;flex-direction:column}
.card.vip{box-shadow:0 0 0 1px rgba(255,138,91,.35),0 0 35px rgba(255,86,86,.08)}
.card.highlight{border-color:#5a4a3b}
.num{font-size:12px;font-weight:1000;letter-spacing:.13em;color:var(--accent2)}
.msg{font-size:18px;line-height:1.45;margin:12px 0 18px;white-space:pre-wrap;word-break:break-word}
.meta{font-size:13px;color:var(--muted);margin-top:auto}
.box{max-width:760px;margin:30px auto 70px;border:1px solid var(--line);background:rgba(23,23,27,.95);border-radius:20px;padding:22px}
label{display:block;margin:14px 0 7px;color:#c9c9d0;font-size:13px}
input,textarea,select{width:100%;padding:13px 14px;border:1px solid #353540;border-radius:12px;background:#101013;color:white;font:inherit}
textarea{min-height:125px;resize:vertical}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.submit{width:100%;border:0;border-radius:13px;padding:14px;font-size:16px;font-weight:900;margin-top:16px;cursor:pointer}
.notice{padding:13px 15px;border-radius:12px;margin:12px 0;background:#102019;border:1px solid #315b43}
.error{background:#251113;border-color:#6c2a31}
.small{font-size:12px;color:var(--muted)}
.pricebox{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#101013;border:1px solid #303039;padding:14px;border-radius:13px;margin-top:14px}
.pricebox strong{font-size:22px}
.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.actions button,.actions a{border:1px solid var(--line);background:#131317;color:white;border-radius:10px;padding:9px 11px;cursor:pointer;text-decoration:none}
.entrylink{display:block;margin-top:10px;background:#101013;border:1px solid #303039;border-radius:11px;padding:11px;word-break:break-all}
.loading{color:var(--muted);padding:20px 0}
footer{text-align:center;color:#6f6f79;font-size:12px;padding:20px 0 38px}
@media(max-width:760px){
  .feed,.grid{grid-template-columns:1fr}
  .top{align-items:flex-start}
}


/* YBZ V1.4 VIRAL */
.hero-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;align-items:center;margin-top:20px}
.hero-actions .cta{margin-top:0}
.hero-share{color:#fff;cursor:pointer;font-weight:850;padding:14px 18px}
.viral-intro{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 34px}
.viral-intro-card{border:1px solid var(--line);background:rgba(23,23,27,.88);border-radius:16px;padding:17px;display:flex;flex-direction:column;gap:7px}
.viral-intro-card span{color:var(--accent2);font-weight:1000;font-size:12px;letter-spacing:.12em}
.viral-intro-card b{font-size:18px}
.viral-intro-card small{color:var(--muted);line-height:1.45}
.plan-info{margin-top:9px;padding:11px 12px;border:1px solid #303039;border-radius:11px;background:#101013;color:#bdbdc7;font-size:13px;line-height:1.45}
.public-entry-box{max-width:820px}
.public-entry-card{min-height:220px}
.public-entry-message{font-size:clamp(23px,5vw,34px);line-height:1.35}
.entry-cta-row{text-align:center}
.share-card{margin-top:18px;border:1px solid #34343e;background:linear-gradient(180deg,#15151a,#101013);border-radius:18px;padding:17px}
.share-card.compact{margin-top:16px}
.share-head{display:flex;justify-content:space-between;align-items:center;gap:12px}
.share-head b{font-size:18px}
.share-eyebrow{font-size:10px;letter-spacing:.14em;color:var(--accent2);font-weight:1000;margin-bottom:4px}
.share-no{border:1px solid #3a3a44;border-radius:999px;padding:5px 9px;color:#bdbdc7;font-size:12px}
.share-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.share-buttons button,.qr-download{border:1px solid #363641;background:#1a1a20;color:white;border-radius:10px;padding:9px 11px;cursor:pointer;font-weight:750}
.share-buttons button:first-child{border:0;background:linear-gradient(135deg,var(--accent),var(--accent2))}
.share-link{margin-top:11px;padding:10px 11px;border:1px solid #2d2d36;background:#0e0e11;border-radius:10px;color:#aaaab5;font-size:12px;word-break:break-all}
.share-feedback{min-height:18px;margin-top:8px;color:var(--ok);font-size:12px}
.qr-wrap{margin-top:14px;padding:14px;border-radius:14px;background:#fff;color:#17171b;text-align:center}
.qr-box{display:flex;justify-content:center;min-height:190px;margin-bottom:10px}
.qr-box img,.qr-box canvas{border-radius:8px}
.qr-wrap .small{color:#555;max-width:430px;margin:0 auto 10px}
.qr-download{background:#151519}
@media(max-width:760px){.viral-intro{grid-template-columns:1fr}.share-head{align-items:flex-start}.share-buttons button{flex:1 1 calc(50% - 8px)}}


/* Mobile usability and accessible, keyboard-focusable feed cards */
.entry-card-link{
  color:inherit;
  text-decoration:none;
  transition:border-color .2s ease,transform .2s ease;
}
.entry-card-link:hover{border-color:var(--accent2);transform:translateY(-2px)}
:where(a,button,input,textarea,select):focus-visible{outline:3px solid var(--accent2);outline-offset:3px}
:where(a,button){-webkit-tap-highlight-color:rgba(255,138,91,.2)}
.field-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.field-meta label{margin-bottom:7px}
.char-count{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
@media(max-width:760px){
  .wrap{padding:14px}
  .top{flex-wrap:wrap;gap:12px;padding:12px 0 18px}
  .logo{font-size:21px;white-space:nowrap}
  .nav{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .nav a{display:flex;align-items:center;justify-content:center;min-width:0;min-height:44px;padding:10px 8px;text-align:center;font-size:13px;line-height:1.3}
  .nav a:last-child:nth-child(odd){grid-column:1/-1}
  .hero{padding:24px 0 12px}
  .hero h1{font-size:clamp(38px,10vw,62px)}
  .hero p{font-size:16px}
  .hero-actions{align-items:stretch}
  .hero-actions .cta,.hero-actions .hero-share{flex:1 1 100%;min-height:48px;text-align:center}
  .counter{padding:14px}
  .counter-row{flex-wrap:wrap;font-size:12px}
  .card{min-height:0}
  .box{padding:18px 14px;margin:18px auto 36px}
  input,textarea,select{font-size:16px}
  .actions a,.actions button{min-height:44px}
  .pricebox strong{font-size:20px}
  .legal-footer{overflow-wrap:anywhere}
}
@media(prefers-reduced-motion:reduce){
  .entry-card-link{transition:none}
  .entry-card-link:hover{transform:none}
}