/* A quiet sound opt-in, available before the curtain opens and throughout the page. */
.portfolio-sound{position:fixed;z-index:651;top:22px;right:146px;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:8px 12px;box-sizing:border-box;border:1px solid var(--nz-line,#b7c4c02b);border-radius:6px;background:var(--nz-bg,#09110f);color:var(--nz-ink,#eee9df);font:12px/1.4 Arial,"Microsoft YaHei",sans-serif;white-space:nowrap;cursor:pointer}
.portfolio-sound svg{width:18px;height:18px;flex:none}
.portfolio-sound[aria-pressed="false"] .sound-waves,.portfolio-sound[aria-pressed="true"] .sound-slash{display:none}
.portfolio-sound[aria-pressed="true"]{border-color:#a5b8b170}
.portfolio-sound:hover{border-color:var(--nz-accent,#bca47e)}
.portfolio-sound:focus-visible{outline:2px solid var(--nz-accent,#bca47e);outline-offset:3px}
.portfolio-sound[aria-busy="true"]{opacity:.75}
html.case-locked .portfolio-sound:not(.site-preference-toggle){display:none}
@media(max-width:760px){.portfolio-sound{top:var(--home-ui-top,14px);right:calc(var(--home-ui-right,12px) + 146px);min-width:82px;padding:8px;gap:5px;font-size:11px}}
@media print{.portfolio-sound{display:none}}