:root{
  --bg:#f6f8fb;
  --card:#ffffff;
  --text:#111827;
  --muted:#5f6b7a;
  --border:#dbe3ee;
  --accent:#2563eb;
  --accent-2:#14b8a6;
  --soft:#eef5ff;
  --shadow:0 16px 40px rgba(15,23,42,.08);
}
[data-theme="dark"]{
  --bg:#0b1120;
  --card:#111827;
  --text:#eef2ff;
  --muted:#a6b3c5;
  --border:#273449;
  --accent:#60a5fa;
  --accent-2:#2dd4bf;
  --soft:#172033;
  --shadow:0 16px 40px rgba(0,0,0,.35);
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}
a{color:inherit}
.container{max-width:1120px;margin:0 auto;padding:18px}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 0}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text)}
.brand img{width:52px;height:52px;border-radius:12px}
.brand strong{display:block;font-size:1.25rem}
.brand small{display:block;color:var(--muted);font-size:.85rem}
.nav{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 22px}
.nav a{padding:9px 12px;border-radius:9px;text-decoration:none;color:var(--muted);transition:.2s ease}
.nav a:hover{background:var(--soft);color:var(--text)}
.theme-toggle{border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:999px;padding:9px 13px;display:flex;align-items:center;gap:8px;cursor:pointer;box-shadow:var(--shadow);transition:.2s ease}
.theme-toggle:hover{transform:translateY(-1px);border-color:var(--accent)}
.home-hero,.page-title,.tool-intro{padding:24px 0}
.home-hero h1,.page-title h1,.tool-intro h1{font-size:clamp(2rem,4vw,3.4rem);line-height:1.08;margin:0 0 12px;letter-spacing:0}
.home-hero p,.page-title p,.tool-intro p,.seo-content p,.faq-item p,.card p{color:var(--muted);line-height:1.7}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;margin:18px 0}
.card{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:18px;box-shadow:var(--shadow);transition:.2s ease}
.card:hover{transform:translateY(-3px);border-color:var(--accent)}
.card h2,.card h3{margin-top:0}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;padding:10px 14px;text-decoration:none;font-weight:750;cursor:pointer;transition:.2s ease;min-height:42px}
.btn:hover{transform:translateY(-2px);filter:saturate(1.08)}
.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff}
.btn-secondary{background:var(--soft);color:var(--text);border:1px solid var(--border)}
.btn-share{background:#111827;color:#fff}
[data-theme="dark"] .btn-share{background:#e5e7eb;color:#111827}
.btn-click{min-width:140px;min-height:72px;font-size:1.15rem}
.button-row{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}
.button-row.center{justify-content:center}
.breadcrumb{color:var(--muted);font-size:.95rem;margin:8px 0 16px}
.breadcrumb a{text-decoration:none;color:var(--accent)}
.search{margin:4px 0 20px}
.search input,.input,textarea,select{width:100%;border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:10px;padding:11px 12px;font:inherit}
label{display:block;color:var(--text);font-weight:700;margin:8px 0}
label input,label textarea,label select{margin-top:7px}
.field-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.field-grid.single{grid-template-columns:minmax(0,420px)}
.field-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.large-text{min-height:160px;resize:vertical}
.tool-workspace{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:20px;box-shadow:var(--shadow);margin-bottom:14px}
.tool-heading h2{margin:0}
.tool-heading p{margin-top:6px;color:var(--muted)}
.result{background:var(--soft);border:1px solid var(--border);border-radius:10px;padding:12px;margin-top:12px;min-height:46px;line-height:1.6}
.share-row{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 26px}
.seo-content,.related-section,.faq-section{margin-top:30px}
.seo-content h2,.related-section h2,.faq-section h2{margin-top:22px}
.faq-item{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:14px;margin:12px 0}
.faq-item h3{margin:0 0 8px}
.footer{margin:34px 0 10px;padding:18px;text-align:center;color:#0f172a;border-radius:12px;background:linear-gradient(135deg,#7ee8fa,#80ff72);font-weight:800}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.split-tool{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.split-tool.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.preview-image{display:none;max-width:100%;border:1px solid var(--border);border-radius:10px;margin-top:12px}
.preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}
.preview-box,.mini-preview{min-height:170px;border:1px dashed var(--border);border-radius:10px;background:var(--soft);display:flex;align-items:center;justify-content:center;padding:12px;color:var(--muted)}
.preview-box img,.mini-preview img{max-width:100%;border-radius:8px}
.qr-preview{text-align:center;margin-top:14px}
.qr-preview img{display:none;max-width:100%;border:1px solid var(--border);border-radius:10px;padding:10px;background:#fff}
.palette-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-top:12px}
.color-tile{min-height:110px;border-radius:10px;display:flex;align-items:end;padding:10px;font-weight:800;cursor:pointer}
.dice-visual{font-size:3.5rem;text-align:center;margin:18px 0}
.wheel-wrap{position:relative;text-align:center;margin:18px auto;max-width:320px}
#wheel_canvas{max-width:100%;border-radius:50%;box-shadow:var(--shadow)}
.wheel-pointer{position:absolute;top:-6px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-top:22px solid var(--accent)}
.ttt-board{display:grid;grid-template-columns:repeat(3,88px);gap:8px;justify-content:center}
.ttt-cell{height:88px;border:1px solid var(--border);border-radius:10px;background:var(--soft);color:var(--text);font-size:2rem;font-weight:900;cursor:pointer}
.score-board,.stats-grid{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:14px 0}
.score-board span,.stats-grid .result{min-width:120px;text-align:center}
.memory-board{display:grid;grid-template-columns:repeat(4,74px);gap:8px;justify-content:center;margin:14px 0}
.mem-card{width:74px;height:74px;border-radius:10px;background:var(--soft);display:flex;align-items:center;justify-content:center;font-size:2rem;cursor:pointer;position:relative;transform-style:preserve-3d;transition:transform .45s ease}
.mem-card.flipped{transform:rotateY(180deg)}
.mem-card.matched{background:#16a34a;color:#fff}
.mem-card-back,.mem-card-front{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:10px;backface-visibility:hidden}
.mem-card-front{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;transform:rotateY(180deg)}
.keyboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(38px,1fr));gap:6px;margin:16px 0}
.btn-small{min-height:36px;padding:8px;border-radius:9px}
.hangman-art{background:var(--soft);border-radius:10px;padding:14px;overflow:auto;min-height:150px}
.word-display{text-align:center;font-size:2rem;letter-spacing:8px;font-weight:900;margin:16px 0}
.muted{color:var(--muted)}
.notification{position:fixed;top:18px;right:18px;padding:12px 16px;border-radius:10px;color:#fff;font-weight:800;z-index:9999;box-shadow:var(--shadow)}
@media (max-width:760px){
  .site-header{align-items:flex-start}.nav{gap:6px}.nav a{font-size:.92rem;padding:8px 9px}
  .split-tool,.split-tool.three,.preview-grid,.field-grid.two{grid-template-columns:1fr}
  .ttt-board{grid-template-columns:repeat(3,72px)}.ttt-cell{height:72px}
  .memory-board{grid-template-columns:repeat(4,1fr)}.mem-card{width:100%;height:auto;aspect-ratio:1}
  .button-row .btn,.share-row .btn{width:100%}
}


/* Validation, wheel, and word-game improvements */
.field-error{
  margin:7px 0 0;
  color:#dc2626;
  font-weight:800;
  font-size:.92rem;
}
[aria-invalid="true"]{
  border-color:#dc2626 !important;
  box-shadow:0 0 0 3px rgba(220,38,38,.12);
}
.tool-workspace > .field-error{
  margin:10px 0;
}
.wheel-wrap::after{
  content:"";
  position:absolute;
  top:-2px;
  left:50%;
  transform:translateX(-50%);
  width:18px;
  height:18px;
  border-radius:999px;
  background:var(--card);
  border:3px solid var(--accent);
}
.hangman-layout{
  display:grid;
  grid-template-columns:minmax(210px,320px) 1fr;
  gap:18px;
  align-items:start;
}
.word-game .hangman-art{
  font-size:16px;
  line-height:1.25;
  color:var(--text);
  min-height:210px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.word-panel{
  background:var(--soft);
  border:1px solid var(--border);
  border-radius:10px;
  padding:16px;
}
.keyboard button:disabled{
  opacity:.45;
  cursor:not-allowed;
  transform:none;
}
@media (max-width:760px){
  .hangman-layout{grid-template-columns:1fr}
  .word-display{font-size:1.45rem;letter-spacing:5px}
}


/* Word and memory game repairs */
.memory-board{
  grid-template-columns:repeat(4,minmax(64px,86px));
  align-items:center;
}
.mem-card{
  border:0;
  box-shadow:0 10px 20px rgba(15,23,42,.12);
  font:inherit;
}
.mem-card-back{
  background:linear-gradient(135deg,var(--accent),var(--accent-2));
  color:#fff;
  font-weight:900;
}
.mem-card-front{
  background:linear-gradient(135deg,#fff7ed,#dbeafe);
  color:#111827;
}
[data-theme="dark"] .mem-card-front{
  background:linear-gradient(135deg,#1f2937,#0f172a);
  color:#f8fafc;
}
.mem-card.matched .mem-card-front{
  background:linear-gradient(135deg,#16a34a,#0f766e);
  color:#fff;
}
.mem-icon{
  display:block;
  font-size:2.1rem;
  line-height:1;
  transform:translateY(1px);
}
.word-game .keyboard{
  grid-template-columns:repeat(auto-fit,minmax(40px,1fr));
}
.word-game .result{
  font-weight:700;
}
@media (max-width:520px){
  .memory-board{grid-template-columns:repeat(4,minmax(56px,1fr))}
  .mem-icon{font-size:1.75rem}
}


/* Expanded creator, card, developer, and AI tools */
.tool-icon{
  width:46px;
  height:46px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--soft);
  border:1px solid var(--border);
  font-size:1.45rem;
  margin-bottom:10px;
  font-weight:900;
}
.expanded-tool .button-row{align-items:center}
.generated-list{
  display:grid;
  gap:10px;
}
.generated-list div{
  background:var(--card);
  border:1px solid var(--border);
  border-radius:8px;
  padding:10px 12px;
}
.card-preview{
  min-height:360px;
  border-radius:14px;
  padding:26px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:#fff;
  box-shadow:var(--shadow);
  overflow:hidden;
}
.card-preview-inner{
  width:min(100%,680px);
  border:1px solid rgba(255,255,255,.45);
  background:rgba(255,255,255,.16);
  backdrop-filter:blur(6px);
  border-radius:14px;
  padding:30px;
}
.card-preview small{font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.card-preview h3{font-size:clamp(1.8rem,5vw,3rem);margin:16px 0}
.card-preview p{font-size:clamp(1rem,2.7vw,1.35rem);line-height:1.65;color:#fff}
.card-theme-sunset{background:linear-gradient(135deg,#fb7185,#f59e0b)}
.card-theme-ocean{background:linear-gradient(135deg,#0ea5e9,#14b8a6)}
.card-theme-rose{background:linear-gradient(135deg,#be123c,#f9a8d4)}
.card-theme-emerald{background:linear-gradient(135deg,#047857,#84cc16)}
.card-theme-midnight{background:linear-gradient(135deg,#111827,#4f46e5)}
.markdown-preview h1,.markdown-preview h2,.markdown-preview h3{margin-top:8px}
.markdown-preview p{margin:8px 0;color:var(--text)}
@media (max-width:760px){
  .card-preview{min-height:300px;padding:16px}
  .card-preview-inner{padding:20px}
}


/* TODO viral, AI API, anonymous, proposal, and card upgrades */
.big-percent{
  font-size:clamp(3rem,12vw,6rem);
  font-weight:900;
  line-height:1;
  background:linear-gradient(135deg,#e11d48,#f59e0b);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.viral-result{
  position:relative;
  overflow:hidden;
  text-align:center;
}
.heart-burst{
  position:absolute;
  inset:auto 0 10px;
  display:flex;
  justify-content:center;
  gap:8px;
  color:#e11d48;
  animation:heartFloat 1.4s ease forwards;
  pointer-events:none;
}
@keyframes heartFloat{
  from{opacity:0;transform:translateY(20px) scale(.9)}
  30%{opacity:1}
  to{opacity:0;transform:translateY(-80px) scale(1.1)}
}
.card-orientation-vertical{max-width:430px;min-height:720px;margin-inline:auto}
.card-orientation-square{max-width:620px;aspect-ratio:1;margin-inline:auto}
.card-orientation-horizontal{aspect-ratio:16/9}
.card-theme-romantic{background:linear-gradient(135deg,#be123c,#fb7185)}
.card-theme-elegant{background:linear-gradient(135deg,#334155,#94a3b8)}
.card-theme-islamic{background:linear-gradient(135deg,#065f46,#d97706)}
.card-theme-birthday{background:linear-gradient(135deg,#7c3aed,#f59e0b)}
.card-theme-wedding{background:linear-gradient(135deg,#831843,#f9a8d4)}
.card-theme-cute{background:linear-gradient(135deg,#f472b6,#38bdf8)}
.card-theme-dark-neon{background:linear-gradient(135deg,#020617,#7c3aed)}
.card-theme-floral{background:linear-gradient(135deg,#16a34a,#f0abfc)}
.card-theme-minimal{background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#111827}
.card-theme-minimal p{color:#111827}
.card-theme-gold-luxury{background:linear-gradient(135deg,#111827,#f59e0b)}
.proposal-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  justify-content:center;
  margin-top:18px;
}
.runaway-btn{transition:transform .18s ease}
.proposal-response{
  min-height:36px;
  margin-top:14px;
  font-weight:900;
}
.anon-message{
  background:var(--card);
  border:1px solid var(--border);
  border-radius:8px;
  padding:12px;
  margin:10px 0;
}
@media (max-width:760px){
  .card-orientation-vertical{min-height:560px}
  .card-orientation-horizontal{aspect-ratio:auto;min-height:310px}
}


/* Anonymous message UI */
.secret-shell{
  display:grid;
  gap:18px;
}
.secret-panel{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.28);
  border-radius:18px;
  padding:24px;
  background:
    radial-gradient(circle at 10% 0%,rgba(255,255,255,.26),transparent 30%),
    linear-gradient(135deg,#7c3aed,#db2777 52%,#2563eb);
  color:#fff;
  box-shadow:0 20px 60px rgba(99,102,241,.24);
}
.secret-panel label,
.secret-panel .secret-check{
  color:#fff;
}
.secret-panel .input{
  background:rgba(255,255,255,.94);
  color:#111827;
  border-color:rgba(255,255,255,.4);
}
.secret-panel .btn-secondary{
  background:rgba(255,255,255,.18);
  color:#fff;
  border-color:rgba(255,255,255,.32);
}
.secret-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  border:1px solid rgba(255,255,255,.35);
  background:rgba(255,255,255,.18);
  color:#fff;
  border-radius:999px;
  padding:8px 13px;
  font-weight:900;
  margin-bottom:12px;
}
.secret-badge::before{
  content:"✦";
}
.secret-panel h3{
  font-size:clamp(1.6rem,4vw,2.4rem);
  margin:4px 0 8px;
}
.secret-muted{
  color:rgba(255,255,255,.88);
  line-height:1.7;
}
.secret-check{
  display:flex;
  align-items:flex-start;
  gap:10px;
  font-weight:800;
}
.secret-check input{
  width:18px;
  height:18px;
  margin-top:2px;
}
.secret-status{
  min-height:28px;
  font-weight:800;
  color:#fff;
  margin-top:8px;
}
.secret-link-box{
  min-height:76px;
}
.secret-success{
  background:
    radial-gradient(circle at 90% 10%,rgba(255,255,255,.24),transparent 28%),
    linear-gradient(135deg,#8b5cf6,#ec4899 48%,#06b6d4);
}
.secret-preview-card,
.reply-card-preview{
  margin-top:16px;
  min-height:360px;
  border-radius:22px;
  padding:26px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:14px;
  text-align:center;
  background:linear-gradient(135deg,#6d28d9,#db2777 50%,#0ea5e9);
  color:#fff;
  border:1px solid rgba(255,255,255,.34);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);
}
.secret-preview-card strong{
  font-size:clamp(1.7rem,5vw,3rem);
  line-height:1.12;
}
.secret-preview-card span,
.reply-card-preview p{
  font-size:1.08rem;
  line-height:1.55;
}
.secret-preview-card em,
.reply-card-preview em{
  font-style:normal;
  font-weight:900;
  opacity:.9;
}
.secret-sender-panel textarea{
  min-height:190px;
}
.secret-empty{
  border:1px dashed var(--border);
  border-radius:14px;
  padding:22px;
  text-align:center;
  background:var(--soft);
}
.secret-message-list{
  display:grid;
  gap:14px;
  margin-top:14px;
}
.anon-message-card{
  background:var(--card);
  color:var(--text);
  border:1px solid var(--border);
  border-radius:16px;
  padding:18px;
  box-shadow:var(--shadow);
}
.anon-message-card .secret-badge{
  background:linear-gradient(135deg,#7c3aed,#db2777);
  border:0;
}
.anon-message-card p{
  font-size:1.06rem;
  line-height:1.7;
}
.anon-message-card small{
  color:var(--muted);
}
.reply-composer{
  border-top:1px solid var(--border);
  margin-top:14px;
  padding-top:14px;
}
.reply-card-preview{
  min-height:460px;
}
.reply-card-square{
  aspect-ratio:1;
  min-height:auto;
}
.reply-card-vertical{
  max-width:420px;
  min-height:650px;
  margin-inline:auto;
}
[data-theme="dark"] .secret-empty{
  background:#172033;
}
@media (max-width:760px){
  .secret-panel{padding:18px;border-radius:15px}
  .secret-preview-card{min-height:310px}
  .reply-card-vertical{min-height:560px}
}


/* Anonymous sender CTA and status states */
.secret-cta-card{
  display:grid;
  gap:6px;
  margin:16px 0 6px;
  padding:16px 18px;
  border:1px solid rgba(255,255,255,.36);
  border-radius:18px;
  background:linear-gradient(135deg,rgba(255,255,255,.2),rgba(255,255,255,.08));
  color:#fff;
  text-decoration:none;
  box-shadow:0 14px 30px rgba(15,23,42,.18);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.secret-cta-card:hover{
  transform:translateY(-2px);
  border-color:rgba(255,255,255,.62);
  box-shadow:0 18px 42px rgba(15,23,42,.24);
}
.secret-cta-card span{
  width:max-content;
  max-width:100%;
  padding:5px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.22);
  font-size:.78rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.secret-cta-card strong{
  font-size:clamp(1.08rem,3.4vw,1.35rem);
  line-height:1.25;
}
.secret-cta-card small{
  color:rgba(255,255,255,.88);
  font-weight:700;
}
.secret-cta-strong{
  background:linear-gradient(135deg,#7c3aed,#db2777 55%,#2563eb);
}
.secret-status-loading{color:#fff8dc}
.secret-status-success{color:#dcfce7}
.secret-status-error{color:#fee2e2}
[data-theme="dark"] .secret-cta-card{
  box-shadow:0 14px 34px rgba(0,0,0,.28);
}


.proposal-feature-highlight{
  margin:14px 0;
  padding:16px 18px;
  border:1px solid rgba(236,72,153,.35);
  border-radius:16px;
  background:linear-gradient(135deg,rgba(236,72,153,.13),rgba(124,58,237,.13));
  box-shadow:0 12px 28px rgba(124,58,237,.12);
}
.proposal-feature-highlight strong{
  display:block;
  font-size:1.1rem;
  color:var(--text);
}
.proposal-feature-highlight span{
  display:block;
  color:var(--muted);
  margin-top:4px;
}
.proposal-actions{
  min-height:120px;
}
.proposal-actions .btn{
  transition:transform .22s ease,box-shadow .22s ease;
}
.proposal-response{
  min-height:34px;
  font-weight:800;
  margin-top:12px;
}
.link-copy-field{
  cursor:pointer;
  font-weight:700;
}


/* Proposal receiver button polish */
.proposal-experience{
  width:100%;
}
.proposal-card-inner{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.proposal-card-inner .proposal-message{
  max-width:760px;
  margin:0 auto;
  text-wrap:balance;
}
.proposal-actions{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:nowrap;
  gap:14px;
  width:min(100%,520px);
  min-height:118px;
  margin:18px auto 0;
  padding:8px 14px;
  isolation:isolate;
}
.proposal-actions .btn{
  min-width:112px;
  min-height:50px;
  padding:12px 18px;
  border-radius:16px;
  font-size:1rem;
  line-height:1.1;
  white-space:nowrap;
  transform-origin:center;
  transition:transform .22s ease,box-shadow .22s ease,min-width .22s ease,min-height .22s ease,font-size .22s ease,opacity .2s ease;
}
.proposal-accept-btn{
  z-index:2;
  box-shadow:0 14px 28px rgba(14,165,233,.24);
}
.proposal-reject-btn{
  z-index:1;
  will-change:transform;
}
.proposal-reject-muted{
  opacity:.48;
  cursor:not-allowed;
}
.runaway-btn{
  transition:transform .24s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease,opacity .2s ease;
}
.proposal-response{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  margin-top:4px;
  padding:0 12px;
  font-size:clamp(.95rem,2vw,1.08rem);
  line-height:1.35;
  font-weight:900;
  text-wrap:balance;
}
@media (max-width:560px){
  .proposal-actions{
    gap:10px;
    min-height:108px;
    padding-inline:6px;
  }
  .proposal-actions .btn{
    min-width:96px;
    padding-inline:14px;
  }
  .proposal-card-inner{
    padding-inline:16px;
  }
}



/* Anonymous reply story cards */
.reply-card-preview{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 18% 12%,rgba(255,255,255,.22),transparent 18%),
    radial-gradient(circle at 82% 18%,rgba(255,255,255,.18),transparent 16%),
    linear-gradient(135deg,#5b21b6,#db2777 48%,#0284c7);
}
.reply-story-badge{
  align-self:center;
  width:max-content;
  max-width:100%;
  padding:7px 13px;
  border-radius:999px;
  background:rgba(255,255,255,.22);
  border:1px solid rgba(255,255,255,.34);
  color:#fff;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.reply-story-message{
  margin:0 auto;
  max-width:90%;
  font-size:clamp(1.05rem,4vw,1.45rem);
  font-weight:800;
}
.reply-story-label{
  width:max-content;
  align-self:center;
  padding:6px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.2);
}
.reply-story-reply{
  margin:0 auto;
  max-width:90%;
  font-size:clamp(1.35rem,5.5vw,2rem) !important;
  font-weight:950;
}


.secret-username-box{
  display:inline-flex;
  align-items:center;
  gap:8px;
  max-width:100%;
  margin:8px 0 14px;
  padding:9px 13px;
  border-radius:999px;
  background:rgba(255,255,255,.2);
  border:1px solid rgba(255,255,255,.34);
  color:#fff;
  font-weight:800;
}
.secret-username-box strong{
  overflow-wrap:anywhere;
}