.btn3d,.btn3d-all button:where(:not(.btn3d-none)):where(:not(.btn-dome)):where(:not(.pc-slot)){--b3-c:var(--pink);--b3-depth:3px;position:relative;border:0;border-radius:var(--r-sm);padding:6px 12px;font:700 0.78rem inherit;color:#fff;cursor:pointer;background:linear-gradient(180deg,color-mix(in srgb,var(--b3-c) 76%,white 24%) 0%,var(--b3-c) 62%,color-mix(in srgb,var(--b3-c) 88%,black 12%) 100%);box-shadow:0 var(--b3-depth) 0 color-mix(in srgb,var(--b3-c) 60%,black 40%),0 calc(var(--b3-depth) + 3px) 8px color-mix(in srgb,var(--b3-c) 30%,transparent),inset 0 1px 0 rgba(255,255,255,0.45);transform:translateY(0);transition:transform var(--t-fast);-webkit-tap-highlight-color:transparent}.btn3d:hover,.btn3d-all button:where(:not(.btn3d-none)):where(:not(.btn-dome)):where(:not(.pc-slot)):hover{transform:translateY(-2px)}.btn3d:active,.btn3d-all button:where(:not(.btn3d-none)):where(:not(.btn-dome)):where(:not(.pc-slot)):active{transform:translateY(var(--b3-depth))}.btn3d:disabled,.btn3d-all button:where(:not(.btn3d-none)):where(:not(.btn-dome)):where(:not(.pc-slot)):disabled{opacity:0.5;transform:none;cursor:default}.btn3d:focus-visible,.btn3d-all button:where(:not(.btn3d-none)):where(:not(.btn-dome)):where(:not(.pc-slot)):focus-visible{outline:2px solid var(--text-primary);outline-offset:2px}.btn3d.green,.btn3d-all button.green{--b3-c:var(--green)}.btn3d.yellow,.btn3d-all button.yellow{--b3-c:var(--yellow,#e3b341);color:#4a3600}.btn3d.danger,.btn3d-all button.danger{--b3-c:var(--danger,#c0392b)}.btn3d.quiet,.btn3d-all button.quiet{--b3-c:var(--bg-card);color:var(--text-secondary);box-shadow:0 var(--b3-depth) 0 var(--border),0 calc(var(--b3-depth) + 3px) 8px rgba(0,0,0,0.10),inset 0 1px 0 rgba(255,255,255,0.55)}.btn3d.quiet:hover,.btn3d-all button.quiet:hover{color:var(--pink)}.btn3d-all button.on:where(:not(.btn3d-none)):where(:not(.btn-dome)):where(:not(.pc-slot)),.btn3d-all button.active:where(:not(.btn3d-none)):where(:not(.btn-dome)):where(:not(.pc-slot)){transform:translateY(var(--b3-depth));box-shadow:0 0 0 color-mix(in srgb,var(--b3-c) 60%,black 40%),inset 0 2px 5px color-mix(in srgb,var(--b3-c) 70%,black 30%)}.btn3d-all button.on:where(:not(.btn3d-none)):where(:not(.btn-dome)):where(:not(.pc-slot)):hover,.btn3d-all button.active:where(:not(.btn3d-none)):where(:not(.btn-dome)):where(:not(.pc-slot)):hover{transform:translateY(var(--b3-depth))}.btn3d-all .btn3d-none,.btn3d-all .pc-slot{transition:transform var(--t-fast)}