.sur-proposal-panel,.sur-proposal-invite,.sur-proposal-choices{--proposal-border:#393341;color:#f7f4fb;box-sizing:border-box}
.sur-proposal-panel{border-block:1px solid var(--proposal-border);padding:24px 0;margin:24px 0 32px}
.sur-proposal-panel h2{margin:0 0 16px;font-size:22px;line-height:1.2}
.sur-proposal-panel details{margin:16px 0}.sur-proposal-panel summary{cursor:pointer;color:#cb9cff;font-weight:700;padding:12px 0}
.sur-proposal-panel form{margin-top:16px}.sur-proposal-panel a,.sur-proposal-invite a,.sur-proposal-status a{color:#67e6df;text-underline-offset:3px}
.sur-proposal-choices{border:0;padding:0;margin:20px 0 12px;min-width:0;width:100%}
.sur-proposal-choices legend{font-weight:700;margin-bottom:12px;padding:0;font-size:15px}
.sur-proposal-choices__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}
.sur-proposal-choices .sur-proposal-choice{display:flex;align-items:flex-start;gap:10px;border-top:1px solid var(--proposal-border);padding:16px 10px;margin:0;cursor:pointer;text-transform:none;letter-spacing:normal;font-weight:400;line-height:1.5}
.sur-proposal-choice:has(input:checked){background:#15121c;box-shadow:inset 3px 0 var(--proposal-color)}
.sur-proposal-choices input[type=radio]{flex:0 0 auto;width:18px;height:18px;margin:4px 0 0;accent-color:var(--proposal-color,#a979ff)}
.sur-proposal-choice>span{display:grid;gap:5px;min-width:0}.sur-proposal-choice strong{font-size:17px;color:var(--proposal-color)}
.sur-proposal-choice span span,.sur-proposal-choice small{color:#b2aaba;font-size:12px}.sur-proposal-choice small:first-child{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--proposal-color)}
.sur-proposal-choices .sur-proposal-choice--later{display:flex;gap:10px;align-items:center;padding:12px 0;margin:0;color:#b2aaba;font-size:13px;font-weight:400;letter-spacing:normal;text-transform:none}
.sur-proposal-help{font-size:12px;color:#b2aaba;line-height:1.6;max-width:70ch}
.sur-proposal-listening{border-top:1px solid var(--proposal-border);padding-top:16px}
.sur-proposal-panel .sur-proposal-choice--later,.surgente-artist-form-container .sur-proposal-choice--later{display:flex;align-items:center;gap:10px;min-height:44px;font-size:13px;font-weight:400;letter-spacing:normal;text-transform:none;cursor:pointer}
.sur-proposal-choice--later input[type=checkbox]{width:18px;height:18px;flex:0 0 auto;accent-color:#a979ff}
/* Mejora Colectiva 9.4.0 applies important typography to every form label.
   Contain the correction to our own controls; never restyle other forms. */
.sur-proposal-choices label.sur-proposal-choice,.sur-proposal-choices label.sur-proposal-choice--later,.sur-proposal-listening label.sur-proposal-choice--later,.surgente-artist-form-container label.sur-proposal-choice--later{font-weight:400!important;letter-spacing:normal!important;text-transform:none!important;line-height:1.5!important;margin:0!important;color:#f7f4fb!important}
.sur-proposal-status{display:grid;gap:6px;border-left:2px solid #67e6df;padding:4px 0 4px 14px;margin:16px 0;font-size:13px;line-height:1.5}
.sur-proposal-status small{color:#b2aaba;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.sur-proposal-status>span{color:#b2aaba}
.sur-proposal-invite{display:flex;gap:16px;justify-content:space-between;align-items:center;margin-top:18px;padding:18px 0 4px;border-top:1px solid var(--proposal-border);font-size:13px;line-height:1.5}
.sur-proposal-invite>div{display:grid;gap:6px}.sur-proposal-invite span{color:#b2aaba;font-size:12px}.sur-proposal-invite form{flex-shrink:0;margin:0}
.sur-proposal-invite button{background:transparent;color:#b2aaba;border:1px solid #393341;border-radius:8px;font-size:12px;padding:8px 10px;cursor:pointer}
.sur-proposal-panel button{background:#a979ff;color:#100a1a;border:0;border-radius:8px;padding:12px 16px;font:inherit;font-weight:700;cursor:pointer}
.sur-proposal-choices input:focus-visible,.sur-proposal-panel summary:focus-visible,.sur-proposal-panel button:focus-visible,.sur-proposal-invite button:focus-visible{outline:2px solid #67e6df;outline-offset:4px}
@media(max-width:560px){.sur-proposal-choices__grid{grid-template-columns:1fr}.sur-proposal-invite{align-items:flex-start;flex-direction:column}.sur-proposal-choice{min-height:44px}.sur-proposal-panel{padding:18px 0}}
/* PLG121: personal controls remain one quiet, optional row above the gallery. */
.sur-proposal-panel.is-compact{padding:0;margin:22px 0;border-block:1px solid #393341;scroll-margin-top:150px}
.sur-proposal-panel .sur-proposal-personal{margin:0}.sur-proposal-panel .sur-proposal-personal>summary{display:grid;grid-template-columns:1fr auto;gap:4px 16px;list-style:none;padding:16px 0;color:#f7f4fb}
.sur-proposal-personal>summary::-webkit-details-marker{display:none}.sur-proposal-personal>summary>small{grid-column:1;font-size:12px;color:#b2aaba;font-weight:400}.sur-proposal-personal>summary>span:last-child{grid-column:2;grid-row:1/3;align-self:center;color:#67e6df;font-size:22px;transition:transform .15s}.sur-proposal-personal[open]>summary>span:last-child{transform:rotate(45deg)}
.sur-proposal-personal__body{padding:0 0 20px;display:grid;grid-template-columns:1fr 1fr;gap:12px 28px}.sur-proposal-personal__body>.sur-proposal-status{grid-column:1/-1}.sur-proposal-personal__body>details{grid-column:1/-1}.sur-proposal-panel .sur-proposal-listening{margin:0;padding:0;border:0}.sur-proposal-personal__body>p[role=status]{grid-column:1/-1;color:#68df99}
.sur-proposal-panel.is-targeted{scroll-margin-top:150px;border-top:2px solid var(--proposal-color);padding:20px 0}.sur-proposal-target-head{display:flex;align-items:start;justify-content:space-between;gap:16px}.sur-proposal-target-head small{color:var(--proposal-color);font-size:11px}.sur-proposal-target-head h2{margin:5px 0}.sur-proposal-target-head>a{font-size:12px;min-height:44px;display:flex;align-items:center}.sur-proposal-target-body{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:20px 0}.sur-proposal-target-body>div>small{display:block;color:#b2aaba;margin-bottom:10px}.sur-proposal-target-body iframe{border:0;border-radius:10px;max-width:100%;display:block}.sur-proposal-target-body form{margin:0}.sur-proposal-panel.is-targeted>small{font-size:11px;color:#b2aaba}
#sur-artistic-song{scroll-margin-top:150px}
@media(max-width:650px){.sur-proposal-personal__body,.sur-proposal-target-body{grid-template-columns:1fr}.sur-proposal-personal__body>*{grid-column:1}.sur-proposal-target-head{flex-wrap:wrap}.sur-proposal-panel .sur-proposal-listening{padding-top:16px;border-top:1px solid #393341}}
@media(prefers-reduced-motion:reduce){.sur-proposal-personal>summary>span:last-child{transition:none}}