.shell{gap:1.5rem;max-width:34rem;margin:0 auto;padding:2rem 1rem 3rem;display:grid}.intro{gap:.75rem;display:grid}.intro p{color:var(--muted)}form{gap:1rem;display:grid}details{border:1px dashed var(--border);border-radius:var(--radius-sm);padding:.75rem 1rem}summary{cursor:pointer;color:var(--muted);font-weight:600}details[open] summary{margin-bottom:.75rem}.hint{color:var(--muted);margin-top:.4rem;font-size:.875rem}.btn-wide{width:100%;padding:1rem;font-size:1.05rem}.status-card{border-color:#f5a52466;gap:.6rem;display:grid}.status-card .song{overflow-wrap:anywhere;font-size:1.15rem;font-weight:700}.status-line{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}fieldset{border:0;gap:1rem;min-width:0;margin:0;padding:0;display:grid}fieldset:disabled{opacity:.5}.greeting{color:var(--muted);font-size:.9rem}.greeting strong{color:var(--text)}.notice{border-radius:var(--radius-sm);background:var(--accent-soft);border:1px solid #f5a52466;padding:.85rem 1rem}.notice-soft{background:var(--surface);border-color:var(--border);color:var(--muted)}.notice-soft strong{color:var(--text)}.gate{gap:.5rem;display:grid}