.cn-tray{position:fixed;z-index:10000;top:max(14px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);width:min(390px,calc(100vw - 24px));display:grid;gap:9px;pointer-events:none}
.cn-card{position:relative;pointer-events:auto;background:linear-gradient(120deg,#192f40,#101a29);border:1px solid #be9957;border-left:4px solid #f2c76d;border-radius:13px;box-shadow:0 10px 35px #0009;color:#fff;animation:cn-in .25s ease-out;overflow:hidden}
.cn-main{display:flex;align-items:center;gap:12px;text-align:left;width:100%;padding:15px 36px 15px 13px;border:0;background:transparent;color:inherit;cursor:pointer}
.cn-icon{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;background:#e9bd6020;border-radius:10px;color:#f4ce7c;font-size:25px;font-weight:bold}
.cn-copy{display:grid;gap:5px;min-width:0}.cn-copy b{font-size:14px;overflow-wrap:anywhere}.cn-copy small{font-size:12px;color:#b9cbd9;line-height:1.4;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cn-close{position:absolute;right:3px;top:3px;border:0;background:transparent;color:#bdcbd4;font-size:23px;cursor:pointer;width:32px;height:32px}
.cn-enable{margin:0 13px 12px 65px;padding:8px 12px;border:1px solid #d8b66c;background:#d8b66c;color:#141e29;border-radius:7px;font-weight:bold;cursor:pointer}
@keyframes cn-in{from{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.cn-card{animation:none}}