*{box-sizing:border-box}html{color-scheme:dark;background:#070910;color:#ece9f5;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{margin:0}.solo-q{width:min(100%,900px);margin:auto;padding:24px 24px max(24px,env(safe-area-inset-bottom));min-height:100svh}header{display:flex;align-items:center;justify-content:space-between;gap:16px}a{color:#c5bddb;text-decoration:none}.q-mark{display:flex;align-items:center;gap:12px;font-size:25px;color:#eee8ff}.q-mark span{font:11px/1.4 ui-monospace,monospace;letter-spacing:.13em}.back{font-size:12px;min-height:44px;display:flex;align-items:center}#solo-canvas{position:relative;width:100%;height:clamp(280px,52svh,580px);background:radial-gradient(ellipse at center,rgba(96,63,151,.12),transparent 65%)}#solo-canvas canvas{display:block;width:100%;height:100%}.q-state-caption{text-align:center;margin:0 0 22px}.q-state-caption h1{font-size:17px;font-weight:500;letter-spacing:.03em;margin:0 0 9px}.q-state-caption p{font-size:12px;color:#a8a1b8;margin:0}.q-state-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}button{font:inherit;font-size:14px;line-height:1.2;color:#ddd6ed;background:#15141f;border:1px solid #3b344c;min-height:44px;padding:11px 19px;border-radius:12px}button[aria-pressed=true]{color:#f5efff;background:#3a2c50;border-color:#a98bcf}button:disabled{opacity:.5}button:focus-visible,a:focus-visible{outline:2px solid #b1e5f2;outline-offset:4px}.q-transport{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:14px}.q-transport button{background:transparent;border-color:transparent;color:#b6acc9;font-size:12px;padding:10px 15px}#q-solo-status{text-align:center;color:#b4abc6;font-size:12px;line-height:1.6;min-height:40px;margin:12px auto 0;max-width:450px}#q-fallback{position:absolute;width:200px;height:200px;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 35% 30%,#9b90d9,#41335d 55%,#121421);box-shadow:0 0 50px #3c2a6350}#q-fallback[hidden]{display:none}@media(max-width:380px){.solo-q{padding:16px}header .q-mark span{max-width:90px}.q-state-buttons button{flex:1 1 26%;padding:10px 12px}.q-state-caption{margin-bottom:16px}}

#q-voice-label,.q-voice-help{text-align:center;color:#b9afcb;font-size:12px;line-height:1.5;margin:14px auto 0}.q-voice-help a{display:inline-flex;align-items:center;min-height:44px;color:#c7badf;text-decoration:underline;text-underline-offset:4px}