:root{font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;color:#20232a;background:#f3f0e8;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background-image:linear-gradient(#ded9cd55 1px,transparent 1px),linear-gradient(90deg,#ded9cd55 1px,transparent 1px);background-size:32px 32px}button,textarea{font:inherit}button{cursor:pointer}main{max-width:1240px;margin:auto;padding:0 32px 60px}nav{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #222}.logo{font-weight:900;display:flex;align-items:center;gap:10px}.logo span{font-family:serif;font-size:22px;background:#ff563d;color:#fff;padding:5px 10px;transform:rotate(-3deg);box-shadow:3px 3px #222}nav button{border:1px solid #222;background:#f3f0e8;padding:10px 16px}.landing{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-top:64px}.intro{position:relative}.stamp{position:absolute;right:0;top:8px;border:2px solid #fd563c;color:#fd563c;padding:8px;font-weight:900;font-size:11px;line-height:1.1;transform:rotate(7deg)}.kicker{font-weight:800;color:#ff563d;margin-top:0}.intro h1{font-family:Georgia,Songti SC,serif;font-size:clamp(52px,7vw,88px);line-height:1.02;letter-spacing:-.06em;margin:24px 0}.intro h1 em{color:#ff563d;font-weight:400}.sub{max-width:520px;font-size:17px;line-height:1.8;color:#5e5c57}.rules{display:flex;gap:9px;flex-wrap:wrap;margin-top:38px}.rules span{font-size:12px;border:1px solid #222;border-radius:999px;padding:7px 10px;background:#faf8f2}form{background:#fffdf7;border:2px solid #222;box-shadow:9px 9px #222;padding:26px}.field{margin-bottom:16px}.field label{display:flex;justify-content:space-between;font-weight:800;font-size:13px;margin-bottom:7px}.field small{color:#999;font-weight:400}.field textarea{width:100%;min-height:72px;resize:vertical;border:1px solid #aaa;background:#fbfaf6;padding:11px;outline:none}.field textarea:focus{border:2px solid #ff563d}.field p{height:13px;color:#d52d19;margin:3px 0 0;font-size:11px}.start{width:100%;border:2px solid #222;background:#ff563d;color:#fff;font-weight:900;padding:15px;text-align:left;display:flex;justify-content:space-between}.board{padding-top:46px}.board-head{display:flex;justify-content:space-between;align-items:end;border-bottom:2px solid #222;padding-bottom:23px}.board-head p{font-size:11px;letter-spacing:.15em;color:#ff563d;font-weight:900}.board-head h1{font-family:Georgia,serif;font-size:clamp(28px,4vw,50px);margin:7px 0 0}.board-head>span{font-weight:900;background:#ffe14d;border:1px solid #222;padding:9px 12px;transform:rotate(2deg)}.columns{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(270px,.55fr);gap:28px;margin-top:28px}.dialog,.cards,.questions{background:#fffdf8;border:2px solid #222}.dialog>h2,.cards h2,.questions h2{font-size:13px;margin:0;padding:13px 16px;border-bottom:2px solid #222;text-transform:uppercase;letter-spacing:.1em}.dialog article{padding:18px;border-bottom:1px solid #c8c3b7}.dialog article>div{font-size:11px;font-weight:900;color:#999;margin-bottom:8px}.dialog article p{margin:0;white-space:pre-wrap;line-height:1.7}.dialog article.assistant{background:#fff2ed;border-left:8px solid #ff563d}.answer{padding:16px}.answer textarea{width:100%;min-height:95px;padding:12px;border:1px solid #777;resize:vertical}.answer button,.failure button{background:#20232a;color:#fff;border:0;padding:12px 16px;font-weight:800;margin-top:8px}.loading{padding:22px;color:#5f5a54}.loading i{display:inline-block;width:12px;height:12px;border-radius:50%;background:#ff563d;margin-right:10px;animation:bob 1s infinite}@keyframes bob{50%{transform:translateY(-5px)}}aside{display:flex;flex-direction:column;gap:22px}.note{margin:16px;background:#fff5a9;box-shadow:3px 3px #222;padding:13px;transform:rotate(-1deg)}.note:nth-child(odd){transform:rotate(1deg)}.note span{font-size:10px;font-weight:900;color:#ff563d}.note p{font-family:Georgia,serif;line-height:1.55;margin:8px 0}.questions p{margin:0;padding:14px;border-bottom:1px solid #ccc;line-height:1.55;font-size:13px}.questions b{margin-right:8px;color:#ff563d}.failure{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 16px 16px;padding:11px;background:#ffe1da;color:#9a2617}.failure button{margin:0;white-space:nowrap}@media(max-width:800px){main{padding:0 18px 40px}.landing{grid-template-columns:1fr;gap:30px;padding-top:40px}.intro h1{font-size:52px}.columns{grid-template-columns:1fr}.board-head{align-items:start;gap:20px}.board-head>span{white-space:nowrap}}@media(max-width:480px){.stamp{display:none}.rules{gap:5px}form{padding:18px;box-shadow:5px 5px #222}.board-head>span{display:none}}
