/* دوّامة الفقاعات — magical night look (2026-10-31): AI night-sky sea, glass panels, glowing bubbles */
:root{--ink:#fff;--muted:#cbbcff;--line:#ffffff40;--card:rgba(24,14,60,.62)}
html,body{background:#120a33}
body{background:#120a33 url(/assets/swirl/bg.webp?v=1) center/cover no-repeat fixed;color:#fff}
@supports (-webkit-touch-callout:none){body{background-attachment:scroll}}
.icon{background:var(--card);color:#fff;border:1.5px solid var(--line);box-shadow:0 4px 14px rgba(0,0,0,.35)}
.chip{background:var(--card);border:1.5px solid var(--line);box-shadow:0 4px 14px rgba(0,0,0,.3);color:#fff}
.chip small{color:var(--muted)}
.chip.wide b{color:#7fdcff}
.press{color:var(--muted)}
.dots i{border-color:#ffffffaa;background:transparent}
.dots i.on{background:#ff4f6d;box-shadow:0 0 8px #ff4f6d}
.wrap{border:1.5px solid #ffffff55;background:radial-gradient(circle at 50% 42%,rgba(140,110,255,.22),rgba(20,10,50,.35) 70%);box-shadow:0 0 30px rgba(140,110,255,.35),inset 0 0 40px rgba(255,255,255,.06)}
.toast{border:0;box-shadow:0 0 20px rgba(255,224,102,.6)}
.panel{background:rgba(18,10,50,.86);color:#fff}
.panel p,.panel li,.panel small{color:#e6dcff}