:root{--ink:#211b15;--red:#8d2f27}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:linear-gradient(135deg,#17120e,#2a2018 48%,#15100c);color:var(--ink);font-family:"Courier New",Courier,monospace}
body{min-height:100vh;display:grid;place-items:center;padding:22px}
.paper{width:min(92vw,560px);min-height:72vh;padding:34px 28px;position:relative;background:radial-gradient(circle at 10% 15%,rgba(90,55,25,.16),transparent 18%),radial-gradient(circle at 86% 74%,rgba(90,55,25,.13),transparent 20%),linear-gradient(100deg,#d7bd8e,#e3cca1 48%,#cfad78);border:1px solid #7c603d;border-radius:7px;box-shadow:0 16px 45px #0009,inset 0 0 35px #6f4c244d}
.paper:before{content:"";position:absolute;inset:8px;border:1px solid #6e5537;opacity:.45;pointer-events:none}
h1{margin:24px 0 5px;text-align:center;font-family:Georgia,serif;font-size:clamp(31px,8vw,48px);letter-spacing:.06em}
.meta{text-align:center;font-size:14px;letter-spacing:.08em;margin-bottom:22px}
.rule{height:1px;background:#5e4934;margin:20px 3px 32px;position:relative}.rule:after{content:"◆";position:absolute;left:50%;top:50%;transform:translate(-50%,-52%);background:#dec598;padding:0 10px;font-size:11px}
.stamp{position:absolute;right:22px;top:19px;color:var(--red);border:3px solid var(--red);padding:5px 10px;transform:rotate(7deg);font-weight:bold;font-size:20px;letter-spacing:.08em;opacity:.83}
.center{text-align:center}.kicker{font-weight:bold;letter-spacing:.16em;font-size:13px;margin-top:42px}
.audio-card{margin:38px auto 10px;max-width:390px;padding:25px 20px;border:1px solid #755a39;background:#ead3a8aa;box-shadow:inset 0 0 20px #76552a26}
audio{width:100%;margin-top:18px}.status{font-family:Georgia,serif;font-size:27px;margin:8px 0}.note{line-height:1.6;font-size:14px;max-width:390px;margin:0 auto}