:root {
  color-scheme: dark;
  --bg: #070709;
  --panel: rgba(15, 15, 18, 0.84);
  --panel-strong: rgba(24, 23, 29, 0.94);
  --text: #f3eee7;
  --muted: #b3aa9c;
  --line: rgba(255,255,255,0.08);
  --accent: #d4a35f;
  --accent-soft: #7f5a2e;
  --danger: #ff8a80;
  --shadow: 0 24px 80px rgba(0,0,0,0.42);
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:Inter,system-ui,sans-serif;background:radial-gradient(circle at top,#29212d 0,#0c0b10 38%,#060608 100%);color:var(--text);min-height:100vh}
a{color:inherit} .noise{position:fixed;inset:0;pointer-events:none;opacity:.22;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}
.shell{width:min(1120px,calc(100% - 24px));margin:0 auto;padding:20px 0 40px;position:relative;z-index:1}.layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.9fr);gap:18px;align-items:start}.card{backdrop-filter:blur(14px);background:var(--panel);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(290px,.8fr);gap:18px;padding:24px;margin-bottom:18px}.accent{background:linear-gradient(180deg,rgba(33,28,22,.95),rgba(17,15,18,.96))}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;color:var(--accent);font-weight:800}.hero h1,.detail-card h1,.faq-hero h1{font-family:"Cormorant Garamond",serif;font-size:clamp(3rem,10vw,5.2rem);line-height:.9;margin:.35rem 0 1rem}.hero h2,.sidebar h2,#feed{font-family:"Cormorant Garamond",serif}.lede{font-size:1.02rem;line-height:1.72;color:var(--muted);max-width:62ch}.hero-actions,.section-head{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.hero-points{margin:18px 0 0;padding-left:18px;color:var(--muted);display:grid;gap:10px}.button{display:inline-flex;justify-content:center;align-items:center;border-radius:999px;padding:13px 18px;text-decoration:none;border:1px solid var(--line);font-weight:700;transition:.2s ease;cursor:pointer}.button.primary{background:linear-gradient(135deg,var(--accent),#8f6a38);color:#120f0d;border-color:transparent}.button.ghost{background:rgba(255,255,255,.03)}.button:hover,.reaction-button:hover{transform:translateY(-1px)}.wide{width:100%}.moment{padding:20px;display:flex;flex-direction:column;gap:14px}.moment h2{font-size:2rem;margin:0}.moment p{margin:0;line-height:1.65;color:#e9dcc9}.moment-meta,.card-top,.result-label{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.moment-meta,.small,.share-link{color:var(--muted);font-size:.9rem}.section-head{margin-bottom:14px;justify-content:space-between}.section-head h2{font-size:2.2rem;margin:.25rem 0 0}.stack{display:grid;gap:16px}.confession-card{padding:18px}.chip{display:inline-flex;padding:8px 12px;border-radius:999px;background:rgba(212,163,95,.12);border:1px solid rgba(212,163,95,.25);color:#e9c99a;font-size:.82rem}.share-link{text-decoration:none}.confession-card h3{font-family:"Cormorant Garamond",serif;font-size:2rem;margin:14px 0 10px}.confession-text{font-size:1.05rem;line-height:1.75;color:#f3eee7;margin:0 0 16px}.confession-text.large{font-size:1.2rem}.reaction-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.reaction-button{appearance:none;border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--text);padding:14px 12px;border-radius:18px;font-weight:700}.reaction-button.selected{border-color:rgba(212,163,95,.6);background:rgba(212,163,95,.14);color:#f5d6ab}.results{display:none;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.results.visible{display:grid;gap:12px}.bar{height:10px;background:rgba(255,255,255,.06);border-radius:999px;overflow:hidden}.bar span{display:block;height:100%;background:linear-gradient(90deg,var(--accent),#f2c182);border-radius:999px}.result-row small{color:var(--muted)}.submit-card,.microcopy,.faq-hero,.detail-card{padding:20px}.sidebar{display:grid;gap:18px}.steps{display:grid;gap:12px;padding-left:18px;color:var(--muted);line-height:1.6}.steps li{padding-left:4px}.steps span{display:block}.submit-card textarea,.submit-card input,.search-box input{width:100%;margin-top:8px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.03);padding:14px 15px;color:var(--text);font:inherit}.submit-card textarea{min-height:132px;resize:vertical}.submit-card label,.search-box{display:grid;gap:6px;color:var(--muted)}.toast{position:fixed;right:16px;bottom:16px;max-width:min(90vw,360px);padding:14px 16px;border-radius:18px;background:#141218;border:1px solid var(--line);box-shadow:var(--shadow);opacity:0;transform:translateY(14px);pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translateY(0)}.toast.success{border-color:rgba(212,163,95,.5)}.toast.error{border-color:rgba(255,138,128,.45);color:#ffd5d1}.site-footer{text-align:center;color:var(--muted);margin-top:26px;padding:8px 0 0}.detail-shell,.faq-shell{padding-top:28px}.faq-list h2{margin-top:0}.faq-item p,.faq-hero p,.microcopy p{color:var(--muted);line-height:1.7}
@media (max-width: 900px){.hero,.layout{grid-template-columns:1fr}.hero{padding:18px}.shell{width:min(100% - 16px,1120px)}.hero h1,.detail-card h1,.faq-hero h1{font-size:clamp(2.7rem,14vw,4.2rem)}.reaction-grid{grid-template-columns:1fr}.section-head h2{font-size:1.9rem}}