.service-state{background:var(--surface,white);border:1px solid #e4e3ef;border-radius:16px;max-width:760px;margin:10vh auto;padding:32px;line-height:1.7}.service-state h1{font-size:28px;line-height:1.3}.service-state a{color:#6553db}.service-actions{flex-wrap:wrap;gap:10px;display:flex}.service-notice{color:#51416c;background:#f4f1ff;border-bottom:1px solid #ded7fb;padding:10px 20px;font-size:13px;line-height:1.5}.service-notice p{margin:3px 0}.service-notice button{cursor:pointer;color:inherit;font:inherit;background:0 0;border:0;padding:0 8px 0 0;text-decoration:underline}.dark .service-state{color:#e8e7f0;background:#202233}.dark .service-notice{color:#e0d7f7;background:#29233d;border-color:#443759}@media (width<=700px){.service-state{margin:20px;padding:20px}}.group-page{background:var(--bg,#fafafe);min-height:100vh;color:var(--text,#26283c);padding-bottom:100px}.group-page .app-header{gap:20px}.group-badge{color:#c4bddf;margin-left:auto;font-size:12px}.group-layout{grid-template-columns:258px minmax(0,1fr);max-width:1800px;margin:auto;display:grid}.group-sidebar{border-right:1px solid #e3e2ef;flex-direction:column;align-self:start;gap:20px;padding:28px 22px;display:flex}.group-title{justify-content:space-between;align-items:center;display:flex}.group-title h1{margin:0;font-size:20px}.group-title>span{color:#77788e;font-size:13px}.group-members{gap:19px;margin:0;padding:0;list-style:none;display:grid}.group-members li{align-items:center;gap:10px;display:flex}.group-members i{background:#d9d9e4;border-radius:50%;flex-shrink:0;width:8px;height:8px}.group-members i.is-ready{background:#43a682}.group-members strong{overflow-wrap:anywhere;font-size:13px;display:block}.group-members small{color:#7a7c91;margin-top:5px;font-size:11px;display:block}.group-members .icon-button{margin-left:auto}.group-page input:not([type=range]):not([type=checkbox]),.group-page select{color:#303247;min-width:0;max-width:100%;font:inherit;background:#fff;border:1px solid #deddea;border-radius:8px;padding:10px 12px}.group-page label{color:#6b6e84;flex-direction:column;gap:7px;font-size:12px;display:flex}.group-settings{gap:14px;padding-top:10px;display:grid}.group-settings select{width:100%;font-size:12px}.group-invite{font-size:12px}.group-invite summary{cursor:pointer;color:#7053eb}.group-invite input{width:100%;margin:12px 0 8px}.group-network{color:#7a7c91;border-top:1px solid #e3e2ef;gap:6px;padding-top:20px;font-size:11px;display:grid}.group-network strong{color:#62647b;font-size:12px}.group-network span{line-height:1.5}.group-main{min-width:0;padding:32px 32px 50px}.group-song-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;display:flex}.group-song-heading h2{letter-spacing:-.7px;margin:10px 0 8px;font-size:clamp(24px,3vw,36px)}.group-song-heading p{color:#7a7c91;margin:0;font-size:14px}.group-library{flex-shrink:0;position:relative}.group-library>div{z-index:20;background:#fff;border:1px solid #e2e0ef;border-radius:12px;width:340px;padding:16px;position:absolute;top:48px;right:0;box-shadow:0 12px 36px #27204a20}.group-library input{width:100%}.group-library ul{max-height:330px;margin:10px 0;padding:0;list-style:none;overflow:auto}.group-library li button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;width:100%;padding:10px 8px}.group-library li button:hover{background:#f5f2ff}.group-library li strong,.group-library li span{font-size:13px;display:block}.group-library li span{color:#7a7c91;margin-top:5px;font-size:11px}.group-launch{background:linear-gradient(115deg,#f6f3ff,#fff);border:1px solid #e3def8;border-radius:16px;flex-wrap:wrap;align-items:center;gap:24px;margin-bottom:28px;padding:24px 28px;display:flex}.group-launch>div:first-child{flex:1;min-width:200px}.group-launch h3{margin:10px 0;font-size:22px}.group-launch p{color:#7a7891;max-width:540px;margin:0;font-size:13px;line-height:1.65}.group-tap{color:#fff;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#7252e8;border:1px solid #d9d0fb;border-radius:16px;align-content:center;gap:8px;min-width:154px;min-height:100px;transition:background 80ms,box-shadow 80ms;display:grid}.group-tap b{font-size:29px}.group-tap span{font-size:12px}.group-tap.on-beat{background:#5832cd;box-shadow:0 0 0 5px #7252e820}.group-tap:active{transform:scale(.98)}.group-tap:disabled{opacity:.6;cursor:default}.group-streak{flex-basis:100%;gap:8px;display:flex}.group-streak i{background:#e5dff7;border-radius:8px;width:24px;height:6px}.group-streak .filled{background:#7954ed}.group-alert,.group-notice{border-radius:8px;padding:12px 16px;font-size:13px;line-height:1.5}.group-alert{color:#8e3346;background:#fff0f3}.group-notice{color:#6b6288;background:#f3f1fb}.group-track-controls{align-items:end;gap:16px;margin-bottom:18px;display:flex}.group-track-controls>label{min-width:200px}.group-mixer{z-index:10;background:#fff;border:1px solid #e2dff1;border-radius:12px;max-width:340px;padding:16px;position:absolute;box-shadow:0 8px 24px #27204a20}.group-mixer p{color:#7a7891;font-size:12px}.group-mixer label{color:#36394d;flex-direction:row;align-items:center;padding:6px 0}.group-footer{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:30;background:#fffffff5;border-top:1px solid #e2dfed;align-items:center;gap:24px;min-height:72px;padding:14px 30px;display:flex;position:fixed;bottom:0;left:0;right:0}.group-footer>strong{font-variant-numeric:tabular-nums;font-size:20px}.group-footer>strong span{color:#89899c;font-size:14px}.group-footer>span{color:#838298;flex:1;font-size:12px}.group-footer>label{flex-direction:row;align-items:center}.group-footer>details{color:#79738e;font-size:12px}.group-footer details>div{background:#fff;border:1px solid #e2dfed;border-radius:12px;width:320px;padding:20px;line-height:1.6;position:absolute;bottom:76px;right:20px;box-shadow:0 10px 28px #27204a20}.group-footer input[type=range]{accent-color:#7252e8;width:110px}.group-welcome{gap:20px;max-width:540px;margin:70px auto;padding:24px;display:grid}.group-welcome h1{margin:0;font-size:36px}.group-welcome p{color:#7a7891;line-height:1.7}.group-page .button:disabled{opacity:.5;cursor:default}.group-page summary{cursor:pointer}.group-page .music-score{background:#fff;border-radius:10px}@media (width<=850px){.group-layout{grid-template-columns:1fr}.group-sidebar{border-bottom:1px solid #e3e2ef;border-right:0;gap:14px;padding:20px}.group-members{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.group-settings{grid-template-columns:1fr 1fr}.group-network{border:0;padding:0}.group-main{padding:24px 16px}.group-footer{flex-wrap:wrap;gap:12px;padding:12px 16px}.group-footer>span{display:none}.group-footer>label{margin-left:auto}.group-badge{display:none}.group-library>div{width:min(330px,85vw)}.group-launch{padding:20px}.group-song-heading{align-items:start}.group-track-controls{flex-wrap:wrap}.group-page{padding-bottom:125px}}.group-alert a{font-weight:600;text-decoration:underline}.group-page .app-header>.button{margin-left:auto}.tap-calibration{background:#fff;border:1px solid #e3def0;border-radius:16px;margin:0 0 22px;padding:22px 26px}.calibration-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.tap-calibration h3{margin:8px 0 0;font-size:19px}.tap-calibration p{color:#6b6e84;max-width:750px;font-size:13px;line-height:1.65}.calibration-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.calibration-actions>span{color:#8e3346;width:100%;font-size:12px}.tap-calibration .calibration-footnote{color:#848197;margin-bottom:0;font-size:11px}.calibration-progress{color:#676279;font-variant-numeric:tabular-nums;justify-content:space-between;gap:12px;margin:20px 0 10px;font-size:12px;display:flex}.tap-calibration progress{accent-color:#7252e8;width:100%;height:6px;margin-bottom:16px;display:block}.calibration-pad{color:#fff;width:100%;min-height:120px;font:inherit;touch-action:manipulation;-webkit-user-select:none;user-select:none;cursor:pointer;background:#7252e8;border:0;border-radius:12px;align-content:center;gap:12px;margin-bottom:12px;font-size:22px;font-weight:650;display:grid}.calibration-pad span{padding:0 16px;font-size:12px;font-weight:400}.calibration-pad:active{background:#5c3ccf}.calibration-pad:focus-visible{outline-offset:3px;outline:3px solid #a99ae8}.tap-calibration .calibration-message{color:#695589;background:#f7f3ff;border-radius:8px;padding:10px 14px}.tap-calibration.is-complete{padding:16px 22px}.tap-calibration.is-complete h3{font-size:16px}.tap-calibration.is-complete p{margin:9px 0 0}@media (width<=600px){.tap-calibration{padding:18px}.calibration-heading{flex-wrap:wrap;align-items:flex-start}.calibration-actions>.button{width:100%}.calibration-progress{flex-wrap:wrap}.calibration-pad{min-height:140px}.tap-calibration.is-complete{padding:16px}}