:root{color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif}body{margin:0;background:#0b0c10;color:#f2f2f2}.surface-shell{min-height:100vh;display:flex;align-items:flex-end;justify-content:center;padding:2rem;box-sizing:border-box}.surface-card{width:min(420px,100%);background:#16181d;border:1px solid #2a2d34;border-radius:16px;padding:1rem 1.25rem;box-shadow:0 12px 40px #0006}.surface-card header{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:#9aa0aa}.status-dot{width:8px;height:8px;border-radius:50%;background:#666}.status-dot.online{background:#3ddc84}.status-dot.offline{background:#e5484d}.status-dot.connecting{background:#f5a623}.device-id{margin-left:auto;font-family:ui-monospace,monospace;opacity:.6}.headline{margin:.75rem 0 .25rem;font-size:1rem}.body-text{margin:0 0 .75rem;font-size:.85rem;color:#b8bcc4}.action-row{display:flex;gap:.5rem;margin-bottom:.75rem}.action-row button{flex:1;border:none;background:#3ddc84;color:#0b0c10;font-weight:600;border-radius:10px;padding:.5rem .75rem;cursor:pointer}.action-row button:last-child{background:#2a2d34;color:inherit;font-weight:400}.action-row button:disabled{opacity:.6;cursor:not-allowed}.surface-card form{display:flex;gap:.5rem}.surface-card input{flex:1;background:#0e0f13;border:1px solid #2a2d34;border-radius:10px;padding:.6rem .75rem;color:inherit}.surface-card form button{border:none;background:#2a2d34;border-radius:10px;padding:0 .75rem;cursor:pointer}.surface-card form button:disabled{cursor:not-allowed;opacity:.55}.surface-card form button.listening{background:#e5484d;animation:pulse-listening 1.2s ease-in-out infinite}.voice-status{margin:.5rem 0 0;color:#9aa0aa;font-size:.75rem}@keyframes pulse-listening{50%{transform:scale(1.05)}}.surface-card footer{margin-top:.75rem;display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#6b7280}