:root{color-scheme:dark;font-family:Arial,sans-serif;background:#101719;color:#f5f2e9}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top,#28433f 0,transparent 65%);min-height:100vh}main{max-width:720px;margin:auto;padding:28px 22px}header{font-family:Georgia,serif;letter-spacing:.25em;font-size:24px;border-bottom:1px solid #ffffff22;padding-bottom:22px}header span{display:block;font:12px Arial,sans-serif;letter-spacing:.2em;margin-top:9px;color:#baa982}.greeting{padding:40px 0 20px}.eyebrow{font-size:12px;letter-spacing:.18em;color:#d0b77f}h1{font:normal clamp(36px,8vw,58px)/1.12 Georgia,serif;margin:18px 0}p{font-size:16px;line-height:1.65;color:#c6d1ca}button{border:1px solid #cab88d;background:#d6c394;color:#182421;padding:14px 20px;border-radius:6px;font-size:16px;cursor:pointer}button:disabled{opacity:.55;cursor:wait}#unwrap{width:100%;margin-top:16px}#status{font-size:14px;margin:12px 0}.music{border:1px solid #ffffff22;border-radius:8px;overflow:hidden;background:#080d10}#player{height:300px}iframe{display:block;width:100%;height:300px}.controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:15px}.controls button,#copy{background:transparent;color:#e5d4ac;padding:10px 12px}a{color:#e5d4ac;font-size:14px}details{margin-top:25px;border:1px solid #ffffff22;padding:18px;border-radius:8px}summary{cursor:pointer;font-size:16px}label{display:block;font-size:14px;margin:18px 0 8px}input,textarea{display:block;width:100%;margin-top:8px;background:#152326;border:1px solid #65756a;color:#fff;padding:12px;border-radius:5px;font:16px Arial,sans-serif}textarea{min-height:85px}.check{display:flex;align-items:center;gap:10px}.check input{width:20px;height:20px;margin:0}form button{margin:15px 0}.hint{font-size:14px}h2{font-size:18px;margin-top:24px}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.6 monospace;background:#080d10;padding:12px;max-height:260px;overflow:auto}#qr{margin-top:20px}#qr canvas{max-width:100%;border:12px solid white}footer{text-align:center;color:#a9b4ac;font:16px Georgia,serif;padding:30px}#message{white-space:pre-wrap}@media(max-width:400px){main{padding:22px 16px}.greeting{padding-top:26px}iframe,#player{height:220px}}