*{margin:0;padding:0;box-sizing:border-box}
:root{--ink:#efe6d8;--dim:#9a8b76;--fire:#ff9b3d;--fire2:#ffd166}
body{background:#0a0806;color:var(--ink);font-family:'Noto Sans KR',sans-serif;min-height:100vh;line-height:1.7}
.night{min-height:100vh;background:radial-gradient(700px 420px at 50% 62%, #2a1607 0%, #140c05 45%, #0a0806 75%)}
.stars{position:fixed;inset:0;pointer-events:none;opacity:.6;background-image:
  radial-gradient(1px 1px at 18% 18%,#fff7 0,transparent 100%),radial-gradient(1px 1px at 72% 12%,#fff5 0,transparent 100%),
  radial-gradient(1px 1px at 40% 8%,#fff6 0,transparent 100%),radial-gradient(1px 1px at 88% 26%,#fff4 0,transparent 100%)}
.wrap{max-width:520px;margin:0 auto;padding:30px 18px 50px;position:relative}
.hidden{display:none!important}
.top{text-align:center;padding:4px 0 10px}
h1{font-family:'Noto Serif KR',serif;font-size:34px;font-weight:600;letter-spacing:10px}
.tg{color:var(--dim);font-size:14px;margin-top:8px}
.tg b{color:var(--fire2)}

.firepit{position:relative;height:150px;display:flex;justify-content:center;align-items:flex-end;margin-top:6px}
.flame{position:absolute;bottom:26px;width:52px;height:86px;border-radius:50% 50% 42% 42%/62% 62% 38% 38%;
  filter:blur(7px);transform-origin:bottom center}
.f1{background:#ff5e2a;animation:fl 1.7s ease-in-out infinite}
.f2{background:var(--fire);width:38px;height:66px;bottom:28px;animation:fl 1.3s .2s ease-in-out infinite}
.f3{background:var(--fire2);width:22px;height:44px;bottom:30px;animation:fl 1.1s .45s ease-in-out infinite}
@keyframes fl{0%,100%{transform:scaleY(1) scaleX(1) rotate(-2deg)}30%{transform:scaleY(1.15) scaleX(.94) rotate(2deg)}60%{transform:scaleY(.92) scaleX(1.05) rotate(-1.5deg)}}
.glow{position:absolute;bottom:6px;width:230px;height:56px;background:radial-gradient(closest-side,#ff9b3d55,transparent);filter:blur(6px)}
.logs{position:relative;font-size:34px;letter-spacing:-14px;bottom:6px}
.sparks i{position:absolute;bottom:60px;left:50%;width:3px;height:3px;background:var(--fire2);border-radius:50%;
  animation:spark 2.6s linear infinite;opacity:0}
.sparks i:nth-child(2){animation-delay:.7s;margin-left:-14px}
.sparks i:nth-child(3){animation-delay:1.3s;margin-left:12px}
.sparks i:nth-child(4){animation-delay:2s;margin-left:-4px}
@keyframes spark{0%{transform:translateY(0) translateX(0);opacity:1}100%{transform:translateY(-110px) translateX(14px);opacity:0}}
.firecount{text-align:center;font-size:12px;color:var(--dim);min-height:18px;margin-bottom:14px}
.firecount b{color:var(--fire2)}

.paper{background:#171009;border:1px solid #3a2a17;border-radius:16px;padding:16px;box-shadow:0 14px 40px #000c}
textarea{width:100%;background:#0f0a05;border:1.5px solid #3a2a17;border-radius:12px;color:var(--ink);
  padding:13px;font-size:15.5px;font-family:'Noto Serif KR',serif;resize:vertical;line-height:1.9}
textarea:focus{outline:none;border-color:#7a4a1e}
.throw{display:block;width:100%;margin-top:12px;background:linear-gradient(135deg,var(--fire2),#d97722);
  color:#241102;border:none;border-radius:13px;padding:15px;font-size:16.5px;font-weight:800;font-family:'Noto Sans KR',sans-serif;
  cursor:pointer;box-shadow:0 6px 22px #ff9b3d33}
.throw:disabled{opacity:.55}
.privacy{margin-top:11px;font-size:11.5px;color:var(--dim);text-align:center;line-height:1.8}

.replypaper{background:#f3ead6;color:#2f2415;border-radius:14px;padding:22px 20px;font-family:'Noto Serif KR',serif;
  font-size:15.5px;line-height:2;box-shadow:0 14px 40px #000c;animation:rise .6s ease}
@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1}}
.replypaper .rh{font-size:11px;letter-spacing:3px;color:#8a7350;margin-bottom:8px;font-family:'Noto Sans KR',sans-serif;font-weight:700}
.replypaper.burning{animation:burnout 1.9s ease forwards}
@keyframes burnout{0%{opacity:1;transform:translateY(0) scale(1);filter:brightness(1)}
  45%{opacity:.95;transform:translateY(46px) scale(.88) rotate(2deg);filter:brightness(1.25) sepia(.4)}
  75%{opacity:.5;transform:translateY(96px) scale(.6) rotate(-3deg);filter:brightness(1.7) sepia(.9) hue-rotate(-28deg)}
  100%{opacity:0;transform:translateY(130px) scale(.3);filter:brightness(2.4)}}
.crisis{margin-top:12px;background:#241a10;border:1px solid var(--fire2);border-radius:13px;padding:14px;
  text-align:center;font-size:13.5px;line-height:1.9}
.crisis b{color:var(--fire2);font-size:16px}
.burn{margin-top:14px}
.ash{text-align:center;font-family:'Noto Serif KR',serif;font-size:17px;color:var(--ink);padding:26px 0 8px;line-height:2;animation:rise .8s ease}
.ash b{color:var(--fire2)}
.ash .small{font-size:12px;color:var(--dim);font-family:'Noto Sans KR',sans-serif}
.again{display:block;margin:16px auto 0;background:none;border:1px solid #3a2a17;color:var(--dim);border-radius:100px;
  padding:11px 22px;font-family:'Noto Sans KR',sans-serif;font-size:13.5px;cursor:pointer}
.foot{text-align:center;color:#5f4f3c;font-size:11px;margin-top:38px;line-height:1.9}
@media(max-width:420px){h1{font-size:28px;letter-spacing:7px}}