.remote-controller main{max-width:640px;padding:24px 24px calc(28px + env(safe-area-inset-bottom))}.remote-controller .hero{padding:28px 0 12px}.remote-controller .hero h1{font-size:clamp(38px,8vw,52px)}.remote-controller p{color:var(--muted);line-height:1.65;font-size:14px}.remote-controller p.eyebrow{color:var(--pink);font:11px var(--mono);letter-spacing:1.6px}.remote-controller h2{font-size:20px}.remote-controller #pairing{background:var(--surface);border:1px solid var(--line);padding:24px;border-radius:20px}.remote-controller #pairing h2{margin-top:0}.pair-steps{padding-left:20px;font-size:13px;color:var(--muted);line-height:1.7}.pair-steps li{padding-left:4px;margin-bottom:12px}.remote-controller button{min-height:56px;font-weight:650;margin:5px 0}.remote-controller #credential{font-size:16px}.remote-controller #pair,.remote-controller #start,.remote-controller #stop,.remote-controller #stop-sound{width:100%}.remote-controller #stop:not(:disabled){border-color:#a35b53;color:#ffb4a9;background:#341d1b}.remote-controller #sounds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}.remote-controller #sounds button{min-height:100px;overflow-wrap:anywhere;text-align:left;padding:18px;border-radius:14px}.remote-controller #sounds:empty:after{content:"Noch keine Jingles. Importiere sie im Soundboard der Mac-App.";grid-column:1/-1;padding:20px;border:1px dashed var(--line);border-radius:12px;font-size:13px;color:var(--muted);line-height:1.6}.remote-controller #state{border:1px solid var(--line);border-radius:12px;padding:16px;font-size:15px;font-variant-numeric:tabular-nums}.remote-controller #state[data-tone=live]{color:#ffb4a9;border-color:#a35b53}.remote-controller #state[data-tone=ready]{color:var(--lime)}.remote-controller #feedback:empty{display:none}.remote-controller footer{display:block;font-size:12px}.remote-controller #disconnect{margin-top:18px;background:transparent}.remote-controller[data-paired=true] .hero{display:none}.remote-controller details{margin-top:24px}@media(max-width:420px){.remote-controller main{padding:20px 18px calc(24px + env(safe-area-inset-bottom))}.remote-controller #pairing{padding:20px}}.remote-controller main{max-width:560px}.remote-controller .hero{padding:32px 0 16px}.remote-controller .hero h1{font-size:clamp(32px,8vw,44px);margin:12px 0}.remote-mark{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid var(--line);border-radius:14px;color:var(--lime);font-size:28px;animation:remote-arrive .35s ease-out both}.remote-controller[data-paired=false] #state{display:none}.remote-controller #pairing .muted{font-size:12px;margin-bottom:0}.remote-controller footer{border:0;margin-top:16px}.remote-controller details{margin-top:18px}@keyframes remote-arrive{0%{opacity:0;transform:translateY(6px) rotate(-8deg)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.remote-mark{animation:none}}