.ties-app [hidden]{display:none!important}.ties-controls{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin:24px 0}.ties-controls label{display:flex;align-items:center;gap:10px;min-width:0;font-size:1rem}.ties-controls select{min-height:44px;max-width:100%;font-size:1rem}.ties-controls .score{margin-left:auto}.ties-variants{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.ties-variants button{min-height:44px;padding:10px 18px;font:inherit;border:1px solid #879797;border-radius:9px;background:#fff;color:var(--ink)}.ties-variants [aria-pressed=true]{background:var(--ink);color:#fff}
.ties-symbol{max-width:610px;margin:22px auto;color:var(--ink)}.ties-symbol svg{display:block;width:100%;height:auto}.ties-symbol.ties-playing{color:#3647b6}.ties-explanation{padding:16px 20px;background:#edf5d3;border:1px solid var(--line);border-radius:14px;margin:20px 0;line-height:1.7}.ties-formula{font-weight:700;margin:0 0 14px}.ties-timeline{display:flex;height:26px;border:1px solid #647472;border-radius:5px;overflow:hidden;max-width:100%}.ties-timeline span:first-child{background:#c6de79}.ties-timeline span:last-child{background:#a5b7f4}.ties-timeline.ties-separate span:last-child{box-shadow:inset 3px 0 #182326}.ties-app .ties-answers{grid-template-columns:repeat(3,minmax(0,1fr))}.ties-app [data-feedback]{line-height:1.7}.ties-app [data-status]{min-height:1.6em}
@media(max-width:650px){.ties-controls label{width:100%;flex-wrap:wrap}.ties-controls select{flex:1 1 140px}.ties-controls .score{margin-left:0}.ties-app .ties-answers{grid-template-columns:repeat(2,minmax(0,1fr))}.ties-app .practice-actions>.button{flex:1 1 180px}.ties-explanation{padding:14px}.ties-app .volume{flex-wrap:wrap}}