@layer components{.listen-hero,.listen-study-hero{gap:clamp(var(--space-8), 6vw, var(--space-16));padding-block:clamp(var(--space-10), 7vw, var(--space-20));grid-template-columns:minmax(0,1.22fr) minmax(19rem,.78fr);align-items:end;display:grid}.listen-hero h1,.listen-study-hero h1{max-width:14ch}.listen-hero__receipt,.listen-volume{min-width:0;padding:clamp(var(--space-5), 4vw, var(--space-8));border-radius:var(--radius-xl);background:radial-gradient(circle at 88% 4%, #69d9e71f, transparent 36%), var(--surface-raised);box-shadow:var(--shadow-sm);border:1px solid #69d9e752}.listen-hero__receipt .status-badge{justify-self:start}.listen-hero__receipt h2,.listen-volume h2{font-size:var(--step-2)}.listen-facts{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.listen-facts div{gap:var(--space-1);padding:var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--control-background);display:grid}.listen-facts dt{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-identifier-min);letter-spacing:.06em;text-transform:uppercase}.listen-facts dd{color:var(--text-primary);font-size:var(--step-1);font-weight:720}.listen-section-heading{max-width:52rem}.listen-study-card{border-radius:var(--radius-xl);background:var(--surface-paper);box-shadow:var(--shadow-sm);border:1px solid #10212833;grid-template-columns:minmax(0,1.2fr) minmax(17rem,.8fr);display:grid;overflow:hidden}.listen-study-card__body,.listen-study-card__action{padding:clamp(var(--space-5), 4vw, var(--space-9))}.listen-study-card__action{background:linear-gradient(145deg, #0b64721f, transparent 60%), var(--surface-paper-muted);border-left:1px solid #10212829;justify-content:center}.listen-inline-list{gap:var(--space-2);flex-wrap:wrap;padding:0;list-style:none;display:flex}.listen-inline-list li{border-radius:var(--radius-pill);color:var(--text-paper-muted);font-family:var(--font-mono);font-size:var(--text-ui-min);border:1px solid #1021282e;padding:.35rem .65rem}.listen-process{gap:clamp(var(--space-8), 7vw, var(--space-20));grid-template-columns:minmax(16rem,.72fr) minmax(0,1.28fr);align-items:start;display:grid}.listen-steps{border-top:1px solid var(--border-medium);gap:0;padding:0;list-style:none;display:grid}.listen-steps li{gap:var(--space-4);padding-block:var(--space-5);border-bottom:1px solid var(--border-subtle);grid-template-columns:3.25rem minmax(0,1fr);display:grid}.listen-steps li>span{color:var(--cyan-300);font-family:var(--font-mono);font-size:var(--text-ui-min);font-weight:750}.listen-steps li div{gap:var(--space-2);display:grid}.listen-steps p{color:var(--text-secondary)}.listen-boundary,.listen-licensing{gap:clamp(var(--space-8), 7vw, var(--space-20));grid-template-columns:minmax(16rem,.8fr) minmax(0,1.2fr);align-items:start;display:grid}.listen-boundary>:last-child,.listen-licensing>:last-child{padding-left:clamp(var(--space-5), 4vw, var(--space-10));border-left:2px solid var(--cyan-800)}.listen-volume{position:relative;overflow:hidden}.listen-volume__icon{border:1px solid var(--border-medium);width:3.25rem;height:3.25rem;color:var(--cyan-300);font-family:var(--font-mono);font-size:var(--text-ui-min);border-radius:50%;place-items:center;font-weight:800;display:grid}.listen-participation{gap:clamp(var(--space-8), 6vw, var(--space-16));grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.listen-privacy{padding:clamp(var(--space-5), 4vw, var(--space-8));border-radius:var(--radius-lg);background:#ffffff85;border:1px solid #10212833}.listen-retention{padding:var(--space-4);border-left:3px solid var(--amber-700);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--text-paper);background:#dba44b24;font-weight:650}.listen-form{gap:clamp(var(--space-6), 4vw, var(--space-10));display:grid}.listen-form__header{justify-content:space-between;align-items:end;gap:var(--space-6);display:flex}.listen-form__header>:first-child{max-width:54rem}.listen-availability{justify-content:end;align-items:center;gap:var(--space-3);flex-wrap:wrap;flex:none;display:flex}.listen-notice{padding:var(--space-4);border:1px solid var(--border-medium);border-radius:var(--radius-md);background:var(--surface-raised)}.listen-progress{z-index:8;top:calc(var(--header-height) + var(--space-3));gap:var(--space-5);padding:var(--space-3) var(--space-5);border:1px solid var(--border-medium);border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--text-ui-min);backdrop-filter:blur(14px);background:#0a171cf0;grid-template-columns:1fr auto auto;align-items:center;display:grid;position:sticky}:root[data-theme=light] .listen-progress{background:#fffffff0}@media (prefers-color-scheme:light){:root:not([data-theme]) .listen-progress{background:#fffffff0}}.listen-progress span:first-child{color:var(--text-primary);font-weight:760}.listen-trials{gap:var(--space-6);display:grid}.listen-trial{min-width:0;padding:clamp(var(--space-5), 4vw, var(--space-8));border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:linear-gradient(145deg, #69d9e70b, transparent 46%), var(--surface-raised);box-shadow:var(--shadow-sm);margin:0}.listen-trial__heading,.listen-sample__heading,.listen-rating-label{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.listen-trial__heading>span,.listen-sample__heading>span{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-identifier-min);flex:none}.listen-trial__number{color:var(--cyan-300);font-family:var(--font-mono);font-size:var(--text-ui-min);letter-spacing:.08em;text-transform:uppercase;font-weight:760}.listen-prompt{max-width:76ch;margin-block:var(--space-5) var(--space-6);padding:var(--space-4) var(--space-5);border-left:3px solid var(--cyan-400);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--text-primary);font-size:var(--step-0);background:#69d9e712;font-weight:620}.listen-samples{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.listen-k7-samples{grid-template-columns:repeat(2,minmax(0,1fr))}.listen-sample{gap:var(--space-4);min-width:0;padding:var(--space-5);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-primary);display:grid}.listen-sample audio{border-radius:var(--radius-md);width:100%;min-height:3.25rem}.listen-rating-label{align-items:baseline}.listen-rating-label label{color:var(--text-primary);font-size:var(--step--1);font-weight:700}.listen-rating-label output{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);min-width:5.3rem;color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-identifier-min);text-align:center;padding:.25rem .45rem}.listen-rating-label output[data-rated=true]{color:var(--cyan-300);font-size:var(--text-ui-min);background:#69d9e717;border-color:#69d9e759;font-weight:760}.listen-sample input[type=range]{width:100%;min-height:2rem;accent-color:var(--cyan-400);cursor:pointer;margin:0}.listen-sample input[type=range]:disabled{cursor:not-allowed;opacity:.55}.listen-k7-rating{gap:var(--space-2);color:var(--text-primary);font-size:var(--step--1);font-weight:700;display:grid}.listen-k7-rating select{border:1px solid var(--border-medium);border-radius:var(--radius-md);background:var(--control-background);width:100%;min-height:2.75rem;color:var(--text-primary);font:inherit;padding:.55rem .7rem}.listen-k7-rating select:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.listen-k7-rating select:disabled{cursor:not-allowed;opacity:.58}.listen-k7-preference{gap:var(--space-3) var(--space-5);margin:var(--space-5) 0 0;padding:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:#69d9e70e;flex-wrap:wrap;display:flex}.listen-k7-preference legend{width:100%;margin-bottom:var(--space-2);color:var(--text-primary);font-weight:750}.listen-k7-preference label{gap:var(--space-2);min-height:2.5rem;color:var(--text-secondary);cursor:pointer;align-items:center;display:inline-flex}.listen-k7-preference input{width:1.15rem;height:1.15rem;accent-color:var(--cyan-400)}.listen-k7-preference:disabled{opacity:.58}.listen-k7-form[data-state=submitted] .listen-k7-pair{opacity:.72}.listen-scale{justify-content:space-between;gap:var(--space-3);color:var(--text-muted);font-size:var(--text-identifier-min);line-height:1.4;display:flex}.listen-scale span:last-child{text-align:right}.listen-submit{gap:clamp(var(--space-6), 5vw, var(--space-12));padding:clamp(var(--space-5), 4vw, var(--space-9));border:1px solid var(--border-medium);border-radius:var(--radius-xl);background:radial-gradient(circle at 90% 8%, #69d9e717, transparent 34%), var(--surface-raised);box-shadow:var(--shadow-sm);grid-template-columns:minmax(0,1.25fr) minmax(17rem,.75fr);display:grid}.listen-consent{gap:var(--space-3);max-width:66ch;color:var(--text-primary);align-items:flex-start;font-weight:650;display:flex}.listen-consent input{width:1.25rem;height:1.25rem;accent-color:var(--cyan-400);flex:none;margin-top:.18rem}.listen-turnstile{min-height:4rem}.listen-submit__action{align-self:end}.listen-submit__action .button{width:100%}.listen-submit__status{color:var(--text-secondary);font-size:var(--step--1);text-align:center}.listen-form[data-state=submitted] .listen-submit{background:linear-gradient(145deg, #48ae7b1f, transparent 60%), var(--surface-raised);border-color:#48ae7b80}.listen-study-receipt{gap:clamp(var(--space-8), 7vw, var(--space-20));grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:start;display:grid}.listen-receipt-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.listen-receipt-grid div{gap:var(--space-2);min-width:0;padding:var(--space-4);border-radius:var(--radius-md);background:var(--surface-paper-muted);border:1px solid #1021282e;display:grid}.listen-receipt-grid dt{color:var(--text-paper-muted);font-family:var(--font-mono);font-size:var(--text-identifier-min);letter-spacing:.05em;text-transform:uppercase}.listen-receipt-grid dd{min-width:0;color:var(--text-paper);font-size:var(--step--1);font-weight:650}.listen-receipt-grid code{overflow-wrap:anywhere;font-size:var(--text-identifier-min);font-weight:500}}@media (width<=68rem){@layer components{.listen-samples{grid-template-columns:1fr}.listen-sample{grid-template-columns:minmax(12rem,.85fr) minmax(0,1.15fr);align-items:center}.listen-sample__heading{grid-column:1/-1}.listen-sample audio{grid-area:2/1/span 3}.listen-rating-label,.listen-sample input[type=range],.listen-scale{grid-column:2}}}@media (width<=52rem){@layer components{.listen-hero,.listen-study-hero,.listen-process,.listen-boundary,.listen-licensing,.listen-participation,.listen-study-receipt,.listen-submit,.listen-study-card{grid-template-columns:1fr}.listen-hero,.listen-study-hero{align-items:start}.listen-study-card__action{border-top:1px solid #10212829;border-left:0}.listen-boundary>:last-child,.listen-licensing>:last-child{padding-top:var(--space-5);border-top:2px solid var(--cyan-800);border-left:0;padding-left:0}.listen-form__header{align-items:start;display:grid}.listen-availability{justify-content:start}.listen-progress{border-radius:var(--radius-lg);grid-template-columns:1fr auto}.listen-progress span:last-child{grid-column:1/-1}}}@media (width<=38rem){@layer components{.listen-facts,.listen-receipt-grid{grid-template-columns:1fr}.listen-progress{border-radius:var(--radius-md);grid-template-columns:1fr;position:static}.listen-progress span:last-child{grid-column:auto}.listen-trial{padding:var(--space-4);border-radius:var(--radius-lg)}.listen-trial__heading{align-items:start}.listen-prompt{padding:var(--space-4)}.listen-sample{padding:var(--space-4);grid-template-columns:1fr;display:grid}.listen-sample audio,.listen-rating-label,.listen-sample input[type=range],.listen-scale{grid-area:auto}.listen-rating-label{align-items:center}.listen-submit{padding:var(--space-5)}}}@media (forced-colors:active){@layer components{.listen-retention,.listen-prompt,.listen-boundary>:last-child,.listen-licensing>:last-child{border-color:canvastext}.listen-progress{background:canvas}}}