#optionsBtn{border-color:#8eeaff55}.sync-panel{position:fixed;z-index:80;right:18px;top:82px;width:min(430px,calc(100vw - 36px));max-height:calc(100vh - 104px);overflow:auto;padding:22px;border:1px solid #67e8f944;border-radius:18px;background:linear-gradient(150deg,#071522fa,#030711fa);box-shadow:0 35px 120px #000;backdrop-filter:blur(28px);transform:translateX(calc(100% + 50px));transition:.42s cubic-bezier(.22,.8,.22,1)}.sync-panel.open{transform:none}.sync-head{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #ffffff16;padding-bottom:17px}.sync-head b{display:block;color:#7ce9f4;font:800 12px monospace;letter-spacing:.14em}.sync-head small{display:block;margin-top:5px;color:#8297a8;font:700 8px monospace;letter-spacing:.13em}.sync-head button{align-self:start;border:0;background:none;color:#fff;font-size:25px}.sync-role{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0}.sync-role button,.sync-action{padding:13px;border:1px solid #ffffff22;background:#ffffff08;color:#fff;font:800 9px monospace;letter-spacing:.1em;cursor:pointer}.sync-role button.active{border-color:#67e8f9;background:#67e8f922;color:#c9faff}.sync-view{display:none}.sync-view.active{display:block}.sync-view p{color:#aebfcc;font-size:12px;line-height:1.55}.sync-code{display:grid;place-items:center;min-height:105px;margin:14px 0;border:1px solid #67e8f94a;background:#03101c;color:#fff;font:900 clamp(42px,8vw,70px) monospace;letter-spacing:.16em}.sync-join{display:grid;grid-template-columns:1fr auto;gap:8px}.sync-join input{min-width:0;padding:14px;border:1px solid #ffffff25;background:#020a12;color:#fff;font:800 22px monospace;letter-spacing:.16em;text-align:center}.sync-status{min-height:18px;margin-top:12px;color:#79e8f2;font:700 9px monospace;letter-spacing:.08em}.sound-modes{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:16px}.sound-modes button{padding:12px 9px;border:1px solid #ffffff1d;background:#ffffff07;color:#b7c9d4;text-align:left;font:700 9px monospace;cursor:pointer}.sound-modes button.active{border-color:#b181ff;background:#6f3e9c38;color:#ead9ff}.sound-modes small{display:block;margin-top:4px;color:#718696;font-size:7px}.sync-live{display:flex;align-items:center;gap:8px;margin-top:14px;color:#85e8ba;font:800 8px monospace;letter-spacing:.12em}.sync-live i{width:7px;height:7px;border-radius:50%;background:#65e6a6;box-shadow:0 0 12px #65e6a6;animation:syncPulse 1.4s infinite}@keyframes syncPulse{50%{opacity:.25}}@media(max-width:800px){#optionsBtn{display:block!important;font-size:8px!important}.sync-panel{top:66px;right:8px;width:calc(100vw - 16px);max-height:calc(100vh - 76px)}.sound-modes{grid-template-columns:1fr}.sync-code{font-size:50px}}