:root{color-scheme:light;--paper:#f0f0f0;--ink:#303030;--muted:#707070;--line:#3a3a3a1a;--amber:#6d6d6d;--body:'Lato',Arial,sans-serif}*{box-sizing:border-box}html,body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{border:0;background:none;color:inherit;cursor:pointer;touch-action:manipulation}button:disabled{opacity:.35;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #7e7e7e;outline-offset:4px}a{color:inherit}svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;flex:none}svg[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.instrument{min-height:100svh;max-width:1920px;margin:auto;padding:0 32px max(18px,env(safe-area-inset-bottom));display:flex;flex-direction:column;overflow:clip}.masthead{height:80px;flex:none;display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;z-index:2}.wordmark{display:flex;align-items:center;gap:10px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:23px;letter-spacing:-.6px;text-decoration:none}.wordmark svg{width:32px;height:32px}.icon-button{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;flex:none;transition:background .2s,color .2s,transform .2s}.icon-button:hover{background:#ffffff90}.icon-button:active{transform:scale(.94)}.icon-button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.material-switch{display:flex;position:absolute;left:50%;transform:translateX(-50%);align-items:center;gap:4px;padding:3px;border:1px solid var(--line);border-radius:28px;background:#ffffff35}.material-switch button{min-height:36px;padding:0 18px;border-radius:24px;font-size:14px;color:var(--muted);transition:background .3s,color .3s,box-shadow .3s}.material-switch button[aria-pressed=true]{color:var(--ink);background:#ffffffc9;box-shadow:0 2px 7px #30303007}.sculpture-stage{flex:1;min-height:390px;height:calc(100svh - 222px);position:relative}.scene{position:absolute;inset:0;touch-action:none}.scene canvas{display:block;width:100%;height:100%;cursor:crosshair;outline-offset:-5px}.scene[data-pressing=true] canvas{cursor:grabbing}.scene[data-rotate=true] canvas{cursor:grab}.scene[data-rotate=true]:active canvas{cursor:grabbing}.scene-loading{position:absolute;inset:45% 15% auto;text-align:center;font-size:14px;color:var(--muted);z-index:2}.scene-loading.error{background:var(--paper);padding:20px;border-radius:4px}.stage-top,.stage-bottom{position:absolute;left:0;right:0;display:flex;align-items:center;justify-content:space-between;pointer-events:none;z-index:1}.stage-top{top:14px;font-size:12px;color:var(--muted)}.form-state.held{color:var(--amber)}.stage-caption{display:flex;align-items:center;gap:7px;font-size:12px}.signal-light{width:4px;height:4px;background:#a6a6a6;border-radius:50%}.signal-light.is-on{background:var(--amber);box-shadow:0 0 0 3px #7f7f7f20}.time{font-variant-numeric:tabular-nums;margin-left:8px}.stage-bottom{bottom:17px}.stage-bottom p{font-size:13px;color:var(--muted);margin:0}.control-dock{width:100%;max-width:800px;align-self:center;min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:26px;padding:10px 0;border-top:1px solid var(--line);flex:none;z-index:2}.input-section{display:flex;align-items:center;gap:18px}.transport{height:42px;width:42px;border-radius:50%;background:var(--ink);color:var(--paper);display:grid;place-items:center;flex:none;transition:background .2s,transform .2s}.transport:hover{background:#5a5a5a}.transport:active{transform:scale(.94)}.source-options{display:flex;align-items:center;gap:15px}.source-button{display:flex;align-items:center;gap:7px;min-height:44px;padding:0;font-size:14px;color:var(--muted);transition:color .2s}.source-button svg{width:19px;height:19px}.source-button.is-active{color:var(--ink)}.source-button.is-active span{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}.source-button:hover{color:var(--ink)}.response-section{display:grid;grid-template-columns:1fr auto;width:155px;gap:1px 10px;align-items:center;font-size:12px;color:var(--muted)}.response-section output{font-variant-numeric:tabular-nums;font-size:12px}.response-section input{grid-column:1/-1;grid-row:2;width:100%;height:23px;margin:0;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer}.response-section input::-webkit-slider-runnable-track{height:1px;background:#b2b2b2}.response-section input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:8px;height:13px;border-radius:2px;background:var(--ink);margin-top:-6px;box-shadow:0 0 0 4px var(--paper)}.response-section input::-moz-range-track{height:1px;background:#b2b2b2}.response-section input::-moz-range-thumb{width:8px;height:13px;border:0;border-radius:2px;background:var(--ink)}.form-actions{display:flex;gap:5px}.sound-status{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:15px;align-items:start;min-height:29px;color:var(--muted);font-size:12px;margin-top:4px;z-index:2}.sound-status p{margin:0;text-align:center}.sound-status p.error{color:#555555}.sound-status>span:first-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.local-note{text-align:right}.spectrum-wrap{height:24px;max-width:440px;width:100%;align-self:center;flex:none}.spectrum-wrap canvas{display:block;width:100%;height:23px}.instrument[data-dragover=true]{outline:2px dashed #848484;outline-offset:-10px}.instrument[data-dragover=true] .scene::after{content:'Drop your music';position:absolute;inset:0;display:grid;place-items:center;background:#f0f0f0ed;font-size:24px;pointer-events:none}.instrument[data-held=true] .stage-caption{opacity:.5}dialog{margin:auto;width:min(510px,calc(100vw - 32px));max-height:calc(100svh - 40px);overflow:auto;border:1px solid #e2e2e2;border-radius:8px;padding:24px 30px 30px;color:var(--ink);background:#f7f7f7;box-shadow:0 22px 100px #2a2a2a20}dialog::backdrop{background:#42424230;backdrop-filter:blur(12px)}.notes-header{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:var(--muted)}.notes-close{margin-right:-10px}dialog h1{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:400;font-size:34px;letter-spacing:-1px;line-height:1.1;margin:24px 0 18px}dialog p{font-size:16px;line-height:1.6;color:#666666}dialog dl{margin:28px 0}dialog dl>div{border-top:1px solid var(--line);padding:14px 0}dialog dt{font-size:14px;font-weight:700;margin-bottom:5px}dialog dd{margin:0;color:#666666;font-size:14px;line-height:1.6}.notes-small{font-size:13px}.notes-links{display:flex;gap:24px;font-size:13px;margin-top:25px}.notes-links a{text-underline-offset:5px}.no-script{position:fixed;inset:40% 20% auto;background:var(--paper);padding:24px;text-align:center}
@media(min-width:1700px){.instrument{padding-left:48px;padding-right:48px}.masthead{height:94px}.sculpture-stage{height:calc(100svh - 232px)}}
@media(max-width:850px){.instrument{padding-left:24px;padding-right:24px}.wordmark{font-size:21px}.material-switch{position:static;transform:none;margin-left:auto}.material-switch button{padding:0 15px}.control-dock{gap:20px}.source-options{gap:13px}.response-section{width:130px}.sound-status{grid-template-columns:1fr auto;gap:5px}.sound-status p{grid-row:2;grid-column:1/-1;text-align:center;min-height:20px}.sculpture-stage{height:calc(100svh - 242px)}}
@media(max-width:540px){.instrument{padding:0 17px max(15px,env(safe-area-inset-bottom))}.masthead{height:112px;align-items:flex-start;padding-top:20px;gap:12px}.wordmark{font-size:22px}.wordmark svg{width:29px;height:29px}.notes-open{margin-top:-7px;margin-right:-8px}.material-switch{position:absolute;left:50%;top:63px;transform:translateX(-50%);margin:0;white-space:nowrap}.material-switch button{font-size:13px;min-height:31px;padding:0 20px}.sculpture-stage{min-height:330px;height:calc(100svh - 380px)}.stage-top{top:14px}.stage-bottom{bottom:9px}.stage-bottom p{font-size:12px;max-width:calc(100% - 43px)}.time{display:none}.control-dock{max-width:430px;flex-wrap:wrap;justify-content:space-between;gap:3px 14px;padding:7px 0 5px}.input-section{gap:13px}.source-options{gap:17px}.source-button{font-size:13px;gap:6px}.source-button svg{width:18px;height:18px}.source-button span{display:none}.source-button{width:30px;justify-content:center}.source-button.is-active{background:#e0e0e0;border-radius:50%;height:30px;min-height:30px}.transport{height:40px;width:40px}.form-actions{gap:2px}.response-section{order:3;grid-template-columns:auto 1fr auto;gap:13px;width:100%;margin:5px 2px 0;height:32px}.response-section input{grid-column:2;grid-row:1}.response-section output{grid-column:3;min-width:36px;text-align:right}.sound-status{grid-template-columns:1fr;min-height:35px;margin-top:0}.sound-status>span:first-child,.local-note{display:none}.sound-status p{grid-row:1;font-size:12px}.spectrum-wrap{max-width:270px;height:20px}.spectrum-wrap canvas{height:18px}dialog{padding:20px 24px}.notes-links{gap:20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}

/* A dark woven well for membrane; the original light setting for particles. */
:root{color-scheme:dark;--paper:#0c0c0c;--ink:#e9e9e9;--muted:#949494;--line:#e2e2e21b;--amber:#aaaaaa;--selected:#ffffff12}
:root[data-material=particles]{color-scheme:light;--paper:#f0f0f0;--ink:#303030;--muted:#707070;--line:#3a3a3a1a;--amber:#6d6d6d;--selected:#ffffffc9}
html,body{transition:background .5s,color .5s}.material-switch{background:#ffffff03}.material-switch button[aria-pressed=true]{background:var(--selected);box-shadow:none}.icon-button:hover{background:var(--selected)}.source-button.is-active{color:var(--ink)}.response-section input::-webkit-slider-runnable-track{background:#7979795e}.response-section input::-moz-range-track{background:#7979795e}.scene-loading{color:var(--muted)}.form-state{opacity:.6}.form-state.held{opacity:1}.source-button.is-active{background:transparent}.transport:hover{background:#c5c5c5;color:#232323}:root[data-material=particles] .transport:hover{background:#5a5a5a;color:#f0f0f0}dialog{color:#303030;--line:#3a3a3a1a;--muted:#707070;color-scheme:light}.notes-header{color:#707070}.notes-close:hover{background:#e9e9e9}.instrument[data-dragover=true] .scene::after{background:var(--paper)}
@media(max-width:540px){.source-button.is-active{background:#97979726}:root[data-material=particles] .source-button.is-active{background:#e0e0e0}}

/* Edge-to-edge material study; quiet controls float outside the focal region. */
:root,:root[data-material=particles]{color-scheme:dark;--paper:#1b1b1b;--ink:#f2f2f2;--muted:#cacaca;--line:#e4e4e429;--amber:#b8b8b8;--selected:#ffffff18}
.instrument{position:relative;max-width:none;height:100svh;min-height:620px;padding:0 32px max(18px,env(safe-area-inset-bottom));isolation:isolate}
.instrument::before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#10101091 0%,#10101016 22%,transparent 45%,#1111110a 63%,#111111d6 100%)}
.sculpture-stage{position:absolute;inset:0;min-height:0;height:auto;z-index:0}
.masthead{height:86px;z-index:3}.wordmark{font-size:21px;letter-spacing:-.55px}.wordmark svg{width:28px;height:28px}
.material-switch{background:#20202075;border-color:#ececec2b;backdrop-filter:blur(18px)}.material-switch button{color:#d0d0d0}
.stage-top{top:102px;left:32px;right:32px;color:#cacaca}.stage-bottom{bottom:183px;left:32px;right:32px}.stage-bottom p{color:#dadada;text-shadow:0 1px 10px #131313}.form-state{opacity:.9}
.control-dock{margin-top:auto;min-height:70px;max-width:772px;padding:12px 21px;gap:27px;border:1px solid #e4e4e42b;border-radius:18px;background:#1c1c1cde;box-shadow:0 8px 40px #10101029;backdrop-filter:blur(22px);z-index:3}
.source-options{gap:18px}.source-button{color:#bcbcbc}.source-button.is-active span{text-decoration:none}.source-button.is-active{color:#ffffff}.response-section{font-size:12px}.response-section input::-webkit-slider-thumb{box-shadow:none}.response-section input::-webkit-slider-runnable-track{background:#bababa65}
.sound-status{position:relative;z-index:2;margin-top:12px;font-size:12px;color:#cccccc}.spectrum-wrap{position:relative;z-index:2;opacity:.75}
.stage-caption{color:#cacaca}.transport{background:#ebebeb;color:#1f1f1f}.transport:hover,:root[data-material=particles] .transport:hover{background:white;color:#1f1f1f}
.icon-button:hover{background:#ffffff19}.icon-button[aria-pressed=true]{background:#ececec;color:#202020}.scene-loading{color:#ececec;text-shadow:0 1px 8px #1b1b1b}
@media(min-width:1700px){.instrument{padding-left:40px;padding-right:40px}.masthead{height:90px}.sculpture-stage{height:auto}.stage-top,.stage-bottom{left:40px;right:40px}}
@media(max-width:850px){.instrument{padding-left:24px;padding-right:24px}.sculpture-stage{height:auto}.stage-top,.stage-bottom{left:24px;right:24px}.control-dock{gap:18px}.stage-bottom{bottom:193px}}
@media(max-width:540px){.instrument{height:100svh;min-height:640px;padding:0 17px max(12px,env(safe-area-inset-bottom))}.masthead{height:115px;padding-top:20px}.wordmark{font-size:21px}.material-switch{top:66px}.sculpture-stage{height:auto;min-height:0}.stage-top{top:126px;left:17px;right:17px;font-size:12px}.stage-bottom{left:17px;right:17px;bottom:195px}.control-dock{max-width:430px;padding:10px 14px 7px;border-radius:16px;gap:2px 14px}.source-options{gap:16px}.source-button.is-active,:root[data-material=particles] .source-button.is-active{background:#ffffff1c}.response-section{margin-top:7px}.sound-status{margin-top:9px;min-height:28px}.spectrum-wrap{height:17px}.spectrum-wrap canvas{height:16px}}
@media(max-height:680px) and (min-width:541px){.instrument{min-height:500px}.stage-top{top:84px}.stage-bottom{bottom:167px}.masthead{height:72px}}

/* Project history stays inside the instrument. Images retain their full composition. */
.history-dialog{width:min(760px,calc(100vw - 32px));max-height:calc(100svh - 40px);padding:0 36px 32px;border-radius:14px;border:1px solid #e3e3e3;background:#f7f7f7;color:#303030;overscroll-behavior:contain;scrollbar-width:none;scrollbar-gutter:auto}
.history-dialog::-webkit-scrollbar{display:none;width:0;height:0}
.history-dialog .notes-header{position:sticky;top:0;z-index:2;margin:0 -12px;padding:15px 12px 11px;background:#f7f7f7f5;backdrop-filter:blur(14px);font-size:12px}
.history-dialog .notes-close{color:#303030}.history-dialog .notes-close:hover{background:#eaeaea}
.history-intro{max-width:590px;padding:7px 0 22px}.history-dialog h1{font-size:clamp(28px,4.5vw,38px);letter-spacing:-1.1px;margin:10px 0 10px;line-height:1.12}
.history-dialog .history-subtitle{font-size:16px;color:#303030;margin:0 0 19px}.history-intro>p:last-child{margin:0;font-size:16px;line-height:1.65}
.history-figure{margin:0 0 29px}.history-figure img{display:block;width:100%;height:auto;border-radius:6px;background:#ececec}
.history-figure figcaption{padding-top:14px;max-width:590px}.history-figure h2{font-size:17px;font-weight:700;letter-spacing:-.15px;line-height:1.35;margin:0 0 6px}.history-figure p{font-size:15px;line-height:1.6;margin:0;color:#666666}
.history-footer{border-top:1px solid #e2e2e2;padding-top:17px}.history-footer p{font-size:13px;line-height:1.6;margin:0 0 7px;color:#707070}.history-footer p:last-child{margin-bottom:0}
.history-award-images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:28px}
.history-award-images .history-figure{min-width:0;margin:0}
.history-award-images img{width:100%;height:auto;aspect-ratio:1/1;object-fit:contain}
.history-award-images figcaption{padding-top:10px}
.history-award-images figcaption p{font-size:14px;line-height:1.5}
.history-section{max-width:590px;margin:0 0 28px}
.history-section h2{font-size:20px;font-weight:700;line-height:1.3;letter-spacing:-.3px;margin:0 0 10px}
.history-section p{font-size:16px;line-height:1.65;margin:0;color:#585858}
.history-origins{border-top:1px solid #e2e2e2;padding-top:24px}
@media(max-width:540px){.history-award-images{grid-template-columns:minmax(0,1fr);gap:20px;margin-bottom:28px}.history-section h2{font-size:20px}.history-dialog .history-subtitle{font-size:14px;line-height:1.5}}
@media(max-width:540px){.history-dialog{width:calc(100vw - 20px);max-height:calc(100svh - 24px);padding:0 20px 24px;border-radius:12px}.history-dialog .notes-header{padding-top:10px}.history-intro{padding-top:5px;padding-bottom:21px}.history-dialog h1{font-size:30px;letter-spacing:-.9px}.history-figure{margin-bottom:25px}.history-figure figcaption{padding-top:12px}}

/* Monochrome controls frame the colored material. */
:root,:root[data-material=particles]{--paper:#080808;--ink:#f3f3f3;--muted:#b6b6b6;--line:#ffffff29;--amber:#ffffff;--selected:#ffffff18}
.instrument::before{background:linear-gradient(180deg,#00000099 0%,#00000017 22%,transparent 45%,#0000000a 63%,#000000e0 100%)}
.control-dock{background:#0d0d0de6;border-color:#ffffff2b;box-shadow:0 8px 40px #0000003d}.material-switch{background:#11111191;border-color:#ffffff30}
.material-switch button,.source-button{color:#b7b7b7}.material-switch button[aria-pressed=true],.source-button.is-active{color:#fff}
.transport{background:#f1f1f1;color:#111}.transport:hover,:root[data-material=particles] .transport:hover{background:#fff;color:#000}
button:focus-visible,a:focus-visible,input:focus-visible{outline-color:currentColor}.signal-light.is-on{background:#fff;box-shadow:0 0 0 3px #ffffff18}.form-state.held{color:#fff}
.sound-status,.stage-top,.stage-caption{color:#bcbcbc}.stage-bottom p{color:#e0e0e0;text-shadow:0 1px 10px #000}.sound-status p.error{color:#fff}
.history-dialog{background:#f7f7f7;color:#242424}.history-dialog .notes-header{background:#f7f7f7f5;color:#666}.history-dialog .notes-close{color:#242424}.history-dialog .notes-close:hover{background:#e8e8e8}.history-dialog .history-subtitle{color:#242424}.history-figure p,.history-intro>p:last-child{color:#585858}.history-footer p{color:#666}

/* Rotation belongs to the same action group as Hold and Save. */
.orbit-button{padding:0}
.orbit-button svg{width:22px;height:22px;stroke-width:1.6;pointer-events:none}
@media(min-width:541px) and (max-width:720px){.source-button span{display:none}.source-button{width:30px;justify-content:center}.source-options{gap:12px}.input-section{gap:13px}}
@media(max-width:540px){.control-dock{column-gap:6px}.input-section{gap:10px}.source-options{gap:6px}}
@media(max-width:359px){.control-dock{padding-left:8px;padding-right:8px;column-gap:0}.input-section{gap:4px}.source-options,.form-actions{gap:0}}

/* One caption carries guidance and temporary feedback in the same place. */
.control-caption{position:relative;z-index:2;flex:none;align-self:center;width:100%;max-width:772px;min-height:18px;margin:10px 0 6px;color:#bcbcbc;font-size:12px;line-height:1.5;text-align:center;text-wrap:balance}
.control-caption.error{color:#f3f3f3}

/* A quiet signature beside the original Deepcake mark. */
.project-credits{position:relative;z-index:2;display:flex;align-items:center;justify-content:flex-end;gap:9px;flex:none;min-height:36px;margin-top:2px;color:#bcbcbc}
.project-credits small{font-size:11px;line-height:1.4;letter-spacing:.01em}
.deepcake-home{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:50%;color:#d8d8d8;text-decoration:none;transition:color .2s,background .2s}
.deepcake-home svg{width:23px;height:23px;stroke-linecap:butt;stroke-linejoin:miter;transition:transform .35s}
.deepcake-home:hover{color:#fff;background:#ffffff12}.deepcake-home:hover svg{transform:rotate(22.5deg)}
@media(max-width:540px){.project-credits{min-height:40px;gap:7px}.deepcake-home{width:40px;height:40px}.project-credits small{font-size:10px}}

/* Compact windows use a deliberate two-row control grid. */
@media(max-width:760px){
  .control-dock{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 8px;width:100%;max-width:520px;padding:10px 12px 8px;border-radius:16px;min-width:0}
  .input-section{grid-column:1;grid-row:1;gap:6px;min-width:0}
  .source-options{gap:0;min-width:0}
  .source-button{width:40px;height:44px;min-height:44px;padding:0;justify-content:center;flex:none}
  .source-button span{display:none}
  .source-button.is-active,:root[data-material=particles] .source-button.is-active{height:44px;min-height:44px;border-radius:12px;background:#ffffff12}
  .transport{width:42px;height:42px}
  .form-actions{grid-column:2;grid-row:1;gap:0}
  .form-actions .icon-button{width:40px;height:44px;border-radius:12px}
  .response-section{grid-column:1/-1;grid-row:2;order:initial;display:grid;grid-template-columns:auto minmax(0,1fr) 42px;align-items:center;gap:12px;width:auto;height:36px;margin:0 2px;padding:4px 0 0;border-top:1px solid #ffffff14}
  .response-section label{grid-column:1;grid-row:1}
  .response-section input{grid-column:2;grid-row:1;min-width:0;height:28px}
  .response-section output{grid-column:3;grid-row:1;text-align:right;min-width:0}
  .control-caption{max-width:520px;font-size:11px;margin:8px 0 4px}
}
@media(max-width:380px){
  .instrument{padding-left:12px;padding-right:12px}
  .control-dock{padding-left:8px;padding-right:8px;column-gap:4px}
  .input-section{gap:4px}.source-button{width:34px}.form-actions .icon-button{width:34px}
}
@media(max-height:560px){
  .instrument{height:100svh;min-height:360px;padding-bottom:max(8px,env(safe-area-inset-bottom))}
  .masthead{height:62px;padding-top:10px;align-items:flex-start}
  .material-switch{position:absolute;top:14px;left:50%;transform:translateX(-50%);margin:0}
  .wordmark{font-size:18px}.wordmark svg{width:25px;height:25px}
  .notes-open{margin-top:-5px}.spectrum-wrap{height:12px}.spectrum-wrap canvas{height:12px}
  .project-credits{min-height:30px}.deepcake-home{width:32px;height:30px}
}
@media(max-height:560px) and (max-width:540px){
  .masthead{height:96px}.material-switch{top:54px}.wordmark{font-size:20px}
}

/* Only shown for the silent, autoplaying case-study embed. */
.embed-sound{position:absolute;z-index:3;right:32px;top:92px;min-height:44px;padding:8px 18px;border:1px solid #ffffff45;border-radius:24px;background:#111b;color:#fff;font-size:14px;backdrop-filter:blur(12px)}
.embed-sound:hover{background:#303030e6}.embed-sound[hidden]{display:none}
@media(max-width:540px){.embed-sound{right:17px;top:118px}}