.remote-shell{max-width:620px;margin:auto;padding:1rem;min-height:100vh}.remote-shell header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.remote-shell h1{margin:.2rem 0}.remote-clock{text-align:center}.remote-clock strong{display:block;font-size:clamp(5rem,24vw,9rem);font-variant-numeric:tabular-nums;line-height:1;text-shadow:0 0 30px var(--glow)}#remote-blinds{font-size:2rem;font-weight:900;margin-top:.7rem}.remote-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin:1rem 0}.remote-controls button{min-height:58px}.remote-announcement textarea{margin-bottom:.7rem}.remote-announcement div{display:flex;gap:.6rem}.remote-shell>a{display:block;text-align:center;margin-top:1rem}.disconnected{color:var(--danger);border-color:var(--danger)}
@media(max-width:480px){.remote-shell{padding:.75rem .75rem calc(.75rem + env(safe-area-inset-bottom))}.remote-shell header{align-items:flex-start;gap:.5rem}.remote-shell h1{font-size:1.25rem}.remote-controls{grid-template-columns:repeat(2,1fr)}.remote-controls #remote-toggle{grid-column:1/-1;grid-row:1}.remote-announcement div{flex-direction:column}.remote-announcement button{width:100%}}