.sonos-app{max-width:850px;margin:54px auto;padding:0 24px;color:#16201f}.intro{margin-bottom:32px}.intro h1{font-size:clamp(38px,7vw,64px);line-height:1.06;letter-spacing:-2px;margin:12px 0 20px}.eyebrow{font-size:12px;letter-spacing:1.8px;font-weight:750;color:#43746b}.connection,#controls{border:1px solid #dce3df;border-radius:20px;background:#fff;overflow:hidden}.methods{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #dce3df}.method{display:block;background:#f4f6f3;color:#48574f;border:0;border-radius:0;padding:24px;text-align:left;cursor:pointer;font:inherit;box-shadow:inset 0 -3px transparent}.method.selected{background:#fff;color:#123f35;box-shadow:inset 0 -3px #137d64}.method strong,.method span{display:block}.method span{font-size:13px;margin-top:6px;line-height:1.5}.setup,#controls{padding:28px}.setup h2{margin-top:0;font-size:24px}.setup p,.setup li{line-height:1.7}.setup ol{padding-left:22px}.hint{color:#65716b;font-size:13px;line-height:1.65}.inline{display:flex;gap:10px;margin-top:8px}.inline input{min-width:0;flex:1;border:1px solid #bdcbc3;border-radius:10px;padding:12px;font:inherit}.sonos-app label{display:block;font-weight:650;font-size:14px;margin:16px 0 8px}.sonos-app select{width:100%;padding:13px;border:1px solid #c5cfc8;border-radius:10px;background:#fff;color:inherit;font:inherit}.sonos-app .button{border-radius:10px;padding:12px 18px;font-weight:650;min-height:46px}.sonos-app .primary{background:#146f59;color:#fff;border-color:#146f59}.sonos-app button:disabled{opacity:.45;cursor:not-allowed}.notice{min-height:24px;margin:18px 2px;line-height:1.5;color:#37594e}.notice.error{color:#a1342f}.session-head,.rooms-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.session-head h2{margin:6px 0 18px}.session-head .eyebrow{margin:0}.transport{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.volume-box{background:#f5f7f4;padding:1px 18px 6px;border-radius:12px}.sonos-app input[type=range]{width:100%;accent-color:#146f59;min-height:34px}.sonos-app output{float:right;font-variant-numeric:tabular-nums}.phone-room{border-top:1px solid #e2e7e3;padding:16px 0}.room-title{display:flex;align-items:center;gap:12px}.room-title input{width:20px;height:20px;accent-color:#146f59}.room-title label{margin:0;font-size:17px}.phone-room .transport{margin:8px 0}.phone-room .button{padding:8px 12px}.sonos-footer{text-align:center;color:#66736c;font-size:12px;line-height:1.9;margin:32px 0}.sonos-app [hidden]{display:none!important}.sonos-app :focus-visible{outline:3px solid #42a188;outline-offset:4px}@media(max-width:560px){.sonos-app{margin:28px auto;padding:0 16px}.method{padding:18px 14px}.setup,#controls{padding:20px}.inline{flex-direction:column}.session-head{align-items:flex-start}.session-head>.button{padding:10px}.intro h1{letter-spacing:-1px}}