*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html,body{width:100%;background:#000008;overflow-x:hidden;}
body{font-family:"Cormorant Garamond",serif;color:#e8eaf8;padding:18px 10px 55px;}
body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 90% 70% at 50% 50%,rgba(40,8,110,0.14) 0%,transparent 68%);}
.cb{font-family:"Cinzel",serif;font-size:7.5px;letter-spacing:2.5px;padding:7px 13px;border-radius:18px;cursor:pointer;border:1px solid rgba(80,45,180,0.24);color:#5040a0;background:rgba(80,45,180,0.04);transition:all 0.26s;outline:none;white-space:nowrap;margin:3px;}
.cb:hover{background:rgba(80,45,180,0.14);border-color:#8060d0;color:#a080e0;}
.cb.on{background:rgba(100,60,220,0.18);border-color:#a080ff;color:#c0a0ff;box-shadow:0 0 10px rgba(120,80,255,0.14);}