header nav #fx-button{height:34px;min-height:34px;min-width:40px;width:40px;padding:0;border:1px solid #a4bdd337;border-radius:4px;background:#aec9e409;display:inline-flex;align-items:center;justify-content:center;font:10px Oxanium,sans-serif;letter-spacing:.08em;box-shadow:none}
@media(hover:hover) and (pointer:fine){header nav #fx-button:hover{background:#aec9e41a}}
#fx-panel,#welcome-panel{width:min(460px,calc(100vw - 28px));max-height:calc(100dvh - 32px);padding:28px;border:1px solid #9ab6cf37;border-radius:17px;color:#dce5ed;background:#09121ef2;box-shadow:0 30px 120px #0008;overflow:auto;font-family:Oxanium,Arial,sans-serif}
#fx-panel::backdrop,#welcome-panel::backdrop{background:#020813a8;backdrop-filter:blur(7px)}
#fx-panel h2,#welcome-panel h2{font:400 25px/1.3 Oxanium,sans-serif;letter-spacing:.2px;margin:8px 40px 23px 0}
.fx-kicker{font-size:9px;letter-spacing:3px;color:#91a4ba;margin:0}.fx-close{position:absolute;right:17px;top:17px;width:32px;height:32px;display:grid;place-items:center;border:1px solid #a4bdd32b;border-radius:50%;color:#b8c9d9;background:transparent;padding:0}.fx-close svg{width:16px;height:16px;display:block}
.fx-row{display:flex;align-items:center;justify-content:space-between;width:100%;gap:20px;padding:17px 0;border:0;border-bottom:1px solid #b0c9df18;background:none;text-align:left;color:inherit;font:inherit}.fx-row strong{display:block;font-size:14px;font-weight:400}.fx-row small{display:block;font-size:10px;line-height:1.6;margin-top:6px;color:#8f9fb3}.fx-row:disabled{opacity:.55;cursor:default}.fx-state{flex:none;min-width:46px;text-align:center;font-size:10px;letter-spacing:1px;padding:7px;border:1px solid #9ab8d32b;border-radius:5px;color:#8091a6}.fx-row[aria-checked=true] .fx-state{color:#c7dfdb;border-color:#9ac8bc59;background:#99c4b40a}
.fx-volume-row{display:flex;align-items:center;gap:14px;margin:22px 0 9px;font-size:11px;color:#9dafc2}.fx-volume-row input{min-width:0;flex:1;width:100%;accent-color:#acc8d1;height:24px;touch-action:pan-y}.fx-volume-row output{min-width:30px;text-align:right}.fx-note{font-size:10px;line-height:1.7;color:#7e93ab;min-height:17px;margin:7px 0 20px}.fx-intro{display:block;font:11px Oxanium,sans-serif;color:#9cb1c8;border:0;background:none;padding:6px 0}
#welcome-panel>p:not(.fx-kicker){font-size:13px;line-height:1.8;color:#9bacc1;margin:16px 0}#welcome-panel .welcome-actions{display:grid;gap:9px;margin-top:24px}.welcome-actions button{border:1px solid #aac5da3b;border-radius:7px;padding:14px;font:12px Oxanium,sans-serif;color:#d7e3ed;background:#adcbd31a;min-height:46px}.welcome-actions button:last-child{background:transparent;color:#9eb0c5;border-color:#9cbad521}.welcome-actions button:disabled{opacity:.5}
#fx-sound-choices{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:15px 0 0}
#fx-sound-choices button{text-align:left;padding:11px 12px;border:1px solid #aac6da26;border-radius:6px;background:transparent;color:#8c9fb6;font:11px Oxanium,sans-serif;min-height:53px}
#fx-sound-choices button strong{font-weight:400;display:block}#fx-sound-choices button small{display:block;margin-top:5px;font-size:9px;letter-spacing:.4px;color:#7e93aa}
#fx-sound-choices button[aria-checked=true]{color:#d5e4ec;background:#a6cbbd0e;border-color:#a6cbbd66}
#fx-panel button:focus-visible,#welcome-panel button:focus-visible{outline:1px solid #bad5e1;outline-offset:3px}
@media(max-width:599px){header nav #fx-button{height:30px;min-height:30px;min-width:31px;width:31px;font-size:10px}#fx-panel,#welcome-panel{padding:23px}#fx-panel h2,#welcome-panel h2{font-size:22px}.fx-row strong{font-size:13px}.fx-row small{font-size:10px}}