:root{--bg:#eef6ff;--ink:#0b1220;--soft:#f5f7fb;--brand:#2a66ff;--brand2:#6aa8ff;--chip:#e9eef5;--amber:#f6c86b}
body{margin:0;background:var(--bg);font:16px/1.6 system-ui,sans-serif;color:var(--ink)}
.wrap{display:grid;place-items:center;min-height:100vh;padding:20px}
.card{background:#fff;border-radius:20px;max-width:860px;width:96vw;padding:16px;box-shadow:0 12px 32px rgba(0,0,0,.1)}
.glass{background:rgba(255,255,255,.7);backdrop-filter:blur(12px)}
.btn{cursor:pointer;padding:9px 14px;border-radius:12px;font-weight:600}
.btn.primary{background:linear-gradient(180deg,var(--brand),var(--brand2));color:#fff;border:none}
.btn.small{padding:6px 10px;font-size:14px}
.btn.donate{border:1px solid #ff9999;color:#a33;background:#fff}
.float-cloud{position:fixed;right:16px;bottom:16px;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.7);backdrop-filter:blur(10px);display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 20px rgba(0,0,0,.15)}
.cloud{position:fixed;transform:translate(-50%,-50%) scale(.9);opacity:0;pointer-events:none;transition:.2s;left:50%;top:50%;background:rgba(255,255,255,.8);backdrop-filter:blur(14px);border-radius:16px;min-width:260px;max-width:420px;box-shadow:0 12px 40px rgba(0,0,0,.2)}
.cloud.show{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}
.cloud-head{display:flex;align-items:center;gap:6px;padding:8px}
.cloud-close{margin-left:auto;background:none;border:none;font-size:18px;cursor:pointer}
.cloud-body{padding:10px}
.cloud-preview{max-height:160px;overflow:auto;background:#fff;padding:6px;border-radius:8px;border:1px solid #ddd}