@import url('https://fonts.googleapis.com/css2?family=Ma+Shan+Zheng&family=Noto+Sans+SC:wght@400;500;700;900&display=swap');
:root{--ink:#513d62;--muted:#917d9d;--pink:#ff7daa;--pink-dark:#e85488;--lilac:#a584e7;--cream:#fffaf5;--paper:#fffdfb;--line:#f1d6e2;--mint:#99dcca;font-family:"Noto Sans SC","PingFang SC",sans-serif;color:var(--ink);background:#ffeaf1}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 10% 8%,#fff9bf 0 2.3%,transparent 2.4%),radial-gradient(circle at 89% 14%,#e8dcff 0 8%,transparent 8.1%),linear-gradient(145deg,#ffe4ef 0%,#f5ebff 48%,#ddf5f2 100%)}body:before,body:after{content:"✦";position:fixed;color:#fff;opacity:.85;font-size:clamp(24px,4vw,48px);text-shadow:0 3px 12px #b578aa55;pointer-events:none}body:before{top:8%;left:8%;transform:rotate(-13deg)}body:after{right:8%;bottom:10%;color:#f6c75b}.shell{width:min(100%,880px);min-height:100vh;margin:auto;padding:30px 16px;display:grid;place-items:center}.card{width:100%;background:linear-gradient(145deg,#fffefa,#fff5fa);border:3px solid #fff;outline:1px solid var(--line);border-radius:28px;box-shadow:0 18px 0 #d9b1c622,0 28px 70px #8c5a7c2b}.join-card{max-width:480px;padding:38px}.eyebrow{display:inline-flex;align-items:center;gap:6px;letter-spacing:.1em;font-size:11px;font-weight:900;color:var(--pink-dark);margin:0 0 9px}.eyebrow:before{content:"♡";font-size:15px}.join-card h1{font-family:"Ma Shan Zheng","Noto Sans SC",cursive;font-size:42px;line-height:1;margin:3px 0 16px;color:#875d9b;text-shadow:2px 3px 0 #f9d8e8}.muted,.hint{color:var(--muted);line-height:1.75}.muted{font-size:14px}form{display:grid;gap:14px;margin-top:24px}label{display:grid;gap:7px;font-size:13px;font-weight:700;color:#876f8b}input,textarea{width:100%;background:#fff;border:1.5px solid #eed4e1;color:var(--ink);border-radius:15px;padding:13px 14px;font:inherit;transition:.2s box-shadow,.2s border-color}input:focus,textarea:focus{outline:0;border-color:var(--lilac);box-shadow:0 0 0 4px #dacbff77}button,.image-btn{min-height:44px;border:0;border-radius:15px;background:linear-gradient(135deg,#ff91b8,#f778aa);box-shadow:0 5px 0 #d95f8c,0 8px 15px #e972a542;color:#fff;font-weight:900;letter-spacing:.03em;padding:11px 16px;cursor:pointer;font:inherit;transition:transform .15s,box-shadow .15s}button:hover{transform:translateY(-1px);box-shadow:0 6px 0 #d95f8c,0 10px 18px #e972a550}button:active{transform:translateY(4px);box-shadow:0 1px 0 #d95f8c}.error{color:#df4d7c;min-height:20px;margin:0;font-size:13px}.hidden{display:none!important}.chat{height:min(83vh,760px);display:flex;flex-direction:column;overflow:hidden;background:#fffafd}.chat header{display:flex;justify-content:space-between;align-items:center;padding:17px 21px;border-bottom:1px dashed #ecc8d8;background:linear-gradient(90deg,#fff1f7,#f4efff)}.chat h2{font-family:"Ma Shan Zheng","Noto Sans SC",cursive;color:#885d9b;font-size:27px;margin:0}.ghost{background:#fff;color:#9d6d8d;border:1px solid #eac8d9;box-shadow:0 3px 0 #e6c5d3;padding:7px 14px;font-size:13px}.chat #messages{flex:1;overflow:auto;padding:22px 18px;background:radial-gradient(#f4dbe655 1px,transparent 1.5px);background-size:18px 18px}.message{max-width:min(82%,480px);width:max-content;margin:0 0 16px;padding:11px 14px 12px;border:1px solid #ffeef4;border-radius:7px 19px 19px 19px;background:#fff;box-shadow:0 4px 12px #ae78921a}.message:nth-child(even){margin-left:auto;border-radius:19px 7px 19px 19px;background:#fff1f7}.message .meta{font-size:11px;font-weight:700;color:#b183a8}.message p{white-space:pre-wrap;line-height:1.65;margin:5px 0 0}.message img{display:block;max-width:min(100%,360px);max-height:420px;border-radius:14px;margin-top:8px;border:3px solid white;box-shadow:0 3px 10px #8d6b7b33}.composer{display:flex;align-items:end;grid-template-columns:1fr auto auto;gap:9px;margin:0;padding:13px 16px 8px;border-top:1px solid #f2d6e2;background:#fff}.composer textarea{resize:none;min-height:46px;max-height:110px}.composer button{flex:0 0 82px;width:82px;height:46px;min-height:46px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.image-btn{background:linear-gradient(135deg,#b295eb,#9177d4);box-shadow:0 5px 0 #7b62bd;color:#fff}.image-btn:active{box-shadow:0 1px 0 #7b62bd}.hint{padding:0 17px 12px;margin:0;font-size:11px}@media(max-width:540px){.shell{padding:0}.card{border-radius:0;min-height:100vh}.join-card{padding:38px 25px}.chat{height:100vh}.message{max-width:91%}.composer{padding:10px;gap:7px}.composer button,.image-btn{padding:10px;min-width:44px}.join-card h1{font-size:38px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}