:root{--ink:#202019;--paper:#f6f0e4;--coral:#ff6b55;--blue:#3156d8;--green:#3d9b72;--yellow:#f4c84b}body{background:var(--paper)!important;background-image:linear-gradient(#24201808 1px,transparent 1px),linear-gradient(90deg,#24201808 1px,transparent 1px)!important;background-size:32px 32px!important;color:var(--ink)!important}body:before,body:after{display:none!important}header.wrap{background:#f6f0e9f2!important;border:2px solid var(--ink)!important;border-radius:10px!important;box-shadow:5px 5px 0 var(--ink)!important;backdrop-filter:none!important}.brand{font-family:Georgia,serif!important;font-size:25px!important;font-style:italic!important;background:none!important;color:var(--ink)!important;letter-spacing:-1px}.brand:after{content:"people, not profiles";display:block;font-family:"Segoe Print","Bradley Hand",cursive;font-size:9px;font-style:normal;letter-spacing:.3px;color:#d24d3d;transform:rotate(-2deg)}header nav:after{content:"made for new beginnings";font-size:9px;font-weight:900;color:var(--ink);background:var(--yellow);border:1px solid var(--ink);padding:7px 10px;border-radius:3px;transform:rotate(2deg);box-shadow:2px 2px 0 var(--ink)}.signin{background:var(--blue)!important;color:#fff!important;border:2px solid var(--ink)!important;border-radius:7px!important;box-shadow:3px 3px 0 var(--ink)!important}.hero{position:relative;overflow:hidden;background:#fffaf0!important;border:2px solid var(--ink)!important;border-radius:14px!important;box-shadow:9px 9px 0 var(--ink)!important;padding-top:58px!important}.hero:before{content:"";position:absolute;display:block!important;width:34%!important;height:390px!important;right:38px!important;top:45px!important;border-radius:49% 51% 42% 58%/58% 42% 58% 42%!important;background:url("community-cafe.png") center/cover!important;filter:none!important;opacity:1!important;border:3px solid var(--ink);box-shadow:8px 8px 0 var(--coral);transform:rotate(2.2deg)}.hero:after{content:"new city, real people ↗"!important;position:absolute;right:11%!important;top:426px!important;color:var(--ink)!important;font-family:"Segoe Print","Bradley Hand",cursive!important;font-size:15px!important;letter-spacing:0!important;text-shadow:none!important;transform:rotate(-3deg)!important;background:var(--yellow);padding:6px 10px;border:1px solid var(--ink);z-index:3}.hero>*{position:relative;z-index:1}.pill{background:var(--green)!important;color:#fff!important;border:2px solid var(--ink)!important;border-radius:4px!important;box-shadow:3px 3px 0 var(--ink)!important;transform:rotate(-2deg)}.hero h1{max-width:62%!important;background:none!important;color:var(--ink)!important;font-family:Georgia,"Times New Roman",serif!important;font-size:clamp(50px,7.2vw,102px)!important;font-weight:500!important;font-style:italic;line-height:.86!important;letter-spacing:-6px!important;text-shadow:none!important}.hero .sub{max-width:57%!important;font-family:Georgia,serif;font-size:20px!important;line-height:1.45}.modes{margin-top:76px!important;gap:12px!important}.mode-intro{border:2px solid var(--ink)!important;border-radius:8px!important;box-shadow:4px 4px 0 var(--ink)!important;background:#fff!important;transition:.2s!important}.mode-intro:nth-child(1){background:#ffd8d1!important;transform:rotate(-1.5deg)!important}.mode-intro:nth-child(2){background:#dce3ff!important;transform:translateY(-9px) rotate(.7deg)!important}.mode-intro:nth-child(3){background:#d8efe2!important;transform:rotate(1.6deg)!important}.mode-intro:hover{transform:translateY(-8px) rotate(0)!important;box-shadow:7px 7px 0 var(--ink)!important}.mode-intro strong{font-family:Georgia,serif;font-size:20px}.tool{position:relative;background:#fffdf7!important;border:2px solid var(--ink)!important;border-radius:8px!important;box-shadow:6px 6px 0 var(--blue)!important}.tab,.choice,.control{border:1.5px solid var(--ink)!important;border-radius:5px!important;background:#fff!important}.tab.active,.choice.active{background:var(--yellow)!important;color:var(--ink)!important;box-shadow:2px 2px 0 var(--ink)!important}.submit,.roll{background:var(--coral)!important;background-image:none!important;border:2px solid var(--ink)!important;border-radius:6px!important;box-shadow:4px 4px 0 var(--ink)!important;animation:none!important}.submit:hover,.roll:hover{filter:none!important;transform:translate(-2px,-2px)!important;box-shadow:7px 7px 0 var(--ink)!important}.center h2{font-family:Georgia,serif!important;font-weight:500!important;font-style:italic!important;letter-spacing:-3px!important}.center h2:after{content:"";display:block;height:6px;margin:-7px 8% 0;background:var(--coral)!important;opacity:.7;transform:rotate(-1deg)}.scenario,.guide,.step,.story-card,.forum-box,.lottery-box{border:2px solid var(--ink)!important;border-radius:8px!important;box-shadow:5px 5px 0 var(--ink)!important}.scenario:nth-child(odd),.guide:nth-child(odd){transform:rotate(-.7deg)}.scenario:nth-child(even),.guide:nth-child(even){transform:rotate(.7deg)}.lottery-photo{border:3px solid var(--ink)!important;border-radius:10px!important;box-shadow:8px 8px 0 var(--yellow)!important;transform:rotate(1.5deg)!important}.dice{animation:none!important;filter:none!important;color:var(--blue)}.story-card{background:#fffaf0!important}.firebase-story{border-left:9px solid var(--coral)!important}.topic{background:#fffaf0!important;border:1.5px solid var(--ink)!important;border-radius:6px!important;box-shadow:3px 3px 0 #cec5b6!important}.topic-icon{border:1px solid var(--ink);border-radius:50%!important}footer{background:var(--ink)!important}@media(max-width:920px){header nav:after{display:none}.hero:before{width:31%!important;height:310px!important}.hero:after{top:352px!important}.hero h1{max-width:66%!important}.modes{margin-top:55px!important}}@media(max-width:780px){.hero{padding-top:320px!important}.hero:before{width:calc(100% - 40px)!important;height:270px!important;left:20px!important;right:auto!important;top:20px!important;transform:none!important}.hero:after{top:265px!important;right:28px!important}.hero h1,.hero .sub{max-width:100%!important}.hero h1{font-size:52px!important;letter-spacing:-3.5px!important}.modes{margin-top:35px!important}.mode-intro:nth-child(n){transform:none!important}}

/* Balanced editorial layout */
.hero{padding:72px 56px 46px!important}
.hero h1{max-width:50%!important;font-size:clamp(52px,5.7vw,80px)!important;line-height:.94!important;letter-spacing:-4px!important;margin-top:24px!important}
.hero .sub{max-width:48%!important;font-size:18px!important;line-height:1.55!important}
.hero:before{width:32%!important;height:360px!important;right:60px!important;top:62px!important;border-radius:26px!important;transform:none!important;box-shadow:7px 7px 0 var(--coral)!important}
.hero:after{right:78px!important;top:392px!important;transform:rotate(-1deg)!important}
.modes{margin-top:78px!important}
.mode-intro,.mode-intro:nth-child(n){transform:none!important}
.mode-intro:hover{transform:translateY(-5px)!important}
.scenario,.scenario:nth-child(n),.guide,.guide:nth-child(n),.story-card:nth-child(n),.lottery-photo{transform:none!important}
.center{max-width:820px!important;margin-left:auto!important;margin-right:auto!important;margin-bottom:40px!important;text-align:center!important}
.center h2{display:block!important;width:auto!important;font-size:clamp(38px,4.4vw,58px)!important;line-height:1.05!important;letter-spacing:-2px!important;margin:0 0 16px!important}
.center h2:after{width:120px!important;margin:10px auto 0!important}
.center p{font-size:17px!important;line-height:1.65!important;max-width:720px!important;margin:0 auto!important}
section.wrap{padding-top:80px!important;padding-bottom:80px!important}
.scenarios{gap:18px!important}
.scenario{min-height:190px!important;padding:24px!important}
.story-grid,.lottery{align-items:stretch!important;gap:22px!important}
.story-card,.story-form,.lottery-box,.forum-box{border-radius:12px!important}
.trust{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:16px!important}
.trust div{min-height:130px!important;padding:24px!important}
.guides{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:18px!important}
.guide{min-height:190px!important}
.steps{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:16px!important}
.step{min-height:175px!important}
.topic{padding:17px 19px!important}
footer{margin-top:30px!important}
@media(max-width:920px){.hero{padding:48px 32px 38px!important}.hero h1{max-width:57%!important;font-size:58px!important}.hero .sub{max-width:55%!important}.hero:before{width:34%!important;height:300px!important;right:34px!important;top:54px!important}.hero:after{right:40px!important;top:326px!important}.trust,.steps{grid-template-columns:1fr!important}.guides{grid-template-columns:1fr 1fr!important}}
@media(max-width:780px){.hero{padding:330px 24px 32px!important}.hero:before{width:calc(100% - 48px)!important;height:270px!important;left:24px!important;right:auto!important;top:24px!important}.hero:after{top:274px!important;right:34px!important}.hero h1,.hero .sub{max-width:100%!important}.hero h1{font-size:48px!important;line-height:.96!important;letter-spacing:-2.5px!important}.modes{margin-top:38px!important}.guides{grid-template-columns:1fr!important}.center h2{font-size:40px!important}section.wrap{padding-top:62px!important;padding-bottom:62px!important}}
@media(max-width:480px){.hero h1{font-size:41px!important}.hero{padding-left:18px!important;padding-right:18px!important}.center h2{font-size:35px!important}.navlinks{display:none!important}}

/* Restored base rules and public-preview safeguards */
.control{width:100%;padding:12px 13px;color:var(--ink);border:1.5px solid var(--ink);background:#fff}
textarea.control{min-height:132px;resize:vertical}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.result,.lottery-result{display:none}
.result.show,.lottery-result.show{display:block}
.preview-mode .join,.preview-mode #addTopic,.preview-mode #storyForm .submit{position:relative}
.preview-note{padding:12px 14px;background:#fff2bf;border-left:5px solid var(--yellow);font-weight:650}
.report-trigger{display:block;margin:30px auto;padding:11px 16px;border:2px solid var(--ink);border-radius:6px;background:#fff;box-shadow:3px 3px 0 var(--ink);font-weight:800}
.report-dialog{width:min(620px,calc(100% - 28px));border:2px solid var(--ink);border-radius:12px;padding:0;background:#fffdf7;box-shadow:8px 8px 0 var(--ink)}
.report-dialog::backdrop{background:#16121daa}
.report-dialog form{padding:24px;display:grid;gap:16px}
.report-dialog label{display:grid;gap:7px;font-weight:800}
.report-dialog .dialog-head{display:flex;justify-content:space-between;align-items:center;gap:20px}
.report-dialog .dialog-head h2{margin:0;font:italic 34px Georgia,serif}
.report-dialog .dialog-head button{font-size:25px;border:0;background:transparent}
.report-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.report-actions button{padding:10px 14px;min-height:44px}
[aria-invalid="true"]{border-color:#b4233c!important;box-shadow:0 0 0 3px #b4233c22!important}
button[aria-disabled="true"]{opacity:.75}
@media(max-width:780px){.grid2{grid-template-columns:1fr}.report-actions button{flex:1}}

/* Keep the site header in document flow so it never covers forms while scrolling. */
header.wrap{position:relative!important;top:auto!important}
#matcher,section[id]{scroll-margin-top:96px}
@media(max-width:1240px){
  header.wrap{position:relative!important;top:auto!important}
  #matcher,section[id]{scroll-margin-top:24px}
}
@media(max-width:780px){
  header nav{height:auto!important;min-height:64px;padding:10px 14px!important;gap:12px!important;flex-wrap:wrap}
  .navlinks{display:none!important}
  .navtools{margin-left:auto;min-width:0}
  .navtools .select{max-width:118px}
  .signin{max-width:160px;line-height:1.25;padding:9px 11px!important}
}
@media(max-width:520px){
  header.wrap{width:calc(100% - 20px)!important;margin-top:10px!important}
  header nav{align-items:center}
  .brand{font-size:22px!important}
  .navtools{width:100%;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:8px!important}
  .navtools .select,.signin{width:100%;max-width:none}
}